Sue Cullen Program Manager, CSUN Universal Design Center Accessibility Network Product Testing Coordinator for the CS

1. Sue Cullen Program Manager, CSUN Universal Design Center Accessibility Network Product Testing Coordinator for the CSU ATNetwork

2. UDC Mission Assist the campus community in creating pathways for individuals to learn, communicate, and share via information technology. Help the campus community design-in interoperability, usability, and accessibility into information technology so that individual learning and processing styles, or differences in physical characteristics are not barriers to accessing information.

3. UDC Services: Consultation/Training of Instructional Materials compliance and usability Web application developers training to design-in web compliance and usability evaluation Consultation regarding accessibility and usability policy Compliance and usability testing for purchased, promoted, or supported (PPS) campus software. (based on campus impact) Maintaining a vetted, centralized repository of ATI training material Research, identify or create compliance standard application coding techniques. Compliance testing of websites, software and electronic devices.

4. Keep the conversation going! Shared Campus Responsibility Presentations/Events Presentations to Campus Governance Committees ATI Regional Conference Just One Thing Challenge Save Time & Money Campaign Universal Design INACTION Accessibility Camp LA CSU ATI Compliance Sheriff Regional Trainings Training-Training-Training • ATI Executive Sponsorship • Campus Governance Committees • Advisory Committee for Academic Technology • Small Collaborative Working Groups • Campus Wide Disabilities Issues Board • Accessibility Working Group • ATI Steering Working Group

5. Cultural Change for Web Design Integrate compliance standard skills into the everyday work habits and expectation of employees.

6. Finding your way through the maze of compliance standards Compliant and Usable Technology Design/Evaluate/Repeat

7. Tools and Plug-ins • Fire Bug • https://getfirebug.com/ • Wave • http://wave.webaim.org/toolbar/ • ColourContrast Analyser • http://www.paciellogroup.com/resources/contrastAnalyser • JuicyStudio • http://juicystudio.com/index.php • Grayscale • https://chrome.google.com/webstore/detail/grayscale-tool/odolflphhameojgliipcnahnipmogigo (Chrome) • http://www.visionaustralia.org/digital-access-wat • Web Developer Extension • https://addons.mozilla.org/en-US/firefox/addon/web-developer/ • ComplianceSheriff • http://www.csun.edu/accessibility/documents/HiSoftware-Compliance-Sheriff-Limited-Feature-Guide.docx • Accessibility Evaluation Toolbar • https://addons.mozilla.org/en-US/firefox/addon/accessibility-evaluation-toolb/

8. Protocols for Compliance & Usability Testing

9. UDC Evaluation Categories

10. 5 Common Errors

11. Alternative Description Alternative Text – Best Practices • Poor example of Alt text: Photo of a Student • Good example of Alt text: Student using a microscope

12. Alternative Description How do you know if the image is missing alt text? • Compliance Sheriff Testing

13. Comprehensive Visual Display How do you know if the page fails color contrast? #navigation a:link { color:#fff; text-decoration:none; margin:0px 10px 0 10px; padding: 10px 6px 10px 6px; font-size:105%; font-weight:700; } Text color: White Background color: Red #navigation a:hover { color:#FC3; text-decoration:none; margin:0px 10px 0 10px; padding: 10px 6px 10px 6px; font-size:105%; font-weight:700; } Text color: yellow Background color: Red • Compliance Sheriff

14. Navigation Link Requirement Example of same link text to refer to different resources error caught

15. User Interface How do you know if the form is missing <label>? • Wave Toolbar