Transcript CSUN Universal Design Center Efficient Compliance Evaluations

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
• 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.
UD Principles
www.udlcenter.org/aboutudl/udlguidelines
Resource: http://www.udlcenter.org/aboutudl/udlguidelines
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.
Cultural Change for Web Design
Design
Standards
Web
Developers
Compliance
Standards
Usability
Standards
Integrate compliance standard skills into the
everyday work habits and expectation of
employees.
Finding your
way through the
maze of
compliance
standards
Compliant and Usable
Technology
• 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/grayscaletool/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/HiSoftwareCompliance-Sheriff-Limited-Feature-Guide.docx
• Accessibility Evaluation Toolbar
https://addons.mozilla.org/en-US/firefox/addon/accessibilityevaluation-toolb/
Protocols for Compliance & Usability Testing
Level I
Level II
Level III
• 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.
• 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.
• 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.
UDC Evaluation Categories
Section 508/WCAG 2.0 U.D. Principles
Alternative
Descriptions
Images
Image Map
Multimedia
Interactive Multimedia
Screen Movement
Structure
Semantic Requirements
Frames
Tables
Scripting
Comprehensive Visual
Display
User Interface
Visual Redability
Navigation
Stylesheet
Keyboard Accessibility
Color
Timed Responce
Forms
Navigation
Link Requirements
CSUN Universal Design Center Evaluation Clients
VPAT
Impact
Validate
Claims
Level of
Testing
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
Test
Cycle
Decision
CSUN Universal Design Evaluation Clients - VPAT
VPAT
Impact
Validate
Claims
Level of
Testing
Test
Cycle
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
Decision
CSUN Universal Design Evaluation Clients - Impact
VPAT
Impact
Validate
Claims
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
Level of
Testing
Test
Cycle
Decision
CSUN Universal Design Evaluation Clients – Validate Claims
VPAT
Impact
Validate
Claims
Level of
Testing
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
Test
Cycle
Decision
CSUN Universal Design Evaluation Clients – Level of Testing
VPAT
Impact
Validate
Claims
Level of
Testing
Test
Cycle
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.
Decision
CSUN Universal Design Evaluation Clients – Test Cycle
VPAT
Impact
4- Corrections
3- Report
Validate
Claims
Level of
Testing
1- Test
2- Finding
Test
Cycle
Decision
5- Impact
CSUN Universal Design Evaluation Clients – Decision
VPAT
Impact
Validate
Claims
Level of
Testing
Test
Cycle
Decision
Decline Contract
Impact
Alternative Planning + Accessibility
Roadmap Timeline Goals
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
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
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
Proper Use of Header
Proper Use
Improper Use
Improper Use: http://www.csun.edu/udc/ati-training/headings-error.htm
Proper Use: http://www.csun.edu/udc/ati-training/headings.htm
Moving elements without a pause/play
mechanism
Example: http://www.csun.edu/
Data Tables without proper markup
Example:
http://www.csun.edu/udc/ati-training/Complex_Data_Table.html
Image Element in an Anchor without Alt Text
and without Link Text
Example: http://www.csun.edu/udc/ati-training/Image_test.html
Same Link Text leading to different resources
Example (Web Content Accessibility Issues):
http://www.csun.edu/udc/ati-training/errors.html
Compliance Sheriff Report View
Example (Web Content Accessibility Issues):
http://www.csun.edu/udc/ati-training/errors.html
UDC Evaluation Reports
UDC Resources:
http://www.csun.edu/universaldesigncenter/web-accessibility-criteria