1. Welcome to today’s AEM Center Webinar The webinar will begin shortly Material for this webinar is available for download at the event page on the AEM Center website: http://bit.ly/WebsiteA11y

2. View Closed Captions • Click on the Closed Caption button • Captions will appear along the bottom of your screen

3. Contribute to the Conversation To use the text chat: • Open the chat panel • Choose “all panelists and attendees” from the dropdown above the text entry field • And please tweet out to #aem4all

4. Materials and Recording Material for this webinar is available for download at its event page on the AEM Center website: http://bit.ly/WebsiteA11y The link to the recording will be available within a week at the same web page

5. Is Your State, District, or School Website Accessible? Luis Pérezperez@cast.org@eyeonaxs Lynn McCormacklmccormack@cast.org@lynndmccormack

6. Today’s Goals • Goals • Increase awareness of the importance of accessibility in digital communications • Empower you with actionable steps towards more accessible websites

7. Today’s Activities • Interactive • 3 Questions • Mini audit of your website

8. Question 1 Intro

9. Question 1 How accessible is your state, district, or school website? • Our website is fully accessible • Our website is partially accessible • Our website is not accessible • Not sure if our website is accessible

10. Accessible Functional Definition:

11. User Differences • About 20% of the population has a disability • Visual • Color blind, low vision, no vision, bright sun • Hearing • Deafness, hard of hearing, noisy room • Motor • Fine motor control, keyboard or switch only, slow response time, bumpy vehicle • Cognitive • Focus, learning differences

12. Old News? • NFB vs Seattle (Sept 2015) • Blind parent could not access district website or students’ math assignments with screen reader • edX vs DOJ OCR (April 2015) • Violations of the Title III of the ADA • Content and environment must be fully accessible

13. More Cases Search DOE OCR for Resolution Agreements covering Title II of the ADA • in Massachusetts - 9 documents • no state specified - 1,041 documents

14. General Outcomes • Accessibility Coordinator • Publish process for reporting Accessibility Issues • Publish Accessibility Policy • Accessibility Audit - WCAG 2.0 AA(WCAG 2.1 - June 2018)

15. Question 2 Intro

16. Question 2 Which of the following are in place for your organization? (check all that apply) • We have an Accessibility Coordinator • We have a process for reporting Accessibility Issues • We have written and published our Accessibility Policy • We have performed an Accessibility Audit • Don't know or not applicable

17. Accessibility Coordinator • Must understand the diversity of users • Must understand both the content and the context • Must advocate for needed resources • Ongoing • Remediation • Must be involved in tech purchasing decisions

18. Accessibility Policy and Contact Seattle Public School • Accessibility Statement • 3 ways to contact: email, mail, phone

19. AEM Center Accessibility Policy

20. AEM Accessibility Policy Features • Multiple ways to contact (email, phone, snail mail) • Standards addressed (Section 508 and WCAG) • Accessibility features supported (skip links, alt text for images, captions for videos, etc.) • Special features (SpeechStream for TTS) • Information on free assistive technologies for site visitors (NVDA, VoiceOver, Narrator) • Contributions to community (Figuration)

21. External Accessibility Audit • Fee based • Access to multiple environments • Access to assistive tools and devices • Experts (in your context) • Training • Snapshot

22. Internal Accessibility Audit • Expertise • Capacity • Environments • Tools

23. Mini Audit Use http://wave.webaim.org/ To test http://bit.ly/WebsiteA11y

24. Audit Results

25. My Audit Results • 5 Errors • 7 Alerts • 9 Features • 23 Structural Elements • 30 HTML5 and ARIA • 0 Contrast Error • All automated results need human interpretation

26. totally by Khan Academy

27. Colour Contrast Analyzer (Free)

28. Manual Checks • Check alt text content • Check forms for valid input labels • Check tab order • Check for skip link to main content • Check for color contrast

29. Other Tools • Siteimprove Accessibility Checker - Chrome Addon • Axe Coconut by Deque - Chrome Addon

30. Question 3 Intro

31. Question 3 How was your mini-audit? • Great • Good • Yikes • I’ll try this later

32. Common Issues • Page structure - landmarks • header, navigation, main content, footer • Heading structure outline • h1, h2, h3 • Color contrast • Carousels without controls

33. Common Issues Cont. • Skip link missing • Tab order • Links without descriptive labels • Forms without valid input labels • Alt Text is missing, redundant, or too long • Audio or Videos without captioning or transcript • ARIA - Accessible Rich Internet Application

34. Addressing Gaps • Use your audit to prioritize issues • Plug the holes - do not add new content with accessibility issues • Establish a timeline to address existing issues • Do not remove all content from your website

35. Questions?

36. Contact Information Luis Pérezperez@cast.org@eyeonaxs Lynn McCormacklmccormack@cast.org@lynndmccormack

37. Thank You! Please take our survey https://www.surveymonkey.com/r/websites18