1 / 26

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

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

avian
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 Principleswww.udlcenter.org/aboutudl/udlguidelines Resource: http://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 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/ • Compliance Sheriff • 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 CategoriesSection 508/WCAG 2.0 U.D. Principles

  10. CSUN Universal Design Center Evaluation Clients • 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 • Purchase Request • E&IT Procurement Checklist • CSU Guide to Completing the VPAT (Voluntary Product Evaluation Template) • Documentation regarding accessibility • Product User Guide/Manual • Confirm proper criteria reported

  12. CSUN Universal Design Evaluation Clients - Impact • Impact (Customer, Campus, Users) • Product purpose and function • Area of use • Type of users • Deployment plan • Two people today • Enterprise tomorrow

  13. CSUN Universal Design Evaluation Clients – Validate Claims • Review accessibility related criteria in VPAT • Analyze vendor’s remarks • Map vendor’s remarks to associated areas of functionality • Based on information review of “Impact” • Validate claims and evaluate evidence • Clarify the extend of the support • Reject or confirm the claims • Conclude the level of testing to be conducted

  14. CSUN Universal Design Evaluation Clients – Level of Testing • 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 5- Impact

  16. CSUN Universal Design Evaluation Clients – 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/universaldesigncenter

  18. Important Negative Impact

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

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

  21. Moving elements without a pause/play mechanism Example: 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.html

  24. Same Link Text leading to different resources Example (Web Content Accessibility Issues): 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

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

More Related