Welcome to today’s AEM Center Webinar

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