ADA Compliance – A Short Testing Guide for Websites

What is ADA?

The American with Disabilities ACT (ADA) was passed and signed into law in July 1990. It prohibits discrimination against people with disabilities in areas such as employment, transportation, communications, education, health and architectural & transportation barriers.

Regarding software, the ADA standard applies to commercial and public entities that have “places of accommodation” (included in architectural & transportation barriers) which includes the internet.

The objective of this is standard is to ensure websites are compatible with Assistive Technology (AT) used by people with disabilities.

Guidelines

In order to accomplish the ADA, we must follow the Web Content Accessibility Guidelines (WCAG 2.1) which is an international standard that explains how to make a website accessible to people with disabilities. These guidelines are a set of recommendations, each corresponding to one of three levels of conformance:

  • A (lowest) – essential requirements, not meeting this level means that it is impossible or exceedingly difficult for disabled people to use the website.
  • AA – addresses the most common barriers, meeting these recommendations ensures that the website is accessible and usable for most people with or without disabilities.
  • AAA (highest) – supreme level that includes the maximum number of users. Although meeting this is ideal, it is not always possible to satisfy all recommendations for all content types.

Testing ADA

Following WCAG manually can be a very exhausting task given that there are over 100 hundred recommendations and many of them are not easily distinguishable. For example, one recommendation states: “Success Criterion Contrast: The visual presentation of text and images of text has a contrast ratio of at least 4.5.” This may not be something you’ll be able to identify or implement manually.

Ideally the guidelines recommendations should be addressed at the development stage and tested at that moment, but often they are not done until much afterwards. For that there are several browser extensions that can help.

As an illustrative example we will run AXE DevTools (free version) extension on some ecommerce homepages which will scan and give us a quick status of the site. The WCAG level to evaluate in this case is AA.

Example of not so compliant site:

The results show too many issues, some of them critical and should be fixed urgently. For that the tool gives us more information regarding the problem description (with link to explanatory web), element location (can also be highlighted), related node and tips to fix each problem.

Example compliant site:

The result shows only two minor issues, this site is level AA compliant.

Summing Up

There are very good reasons to pursue ADA compliance. Of course, being inclusive is by default an excellent reason, but it also expands the business as it reaches more people, it builds a good reputation for the company and brings us closer to providing the best service. Also, it prevents lawsuits that would cost thousands of dollars (legal actions against Harvard University, Netflix, Uber and Domino’s are very good examples of this).

Given that the effort to follow the guidelines (test and fix these issues) is not extreme, the cost-benefit is very positive, and it would be wise to accomplish ADA.

Related Blog Posts

We hope you’ve found this to be helpful and are walking away with some new, useful insights. If you want to learn more, here are a couple of related articles that others also usually find to be interesting:

Our Gear Is Packed and We're Excited to Explore With You

Ready to come with us? 

Together, we can map your company’s software journey and start down the right trails. If you’re set to take the first step, simply fill out our contact form. We’ll be in touch quickly – and you’ll have a partner who is ready to help your company take the next step on its software journey. 

We can’t wait to hear from you! 

Main Contact

This field is for validation purposes and should be left unchanged.

Together, we can map your company’s tech journey and start down the trails. If you’re set to take the first step, simply fill out the form below. We’ll be in touch – and you’ll have a partner who cares about you and your company. 

We can’t wait to hear from you! 

Montage Portal

Montage Furniture Services provides furniture protection plans and claims processing services to a wide selection of furniture retailers and consumers.

Project Background

Montage was looking to build a new web portal for both Retailers and Consumers, which would integrate with Dynamics CRM and other legacy systems. The portal needed to be multi tenant and support branding and configuration for different Retailers. Trailhead architected the new Montage Platform, including the Portal and all of it’s back end integrations, did the UI/UX and then delivered the new system, along with enhancements to DevOps and processes.

Logistics

We’ve logged countless miles exploring the tech world. In doing so, we gained the experience that enables us to deliver your unique software and systems architecture needs. Our team of seasoned tech vets can provide you with:

Custom App and Software Development

We collaborate with you throughout the entire process because your customized tech should fit your needs, not just those of other clients.

Cloud and Mobile Applications

The modern world demands versatile technology, and this is exactly what your mobile and cloud-based apps will give you.

User Experience and Interface (UX/UI) Design

We want your end users to have optimal experiences with tech that is highly intuitive and responsive.

DevOps

This combination of Agile software development and IT operations provides you with high-quality software at reduced cost, time, and risk.

Trailhead stepped into a challenging project – building our new web architecture and redeveloping our portals at the same time the business was migrating from a legacy system to our new CRM solution. They were able to not only significantly improve our web development architecture but our development and deployment processes as well as the functionality and performance of our portals. The feedback from customers has been overwhelmingly positive. Trailhead has proven themselves to be a valuable partner.

– BOB DOERKSEN, Vice President of Technology Services
at Montage Furniture Services

Technologies Used

When you hit the trails, it is essential to bring appropriate gear. The same holds true for your digital technology needs. That’s why Trailhead builds custom solutions on trusted platforms like .NET, Angular, React, and Xamarin.

Expertise

We partner with businesses who need intuitive custom software, responsive mobile applications, and advanced cloud technologies. And our extensive experience in the tech field allows us to help you map out the right path for all your digital technology needs.

  • Project Management
  • Architecture
  • Web App Development
  • Cloud Development
  • DevOps
  • Process Improvements
  • Legacy System Integration
  • UI Design
  • Manual QA
  • Back end/API/Database development

We partner with businesses who need intuitive custom software, responsive mobile applications, and advanced cloud technologies. And our extensive experience in the tech field allows us to help you map out the right path for all your digital technology needs.

Our Gear Is Packed and We're Excited to Explore with You

Ready to come with us? 

Together, we can map your company’s tech journey and start down the trails. If you’re set to take the first step, simply fill out the contact form. We’ll be in touch – and you’ll have a partner who cares about you and your company. 

We can’t wait to hear from you! 

Thank you for reaching out.

You’ll be getting an email from our team shortly. If you need immediate assistance, please call (616) 371-1037.