The ADA Compliant Website Design Checklist

< Blog
Updated on: January 9th, 2023Ken Braun8 min read
ADA Compliant Website Design

It is always important to educate yourself about compliance requirements including those for Americans with disabilities. While most people are aware that the Americans with Disabilities Act (ADA) requires that businesses make physical accommodations such as wheelchair ramps and automatic door openers, many people are unaware that the ADA applies to the virtual world as well. As a top web development company and industry leader, we wanted to share the ADA Compliant Website Design Checklist we employ to ensure that sites meet the needs of all users for accessibility.

Why does ADA compliance affect websites?

The American Disabilities Act (ADA) is a very comprehensive civil rights law that came into existence in 1990. It was enacted to provide protection for individuals with disabilities from discrimination. The scope of the act is very wide and applies to:

  • State and local government
  • Transportation
  • Employment
  • Public and private spaces
  • Building codes
  • Telecommunication

The ADA has been critical for Americans with disabilities when it comes to basic accessibility and is the reason there are disabled parking spot requirements and wheelchair ramp mandates in our building codes. Part of Title III of the ADA states that all businesses open to the public are required to remove any access barriers that would prevent a disabled person’s access to obtaining a businesses’ services or goods.

At the time the ADA was enacted the internet was just a baby and the concept of “access barriers” was taken very literally to mean things like counter height, stairs, etc. However, in 1990 the US Department of Justice issued an Advanced Notice of Proposed Rulemaking indicating that they would be amending the language contained in Title III of the ADA to clarify and ensure that website accessibility was specifically included.

At the time of this writing there is conflicting legislation in place which has muddied the waters regarding legal concerns about ADA compliance for websites. Courts have provided mixed ruling regarding which websites would need to provide accommodations. In December of 2017, the Department of Justice announced they have withdrawn the Advanced Notice of Proposed Rulemaking and in February of 2018, Congress passed the ADA Education and Reform Act, a bill that makes it more difficult for disabled Americans to sue businesses for discrimination.

This article is not legal advice about ADA compliance, but instead a discussion on accessibility for all users for websites. One of the most basic goals of good website design is to provide accessibility to all users so that they can quickly and easily find what they are looking for.

Why is web accessibility important?

The primary reasons for web accessibility are:

  • Responsiveness – The concept of accessibility has to do with allowing any and every user access to content, however, they choose and not only the way you might want them to. For example, while laptops have trackpads some people prefer to use only the keyboard for navigation. Your website should follow a similar path of providing options and not forcing users to engage in a specific manner.
  • Loyalty– If the competition has a non-accessible site and you do, who do you think will end up getting more business over time? Approximately 20% of our population has some form of a disability and a good percentage of people with disabilities now prefer to shop online. By providing accessibility to all you will foster loyalty from users who appreciate that you are thoughtful enough to provide full accessibility.
  • Lost conversions – Approximately 18% of adults in the U.S. have hearing difficulty and 8% have vision issues. Would you risk losing those percentages of conversions for no valid reason? That is a concern businesses that do not consider accessibility properly are facing.
  • Reputation – When your business does not act in a manner that people feel is morally or ethically correct, such as providing equal access, there can be a public backlash which can negatively affect your reputation.

It is also important to note that including accessibility features is not that difficult. It simply takes a little extra planning and awareness which is why we utilize our ADA Compliant Web Design Checklist.

ADA Website Design Checklist                                                           

The basis for the checklist is from the ADA Best Practices Tool Kit for both State and Local governments:

  • Use audio descriptions and captions – Videos should utilize features so that they are accessible to everyone which means providing audio descriptions of images. Text captions that are synchronized with video images and providing audio tracks are two other features that should be implemented.
  • Forms to include descriptive tags – All online forms should include descriptive HTML tags that will provide people with disabilities the information they will need to complete the form.
  • Add text equivalent to each image – People with vision issues or an ability to read can use various technologies to access information displayed on a website such as screen readers or refreshable Braille displays. However, these readers cannot interpret photos, pictures, charts, and most graphic elements on a page. The solution is to ensure that every image should include a simple HTML alt tag for a text equivalent of the image. This text can be as simple or complex as needed to convey the image into words.
  • Post all documents in an accessible format – PDF’s are a common file format for documents, however, those are not always accessible for people with screen readers or even easily usable for low-vision users who utilize text enlargement programs. You should provide an alternative text-based format of the document, such as using HTML or RTF in addition to the PDF.
  • Do not set color and font settings that cannot be changed – Users’ can set color and font sizes in the web browsers and operating systems which can help overcome vision issues. The site should not be designed to prevent the changing of color or font settings.
  • Include a skip navigation link – A skip navigation link can be placed at the top of webpages to allow people utilizing screen readers to ignore standard navigation links and skip right to the web content.
  • Include a pause option for distracting features – Certain features, such as those which blink, flash, or can be visually distracting, should include an option to pause or stop.
  • Include transcripts and notifications – If a site utilizes sounds that auto play, also include visual notification and corresponding transcripts for those sounds.
  • Testing of sites to include disabled users – Whenever testing is implemented during the design process, always include users with disabilities in the test group to ensure that feedback received truly encompasses all potential users of a website.

Examples of Web Accessibility can be found here on the W3C website.

The bottom line

The bottom line is that all users should have equal access to every website. Not only is that idea ethically and morally correct, but it is also good business because alienating any percentage of customers leads to a loss of conversions and revenue. Our ADA compliant website design checklist is a useful tool to ensure that your site is meeting the needs of each and every customer which at the end of the day will help your reputation and profitability.

Be sure to check back every week for great new Lounge Lizard blog articles.

Published on: July 30th, 2018

Related articles

Progressive Web Apps
6 min read

Are Progressive Web Apps the Future for Websites?

January 9th, 2023

Progressive Web Apps have become quite the buzz term in the web development world over the past year. Due to this, many people keep asking, are [...]

Tracking Google Images traffic with analytics just got easier
6 min read

Tracking Google Images traffic with analytics just got easier

January 18th, 2024

Google just made an announcement about a change to the referrer URL sent by Google Image search that top web development companies around the globe are [...]

Increase Website Security
6 min read

6 Quick Tips to Increase Website Security

January 9th, 2023

With cybersecurity spending set to exceed $1 trillion in the next year or two, it is obvious that web security is a top concern for many [...]

Enterprise Mobile App Development
6 min read

The 5 Key Aspects of Enterprise Mobile App Development

January 9th, 2023

One of the most important aspects in the continuing digital transformation occurring in growing businesses is enterprise mobility. As more employees work outside of the office [...]

Build Links
7 min read

How do you Build Links for Dull Industries

January 6th, 2023

Link building has always been important in website design but for some industries, it is much easier than others. Let’s face it, certain businesses have an [...]

Email Marketing
7 min read

Focus on Email Marketing in June for success in December

January 9th, 2023

While it might seem strange to be thinking about December and the holiday shopping season at the beginning of summer, you need to be if you [...]

The ADA Compliant Website Design Checklist
Share On:
Newsletter Sign Up

"*" indicates required fields

0 of 60 max characters
0 of 60 max characters

Request a Proposal

Fill Out Our Form & We’ll be in Touch Shortly

"*" indicates required fields

Name*
Type of Project**

New York City
112 West 34th Street
18th Floor
New York, NY 10120
Long Island
991 Main St.
Suite 200
Holbrook, NY 11741
Washington D.C.
1101 Connecticut Avenue NW
Suite 450
Washington, DC 20036
Nashville
424 Church St
Suite 2000
Nashville, TN 37219
Los Angeles
1100 Glendon Avenue
17th Floor
Los Angeles, CA 90024
Miami
1221 Brickell Ave
Suite 900
Miami, FL 33131
Charleston
170 Meeting Street
Charleston, SC 29401
Richmond
919 E. Main Street
Suite 1000
Richmond, VA 23219