1. Access for All: Basics of Web Accessibility April 17, 2012 Presenters: Cindy Leonard Bayer Center for Nonprofit Management at Robert Morris University Sandi Gauder CMS Web Solutions

2. To access the audio portion of this webinar: 1) Dial: (866) 740-1260 2) Input access code: 3979000 Access for All: Basics of Web Accessibility

3. Technology Services Manager Bayer Center for Nonprofit Management at Robert Morris University Enthusiastic Geek & Cat Lover Web Developer leonard@rmu.edu @cindy_leonard Cindy Leonard

4. Partner, CMS Web Solutions Fan of Red Shoes & Cats (is it a geek thing?) Web Developer sandi@cmswebsolutions.com @sgauder Sandi Gauder

5. What is Web accessibility? What are the various Web accessibility guidelines (and where do they come from?) What are the benefits of having an accessible site? Questions to ask your Web developer Tips to improve your site right now Additional resources Q&A Agenda

6. http://basicsofwebaccessibility.wikispaces.com/ Session Wiki (The Good Stuff.)

7. Source: Hityourmarketi.com What is Web Accessibility?

8. Source: dom-iris.si/images/prilagoditve-komunikacija1_en.gif

9. Source: www.communities-ontheweb.com/images/BrailleReader.jpg

10. Source: 2.bp.blogspot.com/_fSq2BTxHxIY/TBbYXl4L9zI/AAAAAAAAAG4/E691lD5v14I/s1600/shapiro1.jpg

11. Source: www.abilityconnectiontexas.org/images/AT_RLTT_002.jpg

12. Source: www.scn.org/star/techphotos/intelikeys2.jpg

13. WCAG 2.0 Source: www.w3.org/WAI/

14. Section 508 Source: www.extron.com/product/img/section508_logo3.gif

15. Standard on Web Accessibility Source: www.crwflags.com/fotw/images/c/ca.gif

16. Accessibility for Ontarians with Disabilities Act (AODA) Integrated Accessibility Standards (Ontario) Source: http://www.crwflags.com/art/countries/canada~ontario.gif

17. Benefits of Having an Accessible Website Source: stritar.net/Upload/Images/BrowserIcons.jpg

18. Benefits of Having an Accessible Website Source: website-serve.com/wp-content/uploads/Search_Engines.png

19. Benefits of Having an Accessible Website HTML Web Page Word Doc Plain Text PDF

20. Benefits of Having an Accessible Website csszengarden.com

21. Benefits of Having an Accessible Website Source: zoominlocal.com/pub-files/12597620344b167172924e4/ pub/Get_connected_sup/lib/12881710424cc7ee22890c2.jpg

22. Benefits of Having an Accessible Website Source: img.howcast.com/images/info/mobile/howcast-on-mobile-devices.jpg

23. Questions to Ask Your Web Developer Do you conform to Web standards? Will it cost more to make my Website accessible? Can you explain the measures you will take to ensure our Website is accessible? Based on our community & Website goals, are there any additional accessibility or usability features you would recommend for us? Source: Tiffany Kuchta, Allegheny Graphics Web Development

24. Questions to Ask Your Web Developer Who will maintain the site once it has been built? If it’s your company, do your maintenance tech conform to the same accessibility standards as your developers? If it’s our organization, how do we ensure new content meets accessibility standards? Source: Tiffany Kuchta, Allegheny Graphics Web Development

25. Quick Tip: Use Headings Correctly Heading 1 Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Heading 2 Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Heading 3 Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Heading 3 Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Heading 2 Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Heading 3 Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Paragraph text here. Standard Header Tags through Hierarchy Information Structure Need at least an tag per page

26. Quick Tip: Use ALT tags on images Source: http://www.whitehouse.gov/about/presidents/georgewashington George Washington Use text when you can instead of embedding it in an image.

27. Quick Tip: Improve readability of text Readability LanguageLists Shorter Paragraphs Narrower Columns Concise Inverted Pyramid Graphics & Images Font SizeContrast

28. Quick Tip: Make link text meaningful Source: http://www.reuters.com/

29. Quick Tip: Make link text meaningful Source: http://www.hhof.com/

30. Web Accessibility Standards Web Accessibility Initiative (WAI) www.w3.org/WAI/ Section 508 Standards (U.S. Federal Gov’t) www.section508.gov Standard on Web Accessibility (Canada) www.tbs-sct.gc.ca/pol/doc- eng.aspx?section=text&id=23601 Integrated Accessibility Standards (Ontario) www.e-laws.gov.on.ca/html/source/regs/ english/2011/elaws_src_regs_r11191_e.htm Additional Resources

31. Educational Info & Web Accessibility Training Web Accessibility in Mind (WebAIM) www.webaim.org Equal Access to Software and Information (EASI) www.easi.cc Knowbility www.knowbility.org TecAccess www.tecaccess.net Additional Resources

32. Online Web Accessibility Testing Tools WAVE Tool by WebAIM wave.webaim.org Cynthia Says by HiSoftware www.contentquality.com Truwex Online 2.0 by Erigami checkwebsite.erigami.com/accessibility.html Additional Resources

33. Questions? Source: catmacros.files.wordpress.com/2009/08/cat_question2.jpg?w=720