Skip to Content
Main Content

Hiker Looking Out Over Mountains

4 Minute Read | March 14, 2022

Website Accessibility Tools You Can Use

Updated: March 14, 2022
Originally Published: March 12, 2019

 

What Is Website Accessibility Testing?

Website accessibility testing uncovers compliance issues with your organization’s website against global accessibility standards. Non-compliance can prevent a user with (or without) a disability from successfully interacting with your site. 

How Do Automated Accessibility Testing Tools Help?

Automated website accessibility testing tools have an important place in your accessibility testing process. Many free and paid tools exist. Scripted accessibility testing tools run through your site’s code, testing against specific rules. They can reveal objective accessibility errors with great accuracy and speed. They assess your site’s compliance against a set of global standards, such as the Web Content Accessibility Guidelines (WCAG) 2.1.

How Reliable Are Automated Tools?

While automated accessibility testing tools are extremely helpful in an initial accessibility audit, they cannot replace human judgment. They can report inaccurate results.

For example, an automated test can determine whether an alternative text or page title exists. But only a human can judge whether those titles and text attributes are accurate and descriptive. Automated tests also often fail to capture keyboard interaction for screen readers or other assistive technologies, providing a false sense of "accessibility security."

A complete website accessibility assessment requires manual code reviews and functional assessments over various conditions, including the use of assistive technologies. 

Types of Accessibility Testing Tools

Accessibility testing tools are available as desktop software and online tools. Some provide error reporting, and others display issues as they are encountered. Some tools scan at regular intervals and report errors over time. Some check single pages, groups of pages, or entire domains, including password-protected pages. Many tools are free, but others charge for subscriptions or license fees.

We have our favorites among the free online tools. Those on the following list test against the W3C Web Content Accessibility Guidelines, Revised Section 508 Standards, and more.

Where to Begin

Start with the World Wide Web Consortium’s Web Accessibility Evaluation Tool List of over 120 tools. You can filter the list to better determine the type of tool you need, for example:

  • Standard to audit against – WCAG 2.1, Section 508, etc.
  • Languages offered
  • Type of tool – browser plugin, web-based, desktop application, etc.
  • Technology – does it test web pages or other types of code and media
  • Assists by … - does it generate reports, show errors visually, provide remediation guidance
  • Automatically checks … - does it check single pages, full sites, password protected pages, etc.
  • License – is it free, open source, commercial, free trial or demo

Accessibility Tools to Review

And now, our favorite free, automated tools to check web accessibility, in no particular order:

Wave

WAVE is a web accessibility evaluation tool developed by the non-profit WebAIM. It is available online or as a browser extension for Chrome and Firefox.

WAVE chrome extension

Color Contrast Tools

Many tools can check color contrast, including browser extensions for Chrome and Firefox. When you update colors, tools such as the WebAIM Color Contrast Checker can help you find compliant color values visible to everyone, even those with color blindness. We love this color matrix tool by Atul Varma that helps you build an accessible color palette for your site.

Screen shot of the Atul Varma color matrix tool

Lighthouse

Lighthouse is an open-source, automated tool that you can run from within the Chrome browser web developer tools. It can be run on public pages or from a development environment.

Lighthouse tool example

Axe Developer Tools

Deque Systems created Axe Developer, another extension for Firefox and Chrome browsers. It detects accessibility errors, including errors on pages still under development.

Axe Developer Tools Extension example

Accessibility Checker

Accessibility Checker, by CKEditor, is a tool for content management systems (such as Northwoods’ Titan CMS). It identifies accessibility errors, so you can fix them as you create web pages.

Accessibility checker example

Don’t Forget Downloadable Media

You must also verify the accessibility of PDF documents and other downloadable media. Adobe Acrobat provides tools and training. Most documents can be exported with accessibility features through common word processing and graphic design tools.

Summary

A plethora of tools, many free, are available to simplify and speed up your web content testing for accessibility. As you start your accessibility testing work, use these tools to help identify common issues, such as poor color contrast and missing alt text for images. Keep in mind that creating accessible web content is about helping all people, not about checking off boxes. Have humans test your website, too, to ensure that your content and functions serve all users well.

If you need assistance auditing your website for accessibility compliance or need help with remediation efforts, please don't hesitate to contact us. Learn more about our website accessibility services.

Authored By

Sydney Shimko

Sydney Shimko

Front End Development Practice Lead

hand-drawn owl

Get Expert Tips

3617518/Blog/Website-Accessibility-Tools-You-Can-Use4
<p><span class="h5">Updated: March 14, 2022<br /> Originally Published: March 12, 2019</span><br /> &nbsp;</p> <h2>What Is Website Accessibility Testing?</h2> <p>Website accessibility testing uncovers compliance issues with your organization&rsquo;s website against global&nbsp;accessibility standards. Non-compliance can prevent a user with (or without) a disability from successfully interacting with your site.&nbsp;</p> <h3>How Do Automated Accessibility Testing Tools Help?</h3> <p>Automated website accessibility testing tools have an important place in your accessibility testing process. Many free and paid tools exist. Scripted accessibility testing tools run through your site&rsquo;s code, testing against&nbsp;specific rules. They can reveal objective accessibility errors with great accuracy and speed. They assess your site&rsquo;s compliance against a set of global standards, such as the <a href="https://www.w3.org/TR/WCAG21/" linktype="3" target="_blank">Web Content Accessibility Guidelines (WCAG) 2.1</a>.</p> <h3>How Reliable Are Automated Tools?</h3> <p>While automated accessibility testing tools are extremely helpful in an initial accessibility audit, they cannot replace human judgment. They can report inaccurate results.</p> <p>For example, an automated test can determine whether an alternative text or page title exists. But only a human can judge whether those titles and text attributes are accurate and descriptive. Automated tests also often fail to capture keyboard interaction for screen readers or other assistive technologies, providing a false sense of &quot;accessibility security.&quot;</p> <p>A complete website accessibility assessment requires manual code reviews and functional assessments over various conditions, including the use of assistive technologies.&nbsp;</p> <h3>Types of Accessibility Testing Tools</h3> <p>Accessibility testing tools are available as desktop software and online tools. Some provide error reporting, and others display issues as they are encountered. Some tools scan at regular intervals and report errors over time. Some check single pages, groups of pages, or entire domains, including password-protected pages. Many tools are free, but others charge for subscriptions or license fees.</p> <p>We have our favorites among the free online tools. Those on the following list test against the W3C Web Content Accessibility Guidelines, Revised Section 508 Standards, and more.</p> <h3>Where to Begin</h3> <p>Start with the World Wide Web Consortium&rsquo;s <a href="https://www.w3.org/WAI/ER/tools/" linktype="3" target="_blank">Web Accessibility Evaluation Tool List</a> of over 120 tools. You can filter the list to better determine the type of tool you need, for example:</p> <ul> <li>Standard to audit against &ndash; WCAG 2.1, Section 508, etc.</li> <li>Languages offered</li> <li>Type of tool &ndash; browser plugin, web-based, desktop application, etc.</li> <li>Technology &ndash; does it test web pages or other types of code and media</li> <li>Assists by &hellip; - does it generate reports, show errors visually, provide remediation guidance</li> <li>Automatically checks &hellip; - does it check single pages, full sites, password protected pages, etc.</li> <li>License &ndash; is it free, open source, commercial, free trial or demo</li> </ul> <h3>Accessibility Tools to Review</h3> <p>And now, our favorite free, automated tools to check web accessibility, in no particular order:</p> <h4>Wave</h4> <p><a href="http://wave.webaim.org/" linktype="3" target="_blank">WAVE</a> is a web accessibility evaluation tool developed by the non-profit <a href="http://webaim.org/" linktype="3" target="_blank">WebAIM</a>. It is available online or as a browser extension for Chrome and Firefox.</p> <p><img alt="WAVE chrome extension" loading="lazy" src="/Northwoods-2020/Blogs/WebsiteAccessibilityToolsYouCanUse1.png?Large" /></p> <h4>Color Contrast Tools</h4> <p>Many tools can check color contrast, including browser extensions for Chrome and Firefox. When you update colors, tools such as the <a href="https://webaim.org/resources/contrastchecker/" linktype="3" target="_blank">WebAIM Color Contrast Checker</a> can help you find compliant color values visible to everyone, even those with color blindness. We love this <a href="https://toolness.github.io/accessible-color-matrix/" linktype="3" target="_blank">color matrix tool by Atul Varma</a> that helps you build an accessible color palette for your site.</p> <p><img alt="Screen shot of the Atul Varma color matrix tool" loading="lazy" src="/Northwoods-2020/Blogs/Color-Matrix---Accessibility-Tools-You-Can-Use.jpg?Large" /></p> <h4>Lighthouse</h4> <p>Lighthouse is an <a href="https://github.com/GoogleChrome/lighthouse" linktype="3" target="_blank">open-source</a>, automated tool that you can run from within the Chrome browser web developer tools. It can be run on public pages or from a development environment.</p> <p><img alt="Lighthouse tool example" loading="lazy" src="/Northwoods-2020/Blogs/WebsiteAccessibilityToolsYouCanUse4.png?Large" /></p> <h4>Axe Developer Tools</h4> <p>Deque Systems created Axe Developer, another extension for Firefox and Chrome browsers. It detects accessibility errors, including errors on pages still under development.</p> <p><img alt="Axe Developer Tools Extension example" loading="lazy" src="/Northwoods-2020/Blogs/WebsiteAccessibilityToolsYouCanUse5.png?Large" /></p> <h4>Accessibility Checker</h4> <p><a href="https://ckeditor.com/ckeditor-4/accessibility-checker/" linktype="3" target="_blank">Accessibility Checker</a>, by CKEditor, is a tool for content management systems (such as Northwoods&rsquo; <a href="https://titancms.com/" linktype="3" target="_blank">Titan CMS</a>). It identifies accessibility errors, so you can fix them as you create web pages.</p> <p><img alt="Accessibility checker example" loading="lazy" src="/Northwoods-2020/Blogs/WebsiteAccessibilityToolsYouCanUse6.png?Large" /></p> <h4>Don&rsquo;t Forget Downloadable Media</h4> <p>You must also verify the accessibility of PDF documents and other downloadable media. <a href="https://helpx.adobe.com/acrobat/using/create-verify-pdf-accessibility.html" linktype="3" target="_blank">Adobe Acrobat</a> provides tools and training. Most documents can be exported with accessibility features through common word processing and graphic design tools.</p> <h2>Summary</h2> <p>A plethora of tools, many free, are available to simplify and speed up your web content testing for accessibility. As you start your accessibility testing work, use these tools to help identify common issues, such as poor color contrast and missing alt text for images. Keep in mind that creating accessible web content is about helping all people, not about checking off boxes. Have humans test your website, too, to ensure that your content and functions serve all users well.</p> <p><em>If you need assistance auditing your website for accessibility compliance or need help with remediation efforts, please don&#39;t hesitate to <a href="/Contact-Us" linktype="2" target="_self">contact us</a>. Learn more about our <a href="/Services/Website-Design/Website-Accessibility" linktype="2" target="_self">website accessibility services</a>.</em></p>
/Northwoods-2020/Hero-Images/Hiker-Looking-Out-Over-Mountains.pngHiker Looking Out Over MountainsA plethora of tools are available to simplify and speed up your web content testing for #accessibility. Use these tools to help identify common issues, but have humans test your site, too. https://bit.ly/3i3Arwr @northwoods #webaccessibility #accessibilitytoolsSydney Shimko/Northwoods-2020/People/Sydney-Shimko.jpgThe author in front of a log cabin wall with soft, warm lightinghttps://ctt.ac/eJsQ4<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script><script>hbspt.forms.create({ region: "na1", portalId: "23630176", formId: "40c5bbae-05a2-42ea-94dd-1662181fd56e" });</script>/Northwoods-2020/Blogs/Social-Media-Cards/Website-Accessibility-Tools-You-Can-Use---Social-Card.jpg?LargeWebsite Accessibility Tools You Can Use2022-03-14T00:00:00/Northwoods-2020/Blogs/Social-Media-Cards/Website-Accessibility-Tools-You-Can-Use---Social-Card.jpgWebsite Accessibility Tools You Can UseAlthough automated website accessibility testing tools can't replace human judgment, there are several that are helpful in performing an initial accessibility audit. Here are some of the ones we recommend.3622110/People/Sydney-ShimkoSydneyShimkoFront End Development Practice Lead<p>Sydney is a skilled UX developer who seamlessly blends the aesthetics of thoughtful design with responsive, semantic code. With a passion for delivering top-notch solutions, she negotiates constant change in the field of front end development and ensures functionality across an ever-growing variety of devices and screen sizes. Sydney is also Northwoods&rsquo; go-to web accessibility expert, and she strives to deliver creative, efficient solutions that improve usability for everyone. When not crafting exceptional websites, Sydney is an avid mountain biker, road cyclist, and coffee enthusiast and serves on the board of the WI Interscholastic Cycling League.</p>Sydney Shimko/Northwoods-2020/People/Sydney-Shimko.jpgSydney ShimkoAdd-In Type - NWS Data ModulesCategory - NWS Data ModulesCommittee - NWS Data ModulesDivision - NWS Data ModulesEvent Audience - NWS Data ModulesEvent Service - NWS Data ModulesEvent Type - NWS Data ModulesLocality - NWS Data ModulesModule - NWS Data ModulesPackage Type - NWS Data ModulesPersonID - NWS Data ModulesSydney ShimkoProductVersion - NWS Data ModulesRecorded Webinar TopicsRegion - NWS Data ModulesSite Display - NWS Data ModulesSkillLevel - NWS Data ModulesTopic - NWS Data ModulesVideoAudience - NWS Data ModulesVideoClassification - NWS Data ModulesVideoStatus - NWS Data ModulesTeamAll StaffDesignersDevelopersAdd-In Type - NWS Data ModulesCategory - NWS Data ModulesCommittee - NWS Data ModulesDivision - NWS Data ModulesEvent Audience - NWS Data ModulesEvent Service - NWS Data ModulesEvent Type - NWS Data ModulesLocality - NWS Data ModulesModule - NWS Data ModulesPackage Type - NWS Data ModulesPersonID - NWS Data ModulesSydney ShimkoProductVersion - NWS Data ModulesRecorded Webinar TopicsRegion - NWS Data ModulesSite Display - NWS Data ModulesNWS DigitalSkillLevel - NWS Data ModulesTopic - NWS Data ModulesAccessibilityUX & Website DesignWebsite DevelopmentVideoAudience - NWS Data ModulesVideoClassification - NWS Data ModulesVideoStatus - NWS Data Modules02024-02-20T12:11:22.52700