1. Writing for the Web: Quick Tips for Friendlier Pages Robyn Ness & Beth Snapp July 2014

2. Housekeeping Sign in Evaluation Documentation –go.osu.edu/writingfortheweb –Handout –Instructions on CarmenWiki –Videotaped Questions

3. Goals Web Governance Committee web standards library.osu.edu  About Us  Policies & Procedures Improve usability of our websites

4. OSL Web Standards screenshots

5. 5 Quick Tips for Friendlier Pages 1.Scannable Text 2.Clear Links 3.Correct Headings 4.Clean Formatting 5.Basic Web Accessibility

6. What’s wrong with this page? Not Scannable Unclear Links Poor Headings Inconsistent Formatting Broken Accessibility

7. Scannable Text

8. Word Wall vs.Scannable Text

9. Scannable Text Short paragraphs Bulleted lists White space

10. Clear Links

11. Unclear Linksvs.Clear Links ✔ Example 1

12. Unclear Linksvs.Clear Links ✔ Example 2

13. Unclear Linksvs.Clear Links ✔ Example 3

14. Unclear Linksvs.Clear Links ✔ Example 4

15. Good Links Descriptive text –Title of the document or page –Short descriptive phrase Not the full URL Not Click Here

16. Correct Headings

17. Incorrect vs. Correct Headings

18. Correct Headings Concise Content Hierarchy of heading levels –Use them for meaning, not for text size. –Don’t skip levels.

19. CMS Tip Due to our site template, the editable content starts at Heading 3.

20. Clean Formatting

21. Inconsistent Styles vs. Clean Formatting

22. Clean Formatting Don’t use ALL CAPS. Use bold and italic text sparingly. Don’t use underlines, which implies links. If you feel the need to use a lot of text formatting, revisit your text for scannability and appropriate section headings.

23. Special Cases Use Styles for special formatting. If you need help, ask for advice from AD&S.

24. Web Accessibility Is... Removing barriers that prevent access to websites by people with disabilities. We need to design for visitors with: Visual impairments Auditory impairments Motor/mobility impairments Cognitive impairments

25. Web Accessibility Some elements of our sites are in your control; some elements are part of the CMS. Focus on elements of content that are in your control. Most regular text content is highly accessible. Focus on a few easy changes...

26. Focus on… Correct heading hierarchy Clear links Image description tags (“alt” attributes)

27. No ALT Content vs. Accessible Images

28. Trickier Cases for Accessibility Data tables –require special labeling PDFs –require special formatting Videos/Audio –require captioning or transcripts Online Forms –require special labeling For these, ask for advice from AD&S.

29. Accessibility Red Flags Images of text (in place of text content) Conveying meaning with only color

30. Putting it all together…

31. Before After

34. go.osu.edu/writingfortheweb Questions?