Open Source Tools for Evaluating and Inspecting Web Accessibility

by Irfan Ali from Princeton, New Jersey

Its a challenge to perform the accessibility testing but fortunately we have bunch of open source tools for evaluating and inspecting web accessibility

web accessibility tools by irfan ali from princeton new jersey

This article will provide a hands-on experience on how to use open source tools to evaluate and understand the accessibility of entire organizations to individual pages based on the W3C Web Content Accessibility Guidelines (WCAG) 2.0 Level A and AA requirements. Participants are encouraged to bring and use their own devices during the workshop to analyze websites of their choice. The workshop will use their results as a discussion point of how the tools provide information on accessibility and discuss the strengths and limitations of automated testing. The workshop will discuss how the OpenAjax evaluation library is based on the W3C HTML5 specification and ARIA Authoring Practices to meet WCAG 2.0 Level A and AA requirements. The workshop provides a listening point for the developers for workshop participants to provide feedback to improve the design and utility of the tools and to guide development of new features.

Integrating Accessibility Across the Development Lifecycle

Learning objectives:

1. Using site-wide summary reports for planning, managing and reporting web accessibility.

2. Use of HTML5 and ARIA design techniques for meeting WCAG 2.0 requirements.

3. Inspecting the accessibility of an individual web pages

AInspector Sidebar

URL: http://ainspector.github.io

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 Workshops 8 implement the requirement and links to more information. AInspector Sidebar uses the open source OpenAjax Evaluation Library, Rules and Rulesets.

Top JavaScript Frameworks for 2018

Functional Accessibility Evaluator

URL: http://fae.disability.illinois.edu/

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 provides an 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.

Bookmarklets for Accessibility Visualization

URL: https://accessibility-bookmarklets.org/

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 and Forms.

Accessibility-WCAG, Usability & Design by Irfan Ali Princeton New Jersey

ARIA Authoring Practices

URL: https://www.w3.org/TR/wai-aria-practices-1.1/

The ARIA Authoring Practices provide design information and working examples of ARIA enable widgets that meet Section 508 and W3C WCAG 2.0 accessibility requirements. It is important when reporting accessibility issue to developers and designers that you can refer them to technical resources that can help them understand the problem and show them effective solutions.

Irfan Ali is an UI architect and accessibility engineer from Princeton, New Jersey. You can follow him on twitter @thea11Y  and check his personal page at http://irfana11y.com

Social media & sharing icons powered by UltimatelySocial