Web Evaluation Tools

Two important assets in web accessibility are tools that aid in preventing mistakes that lead to inaccessible content and tools that aid in finding accessibility flaws. This page has a list of some tools that will be helpful in creating accessible content and remediating accessibility issues.

A11yFirst Plugins for CKEditor

The A11yFirst plugins for CKEditor help prevent errors that make web-based documents inaccessible. These plugins add additional functionality to the CKEditor WYSIWYG text editor that make the editor aware of basic accessibility requirements, such as alternative text for images and correct heading hierarchy.

A11yFirst Character Style

This plugin adds the Character Style menu button to the editor toolbar, which enables you to add and remove inline character styling to the text content of your web document. This plugin is a replacement for the Styles Combo plugin, and is intended to be used in conjunction with the A11yFirst Heading / Paragraph plugin.

A11yFirst Image

This plugin adds the A11yFirst Image button to the editor toolbar. It provides authors with additional features for ensuring image accessibility for people with disabilities.

A11yFirst Link

This plugin adds the A11yFirst Link button to the editor toolbar. It provides authors with features for ensuring that the display text of a link is accessible for people with disabilities.

A11yFirst Help

This plugin adds the A11yFirst Help menu button to the editor toolbar, which launches a dialog box that provides explanatory text on topics that help authors understand the accessibility issues of editing web documents. It compliments and provides specific information on the use of the full suite of A11yFirst plugins: Heading / Paragraph, Character Style, A11yFirst Image and A11yFirst Link.

A11yFirst Heading / Paragraph

This plugin adds the Heading / Paragraph menu button to the editor toolbar, which supports authors in the proper use of headings and other block-level paragraph formats within web documents. It is a replacement for the Format plugin, and is intended to be used in conjunction with the A11yFirst Character Style plugin.

Back to top

FAE—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. This version is used by the U of I or other institutions who use a NetID or Shibbolith system.)
https://fae.illinois.edu/

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

Back to top

AInspector WCAG—Firefox Add-on

AInspector WCAG 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 WCAG 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-wcag/

Back to top

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/

Back to top

WAVE—Web Accessibility Evaluation Tool

WAVE "is a free web accessibility evaluation tool provided by WebAIM. It shows the original web page with embedded icons and indicators that reveal the accessibility of that page." (WebAIM website)

Back to top

Other Browser Add-ons

  • Web Developer (add-on for Firefox) gives you access to multiple tools that allow you to reveal table boundaries, CSS divs and spans, and much more.
  • WAT - Web Accessibility Toolbar (add-ons available for Opera and IE) "identifies components of a web page, provides access to alternate views of page content and facilitates the use of 3rd party online applications." (Paciello Group website)

Back to top

HTML Validators

  • W3C Markup Validation Service ensures the validity of your HTML markup with respect to its DOCTYPE declaration (e.g. HTML 4.01, XHTML, MathML, etc.)

Back to top