brand-logo a11ychecks

Tools

  1. Home
  2. Evaluate
  3. tools
Tools
  • Browser extensions
  • Browser extensions in Firefox
  • Browser extensions in Chrome
  • Bookmarklets
  • Browser extensions in Firefox
  • Browser extensions in Chrome
  • Bookmarklets
Color Contrast Analyzer

Tools

Browser extensions

  • Websites that let users add content, such as blogs and wikis
  • Browser extensions (plug-ins) are small software applications that add functionality to a web browser
  • Provides intuitive, visual feedback about your content by highlighting detected issues right on the page
  • Installed from browser web store
  • Limited to single page scans. Can scan internal sites
  • Used by developers / testers
  • Typically open source / free

    • Browser extensions Firefox

    Tools Description
    WAVE Evaluation Tool A comprehensive accessibility checker which inserts icons and other feedback in the scanned page to guide the user in identifying issues.
    Read Aloud: A Text to Speech Voice Reader Read out loud the current web-page article with one click. Supports 40+ languages.
    Axe DevTools Browser extension The free axe DevTools extension is ideal for development teams to test web applications to help identify and resolve common accessibility issues.
    Web Developer Provides several testing tools; removing all CSS styling, hiding background images and displaying the heading hierarchy, alt text for images, and ARIA landmarks.
    IBM Equal Access Accessibility Checker (blocked in Firefox) A comprehensive accessibility checker which inserts icons and other feedback in the scanned page to guide the user in identifying issues.
    WCAG Contrast Checker Checks for compliance with the contrast levels of foreground and background colors combination based on the requirements of WCAG 2.1.
    Complex Data Table Toolbar Reveal and generate 'headers' and 'id' markup. Create text version of data table.
    HTML Validator Adds HTML validation inside Firefox. Number of errors is seen on the form of an icon.
    HeadingsMap Generates a document-map of any web document with headings and/or sections.

    Browser extensions Chrome

    Tools Description
    WAVE Evaluation Tool A comprehensive accessibility checker which inserts icons and other feedback in the scanned page to guide the user in identifying issues.
    Accessibility Insights for Web Accessibility Insights for Web helps developers quickly find and fix accessibility issues.
    Axe DevTools Browser extension The free axe DevTools extension is ideal for development teams to test web applications to help identify and resolve common accessibility issues.
    Lighthouse Audit panel in Chrome DevTools Open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. The tool is built into Chrome. Run in Chrome DevTools (Inspect->Lighthouse panel).
    IBM Equal Access Accessibility Checker (blocked in Firefox) A comprehensive accessibility checker which inserts icons and other feedback in the scanned page to guide the user in identifying issues.
    WCAG Contrast Checker Checks for compliance with the contrast levels of foreground and background colors combination based on the requirements of WCAG 2.1.
    Read Aloud:  Text to Speech   Reveal and generate 'headers' and 'id' markup. Create text version of data table.

    Bookmarklets

  • Bookmarklets (favelets) are little snippets of JavaScript dressed up as bookmarks and require no installation beyond dragging a link containing the script from a page into your browser’s Favorites or Bookmarks Bar
  • Whenever you are on a page you want to test, you just click on the bookmark link and it’ll run the script on the page you are viewing and display the results.
  • Work in any browser and for internal sites.
  • Used by testers / developers
  • Work in any browswer and internal sites
  • Typically open source / free
    • Tools Description
    ANDI A free tool used in the Section 508 Trusted Tester Process that will: - Provide automated detection of accessibility issues - Reveal what a screen reader should say for interactive elements - Give practical suggestions to improve accessibility and check 508 compliance
    Accessibility Bookmarklets A set of bookmarklets, that highlight ARIA Landmarks and HTML5 sectioning elements, headings, lists, images, and form-related elements.
    HTML CodeSniffer Client-side script that checks HTML source code and detects violations based on WCAG 2.1 and Section 508 standard.
    JavaScript Bookmarklets for Accessibility Testing A number of bookmarklets from Paul J. Adam that let you query attributes and visualize information related to ARIA, images, forms, headings, tables, landmarks, language use, tabindex, title attributes, iframes, lists, and focus.
    Tota11y Tota11y helps visualize how your site performs with assistive technologies. Tota11y aims to reduce this barrier of entry by helping visualize accessibility violations (and successes), while educating on best practices.
    Web Accessibility Favelets A set of bookmarklets used in the Trusted Tester process used by the Department of Homeland Security.
    Visual ARIA Bookmarklet Displays ARIA markup used. Covers live regions, widget roles, proper nesting and focus management.
    List of Bookmarklet from Digital a11y List of bookmarklets complied by Digital a11y.