Accessibility Testing 101

pink tile
yellow tile

Provided below is an informational tool to help get you started testing your web page for accessibility.  The following steps explain the options and resources available that give you the power to not only meet federal requirements, but enhance the virtual experiences of users across the globe.

Checking Accessibility

1. Test web page with automated accessibility checker.
(Must meet WCAG 2.0 standards.  See flagged issues acknowledged by automated checker and fix.)

2. Manually check accessibility standards and fix necessary components.
(Check to make sure your page content makes sense.  Make sure alternate text, etc. is modeled in a logical fashion.  Test for easy navigation using a screen reader, keyboard, and specialized toolbars.)

Automated Testing

  • Color Checkers (No Membership Required)
    • Colorblind Web Page Filter -The following color checker displays a web page through the eyes of the disabled.  One can click on the desired color filter and view the page as such. (i.e. see what someone would see that has red/green color blindness.) 
    • Photosensitive Epilepsy Analysis Tool -This free download checks for epilepsy light flash triggers. 
    • Colour Contrast Analyzer (Win/Mac)  -This color contrast analyzer is one of the Paciello group's resources.      
  • Compliance Checker (Membership Required)
    • AMP Community Edition Version Free Trial

Manual Testing

  • Screen Readers   The following screen readers are most commonly used.
    • JAWS
    • NVDA
    • VoiceOver (built-in feature for Mac computers.)
      • Using VoiceOver to Evaluate Web Accessibility    "This article is designed to help users who are new to VoiceOver learn the basic controls for testing web content, and to serve as a reference for the occasional VoiceOver user." --WebAIM.org  
  • Toolbars
    • Web Developer Toolbar
      • Web Developer Toolbar -This toolbar is not specifically aimed at testing accessibility, however there are useful resources for use within Chrome, Firefox, and Opera. 

Checklist

  • WebAIM's WCAG 2.0 Checklist  -The following checklist presented by WebAIM, is helpful to follow when manually testing for accessibility.