Is My Website ADA Compliant? How to Check (and Update) Your Site

Here’s a great article from WebFX Blog

What do Amazon, Hershey’s, and The Wall Street Journal have in common?

They’ve all gotten named in lawsuits related to website accessibility and the Americans with Disabilities Act (ADA). They aren’t alone, either. In 2018, more than 2000 website accessibility lawsuits (a 177% increase from 2017) got filed, emphasizing the increased importance and focus on ADA compliance.

If you’re now wondering, “Is my website ADA compliant?” this article is here to help.

Keep reading to learn whether the Americans with Disabilities Act applies to your site, as well as how to check if a website is ADA compliant and how to make a website ADA compliant. If you need immediate help, contact us online or call us at 888-601-5359 to learn about our ADA compliance services!

What is ADA compliance?

ADA compliance refers to meeting the standards set by the Americans with Disabilities Act Standards for Accessible Design. This act covers the accessibility of electronic and information technology, like the Internet and its websites, versus physical locations.

Who does ADA compliance affect?

Almost every business needs to follow ADA, which applies to the following organizations:

  • State and local government agencies
  • Private employers with 15 or more employees
  • Companies operating for the public’s benefit

Even if ADA doesn’t apply to your company (say you employ 10 team members), you should still make ADA compliance a part of your operations. You want to provide everyone, whether online or offline, with the same experience and level of accessibility.

Does ADA compliance apply to websites?

Yes! ADA compliance includes electronic and information technology, like websites. If ADA applies to your business and you operate a site for your company, you must make your website accessible to everyone.

What if my website isn’t ADA compliant?

A non-compliant website is a problem.

If your website fails to meet ADA standards, you risk lawsuits and hefty fines. First-time violations, for example, receive a $55,000-$75,000 fine, while repeat violations come with a $150,000 fine. Federally funded organizations can also lose funding.

No matter your company or customer base, you cannot afford to ignore ADA compliance.

Even if your business can afford the fines that come with non-compliance, you cannot afford the damage to your brand. When people see that your company doesn’t care about serving people with disabilities, it will impact their opinion and future purchase decisions.

How to check if your website is ADA compliant

You have a few options for assessing your site’s compliance with ADA, including:

Use free tools

Companies can choose from plenty of free ADA compliance checker tools, like WAVE and Lighthouse, which look at your site’s color contrast, text size, image alt text, and more. The downside, however, is that these tools analyze one page at a time, versus your whole site.

Lighthouse and WAVE aren’t your only options, though.

The World Wide Web Consortium (W3C) maintains an extensive list of web accessibility evaluation tools. If you want to check your site for ADA compliance, you can find a tool here that will work. You can also check for specific ADA compliance issues, like color contrast, with programs dedicated to these issues.

W3C website tools for making website ADA compliant

If you have a WordPress site, you can even install an ADA compliance plugin.

Conduct a manual audit

You can also check your website for ADA compliance with a manual audit.

A manual audit involves evaluating every page of your site for accessibility, using the Web Content Accessibility Guidelines (WCAG). WCAG encompasses a massive checklist, but it’s the basis for ADA compliance.

Even if you use a tool like WAVE, it will assess and grade your site based on WCAG.

WCAG focuses on four fundamental principles, which break down into actionable items:

  1. Perceivable: Everyone that visits your website should have the means to perceive all its information, like text, images, and video, whether directly or through an alternative option, like a transcript for a video.


  1. Operable: All website visitors should have the ability to navigate your site and use its features. For example, no one should have issues using your main navigation, search bar, or additional tools, like a calculator.


  1. Understandable: No one should have difficulty understanding your website and its content. Adding instructions for how to use a tool, for instance, helps everyone take advantage of your site and its features.


  1. Robust: An ADA-compliant website must provide all site visitors with the same experience. For example, if you create a video transcript, that transcript should include the entire video versus bits and pieces.

In most cases, a manual audit isn’t practical for businesses — especially when you consider the repercussions of failing to meet ADA standards. Use a tool or invest in a professional audit to ensure your business builds the best plan for becoming ADA compliant.

Request a professional assessment

A professional ADA audit is another option when it comes to checking a website for ADA compliance.

“Investing in a professional audit will depend on your business. For example, if you don’t have the time or don’t feel comfortable auditing your site, it makes sense to hire an agency and let them do the work.”

With a professional audit, you hire someone (generally an agency) to evaluate your site’s accessibility. They’ll assess your website via WCAG and provide a recommended plan for making your website ADA compliant.

Depending on the agency, they’ll also have the capabilities to implement this plan.

Whether you invest in a professional audit will depend on your business. For example, if you don’t have the time or don’t feel comfortable auditing your site, it makes sense to hire an agency and let them do the work.

3 options for making your website ADA compliant

Like auditing your site, you have a few options when it comes to creating an ADA-compliant website:

1.      Build an ADA-compliant website with your in-house team

Companies can also choose to create an ADA-compliant website in-house.

If your business has the resources and the talent, you could establish a design and development team to audit your site and ensure compliance with ADA standards. This option tends to require more from your organization, which is why it isn’t a typical solution.

Should you lead your ADA-compliance project, remember to follow these core WCAG standards:

  • Add alt text to your images, audit, video, and controls
  • Provide easy-to-access transcripts for audio and video content
  • Include captions on all your website videos
  • Disable auto-play for audio and video
  • Use proper HTML

You view the full WCAG checklist to learn more about making your site ADA compliant in-house.

2.      Install an ADA compliance plugin (for WordPress sites only)

If you have a WordPress site, congratulations! You have an easy solution to becoming ADA compliant.

Via WordPress, you can access several ADA compliance plugins, like Accessibility Suite and WP Accessibility Helper. These plugins can audit your site and add tools that visitors can use to make your website accessible.

ADA compliance WordPress tool

Before you install a plugin, research its features, reviews, and cost. That way, you can pick the best one.

3.      Hire an ADA-compliant web design agency

The easiest option (for most companies) is an ADA-compliant web design agency.

With a professional web design agency, you get a fast and trusted solution for updating your site. You don’t have to worry about establishing an in-house team for the project or finding the time even to complete this project.

Instead, you can outsource the task to a trusted partner.

While cost is a factor that every company should consider when thinking about hiring an agency, you must also think about the return on investment (ROI). Without an ADA-compliant site, your business risks severe fines and lawsuits.

An ADA-compliant web design agency helps you eliminate this risk.

How to make a website ADA compliant in-house

If you’re looking to make your website ADA compliant in-house, follow the WCAG checklist:

.static-table-heading {
padding: 15px 7px !important;
background: #466db2;
.first {
line-height: 1.5em;
background: #f2f2f2;
border: 1px solid #222222
line-height: 1.5em;
border: 1px solid #222222

WCAG Checklist
Checklist Item Action Item
Offer text alternatives for non-text content Add alt text to images, audio, and video

Add names to controls, like “Order”

Allow assistive technologies to ignore decorative non-text content

Provide alternatives to multimedia Upload transcripts for audio and video content

Place or link transcripts near the audio or video content

Record audio tracks and/or audio descriptions for videos

Add captions to videos

Provide sign language interpretation for multimedia

Allow the separation of information and structure Use proper and valid HTML

Add easy-to-understand labels to forms

Organize and divide content into subheadings

Ensure any information conveyed with color is visually evident without color

Prevent content understanding from relying on the content’s shape, size, or location

Distinguish foreground information from background information Achieve a luminosity contrast ratio of 10:1

Install a mechanism that turns off background audio that plays automatically

Remove background noise from audio

Make background noises 20 decibels less than foreground noises

Allow customization of background colors, foreground colors, text spacing, and text size

Allow website functions via the keyboard interface Disable features that use timed keystrokes

Remove instances that require a device besides a keyword

Give users time limit controls Allow the pausing of moving or animated text

Allow the delay of update frequencies

Give users the option to adjust, extend, or disable time limits except for real-time events

Help users avoid content that could cause seizures Delete content that flashes more than three times per second.

Add user controls to moving, blinking, scrolling, or auto-updating content

Remove pop-ups

Offer ways for users to find, use, and navigate content Add a “Skip to Content” link and make it visible

Upload an HTML sitemap

Allow site search

Build a logical navigation menu

Make your navigation menu consistent across your site

Use breadcrumb navigation

Save user data, like their shopping cart

Help users avoid and fix mistakes Allow elements, like forms, to spot input errors

Offer text suggestions to communicate errors

Allow users to reverse changes and correct errors

Use a confirmation page to summarize a user’s input and the website’s output

Publish readable and understandable text content Use HTML to add the page language code
Make content placement and functionality predictable Follow a logical order for content and elements

Write relevant headings for content

Remove idioms and jargon

Explain abbreviations

Add images or diagrams to explain the content

Write the phonetic pronunciation for words or link to pronunciation guides

Support current and future user agents, plus assistive technologies Use proper HTML and markup languages
Ensure content is accessible Allow users to visit and leave content via keyboard functions

Meet the guidelines for helping users avoid content that could cause seizures

Check your website for ADA compliance with WebFX

ADA compliance is a critical issue that businesses can’t afford to ignore.

If you’re looking to make your website ADA compliant, but need help, ask WebFX. Our company offers automated ADA compliance services, which help your organization launch and maintain a site that everyone can access.

Contact us online or call us at 888-601-5359 to learn how our team can help yours!

The post Is My Website ADA Compliant? How to Check (and Update) Your Site appeared first on WebFX Blog.

Source link