My Website Accessibility Checklist

by | Last updated Mar 17, 2024

Before I begin, let me stress that I am not a lawyer and this article is for informational purposes only. It is not legal advice!

Per United States and European law, odds are that your website needs to be designed so that folks with various types of physical or cognitive disabilities will be able to access the information or perform the functions offered on your website. Not complying could result in litigation and fines, not to mention losing out on a segment of potential users. (Note that religious entities are exempted from the legal requirement).

Accessibility Guidelines

While there is no formal government set of rules to determine exactly what “compliance” means, the closest thing we have is the WCAG 2.1 guidelines. These are industry-accepted and litigation-tested rules to define how accessibility-compliant websites should be designed.

As you can imagine, there are a huge number of rules to follow. Through research and lots of seminars and classes, I’ve distilled the rules to the most important items in the list below. These are areas where I strive for accessibility compliance in my sites.

Often there are exceptions that are not compliant for various reasons, that are signed off by the client. Accessibility compliance for most real websites is usually not a “yes” or “no” but somewhere on a continuum.

The Checklist

This list is by no means a complete list of requirements for WCAG compliance, but it does include the most important items to make your website accessible to people with disabilities and to avoid litigation (disclaimer: I am not a lawyer!)

Appearance

  • Text at least 16 px in size. (There is no standard, but 16 px is generally agreed to be a safe minimum size. )
  • Minimum color contrast rules are followed (see below for links to tools to help you do this)
  • States are not communicated just by color

Keyboard Access

  • All links are keyboard-accessible (usually by using the tab key)
  • All navigation (menus) are keyboard-accessible
  • All dynamic elements (i.e., accordions, tabs, etc.) can be operated by keyboard
  • All other functionality is operable by keyboard (i.e., doesn’t require a mouse)
  • All of the above have visible focus indicator (usually an outline)
  • <a> tag is used for links
  • Links in body are distinguished from surrounding text (usually by underlining)
  • Link text (or aria-label text) is descriptive
  • Links that open a new tab or window have some indication this will happen, such as adding “(opens in a new tab)” to the link text or area-label.

Structure

  • Only one h1 per page
  • Headings should be in sequence
  • Heading levels should not be skipped

Images

  • Images have relevant alt text or captions unless purely cosmetic
  • Images do not have title attributes
  • Background images should be avoided unless purely decorative. If they can’t be avoided, then add “role=’img’ aria-label=’description of image'” to the enclosing div unless it contains other elements.
  • Sliders and carousels are not accessible

Videos

  • Video does not auto-play
  • Video can be paused
  • Video has accurate transcript or captions (read how to edit YouTube captions)

Forms

  • Fields have label tags, not placeholders
  • Required fields are labeled “required” in words, not just an asterisk
  • Submit button clearly states what submitting the form does, i.e., “subscribe to email list”
  • Fields are keyboard-accessible

PDFs

Embeds

  • iframes should have a title attribute describing the iframe’s purpose

As I mentioned, this is not a comprehensive list, but rather some of the “biggies” that can have a really obvious effect on your site’s accessibility.

Resources

Tools

Color Contrast Analyzer from TGPi
Color Contrast Analyzer from TGPi. Click the eye dropper buttons to pick colors from your screen.

Some Common Website Features that Are Not ADA Compliant

I don’t know of a third-party slider carousel that meets WCAG guidelines. The accessibility professionals who I’ve asked have told me not to use carousels on sites that need strict accessibility compliance.

Most social embeds and embedded ads are not accessible. Animation effects may not accessible.

Auto-playing videos are not allowed. In fact, most video players are not accessible, including YouTube. Here’s an article on how embedded YouTube videos and Google Maps are not completely accessible, strictly speaking (though most of my website clients are satisfied with using them on otherwise accessible sites).

Any linked PDFs need to be re-generated with accessibility in mind, and all embedded videos need captions or transcripts.

A Note About Overlays and Instant Compliance

You might have heard of services that claim to make your website “100% accessibility compliant” instantly by adding a button or “overlay”. The vast majority of accessibility experts see these services as snake oil. Worse, they may make your site an even bigger target for accessibility litigation:

nearly all of the functionality provided by these tools has no impact on your level of WCAG conformance whatsoever. Furthermore, these overlays provide little or no additional legal protection for your website. In fact, in recent lawsuit filings, screenshots of these tools are being used to build the claim against websites that are not also seeking a holistic approach to ADA compliance. It is also a common belief that these tools may increase your risk with regards to security, and many company’s security policies prohibit the installation of widgets like these.

Michele Landis, Kelly Heikkila, Jason Webb, Accessible360

So obviously, I don’t advocate using services, whether free or paid, that promise instant accessibility simply by installing a plugin or code snippet. As the quote says, it takes a holistic approach to many aspects of the website itself, as well as offline resources like videos, embeds, and PDFs.

Here’s an even more damning article from NBC News about website accessibility overlays. Finally, here’s a pretty convincing fact sheet about whether overlays are legit or not. More references:

Staying in Compliance

Unfortunately, the work of keeping a website in compliance is never done. It’s an ongoing process throughout the life of the site.

It is very easy for a website to drift out of compliance as people add content, features get added, and plugins get updated. New font colors are added that don’t meet the minimum contrast guidelines, for example. Or, someone adds new images without adding alt tags. Accessibility compliance is not a one-time deal; any updates to the site must be made with accessibility in mind if you want to stay compliant.

My Conversation with an Accessibility Attorney

In March 2023, I had a great conversation with a California attorney who specializes in defending website owners against litigation. She confirmed so much of what I’ve said above. In a nutshell:

  • Accessibility lawsuits against websites are real and ubiquitous. Her full-time job as a lawyer is dealing with them.
  • Accessibility violations cost owners tens of thousands of dollars, usually to settle to avoid litigation. That does not count additional tens of thousands to get the site into compliance.
  • The states with the most accessibility litigation are California, New York, Florida, and Pennsylvania.
  • The number one tool used by litigators to find violating websites is WAVE, even though it is not a comprehensive indication of accessibility. If you want to avoid lawsuits, get your site to pass WAVE.
  • Although overlays do not attract litigation, they do nothing to actually improve the accessibility of your site, and many handicapped people say they harm accessibility! Usually, these services provide no indemnification against legal action.

Case Study

A colleague of mine had a prospective client who got hit with an accessibility lawsuit for their retirement home. In that case, the litigator used a report straight from Accessibe. All of the flagged items are in my checklist above.

Conclusion

There is actually no formal government certification process you can go through to have your website definitively declared “100% compliant”. There are just a set of industry-accepted guidelines such as WCAG 2.1. Website compliance is usually not “yes or no” but rather a continuum.

Let me know if you have any questions or comments about this topic! Need help fixing accessibility violations on your site? I can help!

Shares

Subscribe to My Posts

Leave a Comment or Question

Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments
Inline Feedbacks
View all comments

Articles

How to Clear Your Browser Cache to See the Latest Version of a Website

How to Clear Your Browser Cache to See the Latest Version of a Website

When your web developer makes changes to a website, you might not see those changes in your browser because of something called "browser caching". Basically, that means that the browser keeps old copies of parts of the website locally so it doesn't have to re-load...

Which Web Hosting Company Should You Use?

Which Web Hosting Company Should You Use?

If you want to put your content on the Internet, you'll have to choose a web hosting provider. This is the company that will store your website on a computer which is connected to the Internet and can serve it up to visitors. If research hosting companies on the...

WordPress vs. Wix, Weebly, and Squarespace

WordPress vs. Wix, Weebly, and Squarespace

One question I sometimes get from clients is whether they should use WordPress or one of the online website builder services like Wix, Weebly, and Squarespace. Unlike some web developers (and designers), I believe those services can be the right choice in some...

What Is WordPress? A Guide For Absolute Beginners

What Is WordPress? A Guide For Absolute Beginners

WordPress is free software that lets you create a website using pre-made templates and plugins, and it allows you to update content by logging into the site and typing in a text editor. This allows you to create professional-looking sites and update the content...

Pin It on Pinterest