
What is ADA compliance?
ADA (short for the Americans with Disabilities Act) is a civil rights law that forbids any type of discrimination against people with disabilities.
ADA compliance means following the civil law that guarantees equal opportunity for disabled individuals in the public spheres of accommodation. In terms of the WEB, it states that all electronic and information technology must be accessible to people with disabilities.
Who should follow ADA requirements?
- Private organizations with 15+ employees
- Restrains and cafeterias
- Retail Stores
- State and local government organizations
- Places of business that are considered a place of public accommodation (e.g. doctor’s offices, theaters, movie theatres and concert halls)
- Organizations that work for the public’s benefit (e.g., public transportation, schools, hotels, banks, accountant offices, law offices, social service centers, gyms, healthcare providers, the United States Postal Service, etc.)
But, even if ADA compliance is not applicable to your organization, it is still worth applying ADA compliance recommendations, which positively affect website usability and can attract more customers.
World Wide Web Consortium (W3C) prepared a set of recommendations for making Web content more accessible, primarily for people with disabilities — but also for all user agents, which was later converted into the industry standard ISO/IEC 40500, also known as WCAG (Web Content Accessibility Guidelines).
The current version is WCAG2.1, but everybody already starts implementing a lot of useful recommendations from 2.2.
https://www.w3.org/TR/WCAG21
The WCAG 2.1 guidelines have a three-tiered grading system:
- Level A: Your website is only accessible to some users
- Level AA: Your website is accessible by almost all users
- Level AAA: Your website is accessible to all users
The Web content guidelines and Success Criteria are organized around the following four principles, which lay the foundation necessary for anyone to access and use Web content.
- Perceivable.
A website’s visitors need to be able to access all elements, regardless of their disability.
Information and user interface components must be presentable to users in ways they can perceive. - Operable.
Every element of a website’s user interface and navigation needs to be operable.
This means that users must be able to operate the interface.
The interface cannot require interaction that a user cannot perform. - Understandable.
Website components need to be easily understood by all visitors.
This means that users must be able to understand the information as well as the operation of the user interface.
The content or operation cannot be beyond the user’s understanding. - Robust.
This means that users must be able to access the content and have the same user experience, no matter how the content is delivered, or user is using assistive technologies.
If any of these are not true, users with disabilities will not be able to use the Web.
Why website should be ADA compliant?
Becoming ADA compliant doesn’t mean only following some standards, it means making your website more accessible and usable for ALL people, which also positively affects the business growth.
However, if your website is not ADA compliant you are at risk of lawsuits, fines, potential public relations problems, and losing customers.
Penalties are often severe. Even a first infraction can cost $55,000-$75,000, and repeat infractions as much as $150,000.
- Plaintiff of the lawsuit gets a minimum of $4k
- Law firm gets all legal fees paid
- Plus a potential ADA fine of up to $75k
To that end, costs can skyrocket depending on annual turnover, and the government may revoke financial support for the federally funded.
At the moment, WCAG 2.1 is the best indication of web accessibility. WCAG 2.1 Level AA and higher compliance would be suggested as good accessibility and protect your business against the lawsuit.
How to make sure your website is ADA Compliant?
You can easily evaluate your website using the following steps, no special preparation is required.
Step1: There are a lot of free online website accessibility audit tools that exist.
Running automation online tools like AccessiBe, Accessi or UserWay, it is possible to identify your website compliance level with just a few clicks.
Step2: According to the Web Content Accessibility Guidelines (WCAG) 2.1 an online store has a series of pages that are used to select and purchase products. To evaluate the accessibility the following pages were visited using the OS – default narration software – the VoiceOver tool and keyboard navigation (without using a mouse!):
1. Open home page
2. Explore all home page elements from header to footer
3. Select a category from navigation
4. Navigate through the category page
5. Select at least 2 filters from the layered navigation
6. Sort the results by Price from low to high
7. Change the view from grid to list or vice versa
8. Navigate to the product page
9. Try to find more info on the product and cycle through the images
10. Change the quantity, and add the product to the cart.
11. Add product to compare
12. Add product to wishlist
13. Add several products to your cart
14. Go to the cart page
15. On a cart page, remove one of the products on a cart page
16. Change the quantity of another product
17. Click “Proceed to checkout”. Log in in the popup window
18. Proceed to the checkout shipping step, enter test address data,
19. Navigate through different shipping methods. Select one and then change to another one.
20. Proceed to the payment step. Try to select different payment methods.
21. Return to the shipping step. Edit shipping information and select another shipping option
22. Proceed to the payment step. Navigate to the “Place Order” button
How to meet ADA compliance standards?
The Agency should apply all accessibility requirements during the development.
Simply, all development and design processes should follow the following rules:
Text Accessibility | Color Contrast
Text Heading
Text size and alignment
Links
|
Digital Assets | Image alt
Video
Audio
Slideshows
|
HTM Compiling | HTML
Forms
Tables
Labeling
|
Navigation | Keyboard support
Navigation Options
Buttons
|
Content |
|
Sometimes merchants or an agency need expert help to achieve specific goals.
If you want to website ADA compliant, the Decima Digital team can help achieve this goal.
We can do:
- ADA Compliance Assessment
- Estimation and Quotation efforts need to meet ADA compliance
- Solution Implementation to meet ADA compliance (Magento, Shopify, WooCommerse)
- Quarterly website validation to make sure the website is still ADA compliant
- ADA Compliance badge
- Work with Agencies to help them support their merchants (whitelabel)
Useful resources
WCAG 2 Standards and Documentation:
- WCAG 2 standards
- Web Content Accessibility Guidelines (WCAG) 2.1
- Interactive Accessibility
- Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text
Online tools
- Web Accessibility Evaluation Tools List
- Accessi
- UserWay
- Wave WebAim
- Accessibility checker
- Accessibility tools for development lifecycle
- Color Contrast for WCAG Compliance
- Accessible
Browser Extensions