Evaluation and Design Tools

AInspector Sidebar

AInspector Sidebar for the Firefox browser supports the evaluation of web pages for the accessibility features required by the W3C Web Content Accessibility Guidelines 2.0 Level A and AA Success Criteria. The tool provides both summary information and detailed information on the accessibility requirements that apply to a web page (e.g. WCAG 2.0 requirement filtering).  Users can highlight and inspect element information on the page associated for each requirement. Each result has information on the requirement, techniques that can be used to implement the requirement and links to more information. AInspector Sidebar uses the open source OpenAjax Evaluation Library, Rules and Rulesets.

Get Latest Build and Documentation
http://ainspector.github.io 

Available from Mozilla Add-on Website 
https://addons.mozilla.org/en-us/firefox/addon/ainspector-sidebar/

Functional Accessibility Evaluator

The Functional Accessibility Evaluator (FAE) 2.0 provides accessibility information on an entire website for WCAG 2.0 Level A and AA Success Criteria. FAE 2.0 provides both website summary and page level detail on the accessibility requirements that applied to the pages with in a website. FAE 2.0 uses the same open source OpenAjax Evaluation Library, Rules and Rulesets as AInspector Sidebar. FAE 2.0 and AInspector Sidebar are designed to complement themselves. FAE 2.0 provide a overview of accessibility of a website that can be used in design, planning and quality assurance for project management and AInspector Sidebar provides detailed information and inspection capability of a particular page.

Functional Accessibility Evaluator 2.0 (InCommon authentication using campus credentials)
http://fae.illinois.edu/

Functional Accessibility Evaluator 2.0 (self-registration version)
https://fae.disability.illinois.edu/

Bookmarklets for Accessibility Visualization

Bookmarklets can be added to any browser to provide visualizations of specific accessibility information that can helps people understand the functional accessibility of a web page by making hidden accessibility information visible to sighted web developers. Current Bookmarklets include:

  • ARIA Landmarks
  • Headings (H1-H6)
  • Lists
  • Images
  • Forms

Bookmarklet installation:
https://accessibility-bookmarklets.org/

OpenAjax Rules and Ruleset Information

AInspector Sidebar and the Functional Accessibility Evaluator 2.0 both use the OpenAjax Evaluation Library. The library provides two rulesets for WCAG 2.0 Level A and AA evaluation, one for people using the latest ARIA 1.0 and HTML5 techniques and another based on HTML4 accessibility techniques. More information on the Rules and Rulesets:
https://fae.disability.illinois.edu/rulesets/

Reporting Bugs or Requesting Features

AInspector SIdebar or FAE 2.0:
https://github.com/opena11y/fae-ainspector/issues

OpenAJax Evaluation Library Rules or Rulesets:
https://github.com/opena11y/oaa-rules/issues

Accessibility Bookmarklets:
https://github.com/oaa-tools/bookmarklets/issues