Northwoods

Northwoods Forest

Website Accessibility Tools You Can Use

Sydney ShimkoSydney Shimko/Front End Developer
March 12, 20194 min read

What is website accessibility testing?

Website accessibility testing uncovers non-compliance issues with your organization’s website accessibility standards. Non-compliance can prevent a user with (or without) a disability from successfully interacting with your site. (For more about making your website accessible, see our checklist.)

How do automated accessibility testing tools help?

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

How reliable are automated tools?

While automated accessibility testing tools can be helpful as you conduct your initial accessibility audit, they cannot replace human judgment. They can report inaccurate results. For example, they often fail to consider things like screen readers or other assistive technologies, providing a false sense of “accessibility security.”

A complete website accessibility assessment calls for manual code reviews and functional assessments involving various conditions and assistive technologies. 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.

Types of Accessibility Testing Tools

Accessibility testing tools are available as desktop software or 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

WebAIM

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.

Color Contrast Analyzer

Color Contrast Checker

 

Lighthouse

Lighthouse is an open-source, automated tool that you can run from within the Audits tab of 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 in mind through common word processing and graphic design tools.

Summary

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

Sydney ShimkoSydney Shimko/Front End Developer

Sydney Shimko is a senior member of the Front-End team and Accessibility Practice Lead at Northwoods. She combines the aesthetics of thoughtful design with semantic, responsive code. She strives to provide the best solutions for client projects, negotiating rapid change in the field of Front-End development and ensuring functionality across an ever-growing variety of devices and new technologies.

Connect with Sydney on LinkedIn | Read Sydney Shimko's Blogs

Related Blog Posts

Website Accessibility Regulations Overview

Website accessibility has been a hot topic lately, due to a rising number of lawsuits and complaints filed against organizations with inaccessible websites. The issue of accessibility can be confusing, but a grasp of some basic information can keep site owners ahead of the curve.

Web Accessibility Matters – Even if Section 508 Doesn’t Apply to Your Website

How does Section 508 Refresh apply to you? It likely doesn’t directly affect your website design and development. Still, you should pay attention.

Website Accessibility Standards For The New Year

Review the 2019 guidelines that will help you build a more ADA Accessible website.

View All Blog Posts

X

EXPERT INSIGHTS IN YOUR INBOX!

Subscribe to our blog for expert tips, insights and analysis on digital trends, best practices, and more.

Share Your Thoughts

The following required items were not provided or are in the wrong format. Please provide the required responses and submit again:

Name:
  Please enter your name
  Please enter a valid email
Comment: 250 characters left
  Please enter a comment