WordPress ADA compliant

The Americans with Disabilities Act (ADA) ensures that people with disabilities have equal and fair access to employment, housing, and transportation. This legislation also makes it clear that accessibility isn’t just physical – it applies to the digital world too, including your website. This is why it’s important to create a WordPress ADA compliant website.

Fortunately, there’s lots of information and software that can help you create an ADA compliant website. By following some simple best practices and utilizing free tools, you can ensure your content is accessible to everyone, including people with disabilities.

In this post, we’ll explore what the ADA is and why it’s important to comply with it to avoid legal action. We’ll then share four accessibility tips that you can implement today. Let’s get started!

Why your website needs to be ADA compliant

The Americans with Disabilities Act (ADA) is a law regarding discrimination against people with disabilities. It includes protections that prohibit businesses from denying housing or jobs based on a person’s abilities and require fair access to education, transportation, public spaces, and more.

These protections extend to all electronic and information technology as well. ADA compliance impacts almost all websites, and it’s always worth ensuring that your site is accessible to as many people as possible.

However, the ADA specifically states that you must adhere to accessibility policies if you’re a private employer with 15 or more staff members or if your business operates for the benefit of the public. State and local government agency websites (including school sites) must also be ADA compliant.

A few of the accessibility standards for websites include:

  • Enabling visually impaired visitors to perceive your site’s content through the use of screen readers
  • Providing subtitles or transcriptions of audio content for deaf users
  • Supporting keyboard navigation so users who can’t use a traditional computer mouse can move around your site
  • Implementing accessible design to accommodate color-blind users and users with photosensitivity

However, this list is by no means comprehensive. We’ll further discuss these requirements later in this post.

If your site doesn’t meet these standards, then you may find yourself in legal hot water. Even if you didn’t intentionally exclude people with disabilities from being able to easily access and use your site, there may still be grounds for a lawsuit against you. This isn’t just theoretical – there have been some high-profile lawsuits over ADA website compliance, such as a Domino’s pizza lawsuit that went all the way to the US Supreme Court.

Creating a more accessible website isn’t just the right thing to do, it can also benefit your business. According to the World Health Organization (WHO), over one billion people have some type of disability. This equates to around 15% of the global population [1] – that’s lots of potential new customers!

How to create a WordPress ADA compliant site (four key tips)

Now that you know what the ADA is and why it’s important, let’s look at how you can make your WordPress website ADA-compliant. Here are four tips for creating a more accessible website.

1. Understand what a WordPress ADA compliant website looks like

The U.S. Department of Justice has yet to release any official ADA compliance guidelines, but it has provided some recommendations. In particular, the ADA encourages organizations to follow the Web Content Accessibility Guidelines (WCAG) 2.0 level AA.

These guidelines state that visitors must be able to perceive all the information that appears across your website. This often means providing alternatives to your site’s media. For example, many popular sites – including YouTube – supply subtitles for their audio and video content:

A YouTube video with subtitles.

Visitors should also be able to understand your content. To address this concern, it may help to provide additional guidance on how to interact with certain parts of your website. For example, you might use suggested input prompts to clarify the information that visitors should enter into your contact form:

A contact us form with helpful prompts.

Additionally, if a user enters incorrect information, then try to provide recommendations for fixing these input errors. This is far more helpful than simply displaying a generic error message.

Some visitors may interact with your site via screen readers. For these people, descriptive alt text can be vital for helping them understand your website’s images:

Creating a WordPress ADA Compliant website with alt text.

People with visual or manual dexterity issues may find it easier to interact with your site using navigational controls such as a keyboard or keypad. For these users, it’s important to have a clear and consistent navigational structure.

You may also want to provide a visual indication of the element that’s currently ‘in focus’. This is the element that will be activated the next time the visitor performs an action, for example pressing the Enter key on their keyboard.

2. Review your website to see how compliant it currently is

Accessibility is a huge topic and there are many elements that go into creating a more user-friendly website. If you overlook just one factor related to accessibility, then it could prevent a potential customer from having a positive experience with your site.

A web accessibility evaluation tool can often be invaluable for identifying the wide range of issues that can impact your site’s usability. Website Accessibility Evaluation (WAVE) is a suite of tools that can scan your site and list any potential problems:

Test your WordPress ADA Compliant using WAVE.

You can click the accompanying i icon to view more information about each detected error. WAVE will even suggest resources that can provide deeper insight into each usability issue:

The Website Accessibility Evaluation (WAVE) tool.

WAVE is limited to scanning a single page at a time. To accelerate this process, you may want to install the WAVE for Chrome or WAVE for Firefox extensions, which enable you to run WAVE on the webpage you’re currently viewing.

3. Follow proven best practices for creating accessible websites

Once you’ve tested your site’s accessibility and compiled your results, then you can start addressing each concern you’ve identified. To start, it’s important to take stock of your website’s content and consider whether you can provide alternative outputs for all your media.

Wherever possible, we recommend providing professionally transcribed subtitles for your audio and video content. However, there’s also software that can auto-generate captions for you:

Auto-generating captions to create a WordPress ADA Compliant website.

You should also provide a text alternative to all your website’s visuals. This can be invaluable for anyone who’s experiencing your site via an accessibility tool such as a screen reader. In WordPress, then you can add alt text via the Media Library:

The WordPress Media Library.

It’s also a good idea to avoid including text in your images. Large amounts of in-image text can make it difficult to describe your graphics using alt text alone. Instead, consider whether you can create a similar effect using code. For example, you might add the information you’re trying to convey as plain text and then style it using CSS.

To help support visitors with visual impairments, we recommend maintaining a contrast ratio of at least 4.5:1 for all your text. Your text should also be resizable by up to 200%. The trick here is to provide this flexibility without impacting your site’s functionality, which will likely require thorough usability testing.

If you want to learn more about the issues impacting your site, we recommend running your content through the WAVE tool and taking the time to read all of its suggested resources.

The WCAG guidelines are widely accepted as the industry standard for accessibility. You might also want to refer to WebAIM’s accessibility checklist, which aims to condense the official WCAG 2.1 specifications.

4. Consider installing plugins to improve your site’s compliance

As you might expect, there’s no shortage of WordPress tools and plugins that promise to help you achieve ADA compliance. You can scan your entire site for accessibility issues using WP ADA Compliance Check Basic:

A WordPress ADA Compliant plugin.

This plugin will suggest resources that provide more information about each detected issue. You’ll also get a direct link to the affected code, which can be useful for resolving more complex accessibility problems.

Another option is the Accessibility Checker plugin, which aims to be a WordPress-specific WAVE alternative and lets you scan your entire site from inside your WordPress dashboard.

As a website owner, there are lots of ways to make your site more accessible. However, your choice of WordPress theme can undermine all of your efforts. Although there are many professionally-developed themes, even experienced WordPress designers may sometimes overlook important accessibility principles.

The WP Accessibility plugin can help you resolve issues that commonly occur with WordPress themes. After activating this plugin, navigate to Settings > WP Accessibility in your WordPress dashboard:

The web accessibility plugin.

Here, you’ll find various accessibility-focused settings that you can turn on or off, depending on how your theme is set up. This includes adding an outline to the link :focus state for better keyboard navigation, and using longdesc to provide more information about an image’s content.

It’s important to note that there are no “plug and play” solutions for creating a 100% accessible website, despite what some plugins might claim. Plugins can be great for scanning your site for issues and making some tweaks, like those in WP Accessibility (here’s the plugin’s developer sharing his thoughts). But be wary of any plugin that uses an “overlay” approach and claims to offer 100% ADA compliance just by activating a plugin.

Create a WordPress ADA compliant website today

Making your website accessible to everyone isn’t just the right thing to do. It can also protect you against legal ramifications. By ensuring your site is Americans with Disabilities Act (ADA) compliant, you can also grow your potential customer base.

Let’s quickly recap four tips for creating a WordPress ADA compliant website:

  1. Understand what an ADA-compliant website looks like.
  2. Review your website to see how compliant it currently is using a tool such as Website Accessibility Evaluation (WAVE).
  3. Follow proven best practices for creating accessible websites.
  4. Consider installing plugins such as WP ADA Compliance Check Basic and WP Accessibility to improve your site’s compliance.

For some other useful posts, you can read our guide on how to improve WordPress accessibility as well as our collection of eight useful accessibility testing tools.

Do you have questions about creating a WordPress ADA compliant website? Let us know in the comments section below!

Yay! 🎉 You made it to the end of the article!

Inline Feedbacks
View all comments

Or start the conversation in our Facebook group for WordPress professionals. Find answers, share tips, and get help from other WordPress experts. Join now (it’s free)!