Open Source Web Accessibility Design and Evaluation Tools
Jon Gunderson, Ph.D.
Coordinator of Information Technology Accessibility
Division of Disability Resources and Educational Services
College of Applied health Sciences
University of Illinois
Phone: 217-244-5870
E-mail: jongund@illinois.edu
Abstract
The Functional Accessibility Evaluator (FAE) 2.0 is designed to evaluate and summarize the accessibility of the pages in an entire website and AInspector Sidebar is a Firefox add-on to inspect and highlight accessibility problems and features on individual pages. Accessibility Bookmarklets provide a way to visualize hidden accessibility information to support accessible design and manual checking of web pages for accessibility features. All the tools are open source and they evaluate accessibility based HTML5 and ARIA 1.0 techniques and features for meeting the Level A and AA requirements of the W3C Web Content Accessibility Guideline (WCAG) 2.0. Open source tools can be freely used and customized for individual needs.
Functional Accessibility Evaluator 2.0
The Functional Accessibility Evaluator (FAE) 2.0 is designed to evaluate the pages of an entire website. FAE 2.0 uses a server based browser emulator (e.g. HTMLUnit based utility) to generate the same DOM as a desktop browser and the run the OpenAjax Accessibility Evaluation Library on the DOM after “onload” scripting is completed. FAE 2.0 provides accessibility information on individual pages and summaries across all the pages. The summaries provide information on how an individual rule or groups of rules (e.g. WCAG Guideline or Rule Category). It is designed to allow developers and auditors estimate the accessibility of the pages in an entire website to verify implementation of accessibility features or identify areas of the website that need additional work.
Functional Accessibility Evaluator 2.0
http://fae20.cita.illinois.edu/
AInspector Sidebar is an add-on to the Firefox browser and allows the live DOM of Firefox to be evaluated for accessibility using the OpenAjax Accessibility Evaluation Library. This is very important in web applications and application frameworks like Angular.js that dynamically generate HTML content using Javascript. A top level sidebar view is a summary of rule results, the number of rules that resulted in a violation, warning, manual check or passed based organized by WCAG Guideline or Rule Category (e.g user preference). Selecting one of the groups (e.g. a specific WCAG Guideline or Rule Category) in the summary view changes the view to the list of rule results associated with the group. The group view list also can be used to identify the rules that did not apply to the current web page (e.g. a typical page only has 40-50 rules that apply to its content out of over 120 rules in a ruleset). Selecting a rule result shows the elements (e.g. target resources) in the page that were associated with the rule. Selecting element level results will highlight the element on the web page, and a button is also available to open the Firefox DOM Inspection tool with the element selected. The sidebar allows for delayed evaluation to allow users to change the state of content (e.g. opening a mega menu) before the evaluation takes place.
Get Latest AInspector Build and Documentation
http://ainspector.github.io
Available from Mozilla Add-on Website
https://addons.mozilla.org/en-us/firefox/addon/ainspector-sidebar/
Accessibility Bookmarklets
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 (Beta)
-
Images (Beta)
Bookmarklet installation:
https://accessibility-bookmarklets.org
Presenter Information
Dr. Gunderson is the Coordinator of Assistive Communication and Information Technology Accessibility in the Division of Disability Resources and Education Services (DRES). He is responsible for computer and information technology accessibility issues for students with disabilities at the University of Illinois. He is the past chair of the W3C User Agent Working Group and currently involved in making dynamic HTML more accessible as part of the W3C Protocols and Formats and W3C WCAG Techniques working groups. He is the primary software developer of the open source OpenAjax Accessibility Evaluation library and Functional Accessibility Evaluator 2.0 (FAE). He has taught numerous online courses and workshops on accessible web design including courses on using the new W3C Accessible Rich Internet Application (ARIA) specifications to create accessible web applications. He leads both regional and national consortiums of higher educational institutions to promote and collaborate on Information technology access issues to people with disabilities.
Some recent presentations:
Gunderson, J. (November 2014). Open Source Tools for Evaluating Web Accessibility. Accessing High Ground Conference, Westminster, Colorado.
Gunderson, J. (November 2014). Implementing WCAG 2.0 Requirements using HTML5 and ARIA Techniques. Accessing High Ground Conference, Westminster, Colorado.
Gunderson, J. (October 2014). W3C Web Content Accessibility Guideline (WCAG) 2.0 Compliance at Illinois, Webmaster workshop, University of Illinois, Urbana, Illinois.
Gunderson, J. (September 2014). ARIA and HTML 5 for meeting WCAG 2.0 Requirements. One day workshop at Michigan State University, East Lansing, Michigan.
Gunderson, J. (September 2014). New Generation of Web Accessibility Evaluation and Inspection Tools. Webinar for Great Lakes ADA Center, Chicago, Illinois.
Gunderson, J. (March 2014). ARIA and HTML 5 for meeting WCAG 2.0 Requirements. Two day workshop at Penn State University, State College, Pennsylvania.
Share with your friends: |