1. Sue Cullen Program Manager, CSUN Universal Design Center Accessibility Network Product Testing Coordinator for the CSU ATNetwork Alen Davoudian Web Developer / IT Consultant

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. UD Principles www.udlcenter.org/aboutudl/udlguidelines Resource: http://www.udlcenter.org/aboutudl/udlguidelineshttp://www.udlcenter.org/aboutudl/udlguidelines

4. 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.

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

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

7. Fire Bug https://getfirebug.com/ Wave http://wave.webaim.org/toolbar/ Colour Contrast Analyser http://www.paciellogroup.com/resources/contrastAnalyser Juicy Studio http://juicystudio.com/index.php Grayscale https://chrome.google.com/webstore/detail/grayscale- tool/odolflphhameojgliipcnahnipmogigo (Chrome) https://chrome.google.com/webstore/detail/grayscale- tool/odolflphhameojgliipcnahnipmogigo http://www.visionaustralia.org/digital-access-wat Web Developer Extension https://addons.mozilla.org/en-US/firefox/addon/web-developer/ Compliance Sheriff http://www.csun.edu/accessibility/documents/HiSoftware- Compliance-Sheriff-Limited-Feature-Guide.docx 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 Level I Review VPAT information for confusing or unclear remarks and explanation resulting in significant barriers. Consider Campus or System Wide Impact of the product. If egregious issues found, conduct manual testing to validate claims or lack of accuracy based on Impact considerations. Share VPAT back to the vendor with additional UDC comments. Level II Limited criteria validation based on application type Examples: Web form applications (form fields labels, input mask, error handling) Basic web page (link & semantic requirements, tab order and images) Complex web navigation pages (all previously listed criteria plus keyboard accessibility, tables, CSS, navigation, scripting and Assistive Technology testing ). Concurrently: Run Compliance Sheriff (C.S.) level IV scan based on appropriate check points. Use as a guide for manual checking. Recommendations and resources provided. Level III Criteria validation based on CSU ATI Requirements and full UDC Testing Guide implementation. Comprehensive testing (all previously listed criteria plus usability testing ) Applications have coding that requires additional research and reiterative testing of coding solutions validation. Detailed recommendations and resources provided. Concurrently: Run C.S. level IV scan with manual testing. As needed provide actual coding or work around for end user.

9. UDC Evaluation Categories Section 508/WCAG 2.0 U.D. Principles Alternative Descriptions Images Image Map Scripting Multimedia Interactive Multimedia Screen Movement Structure Semantic Requirements Frames Tables Comprehensive Visual Display Visual Redability Stylesheet Color User Interface Navigation Keyboard Accessibility Timed Responce Forms Navigation Link Requirements

10. CSUN Universal Design Center Evaluation Clients VPAT Impact Validate Claims Level of Testing Test Cycle Decision Campus Clients CSUN websites CMS Development Environment Pioneering Tech Group Applications The Center for Visual Communication University Advancement Student Affairs Academic Web Team Division of Information Technology Other Clients CSU Chancellor’s Office CA Department of Rehabilitation CA Secretary of State Various Product Vendor Reviews

11. CSUN Universal Design Evaluation Clients - VPAT VPAT Impact Validate Claims Level of Testing Test Cycle Decision 1.Purchase Request E&IT Procurement Checklist CSU Guide to Completing the VPAT (Voluntary Product Evaluation Template) 2.Documentation regarding accessibility 3.Product User Guide/Manual 4.Confirm proper criteria reported

12. CSUN Universal Design Evaluation Clients - Impact VPAT Impact Validate Claims Level of Testing Test Cycle Decision 1.Impact (Customer, Campus, Users) 2.Product purpose and function 3.Area of use 4.Type of users 5.Deployment plan Two people today Enterprise tomorrow

13. CSUN Universal Design Evaluation Clients – Validate Claims VPAT Impact Validate Claims Level of Testing Test Cycle Decision 1.Review accessibility related criteria in VPAT 2.Analyze vendor’s remarks 3.Map vendor’s remarks to associated areas of functionality Based on information review of “Impact” 4.Validate claims and evaluate evidence 5.Clarify the extend of the support 6.Reject or confirm the claims 7.Conclude the level of testing to be conducted

14. CSUN Universal Design Evaluation Clients – Level of Testing VPAT Impact Validate Claims Level of Testing Test Cycle Decision Level I : Review VPAT information for confusing or unclear remarks and explanation resulting in significant barriers. Level II: Limited criteria validation based on application type Example: Web form applications (form fields labels, input mask, error handling) Level III: Criteria validation based on CSU ATI Requirements and full UDC Testing Guide implementation.

15. CSUN Universal Design Evaluation Clients – Test Cycle VPAT Impact Validate Claims Level of Testing Test Cycle Decision 5- Impact

16. CSUN Universal Design Evaluation Clients – Decision VPAT Impact Validate Claims Level of Testing Test Cycle Decision

17. Accordion Menu Solution Coding methodologies: ARIA Methods: to help user navigation and interaction jQuery Scripting: to control user interaction Example: http://www.csun.edu/universaldesigncenterhttp://www.csun.edu/universaldesigncenter

18. Important Negative Impact Improper Form Field Labeling and Error Message Handling Lack of full Keyboard Navigation Headers being chosen based on how they look rather than their structural value. Moving elements without a pause/play mechanism Data tables without proper mark up Image element in an anchor with no ALT text and no link text Same link text leading to different resources

19. User Interface How do you know if the form is missing ? Wave Toolbar or Compliance Sheriff Web Content Accessibility Issues: http://www.csun.edu/udc/ati-training/errors.html http://www.csun.edu/udc/ati-training/errors.html

20. Proper Use of Header Proper Use Improper Use Improper Use: http://www.csun.edu/udc/ati-training/headings-error.htmhttp://www.csun.edu/udc/ati-training/headings-error.htm Proper Use: http://www.csun.edu/udc/ati-training/headings.htmhttp://www.csun.edu/udc/ati-training/headings.htm

21. Moving elements without a pause/play mechanism Example: http://www.csun.edu/http://www.csun.edu/

22. Data Tables without proper markup Example: http://www.csun.edu/udc/ati-training/Complex_Data_Table.html

23. Image Element in an Anchor without Alt Text and without Link Text Example: http://www.csun.edu/udc/ati-training/Image_test.htmlhttp://www.csun.edu/udc/ati-training/Image_test.html

24. Same Link Text leading to different resources Example (Web Content Accessibility Issues): http://www.csun.edu/udc/ati-training/errors.html http://www.csun.edu/udc/ati-training/errors.html

25. Compliance Sheriff Report View Example (Web Content Accessibility Issues): http://www.csun.edu/udc/ati-training/errors.html http://www.csun.edu/udc/ati-training/errors.html

26. UDC Evaluation Reports UDC Resources: http://www.csun.edu/universaldesigncenter/web-accessibility-criteria