The U.S. Department of Justice (DOJ) has set the implementation of the Americans with Disabilities Act (ADA) Web Content Accessibility Guidelines (WCAG) 2.0 to go into effect in 2018. With less than a year left until the enforcement begins, businesses are looking at ways to make their sites WCAG website compliant. If you’re already planning to update your existing website — or build a new one — be sure that these guidelines are implemented in the design.
The ADA requires that “places of public accommodation” (essentially organizations open to the public) must be accessible to disabled persons. This also means that the online presence of these businesses need to comply. Business and institutions affected by this law include:
1. Financial institutions 7. Restaurants
2. Retail stores 8. Parks and Recreation
3. Hotels 9. Daycare centers4. Theaters 10. Private schools
5. Medical offices 11. Museums and Libraries
6. Pharmaceuticals 12. Higher education
In order to meet the needs of different groups and different situations, WCAG 2.0 guidelines are categorized into three levels of conformance: A (lowest), AA (mid-range), and AAA (highest). Conformance at higher levels indicates conformance at lower levels. (For example, by conforming to AA, a Web page meets both the A and AA conformance levels.)
Level A sets a minimum standard of accessibility and does not achieve broad accessibility for many situations. For this reason, UC recommends AA conformance for all Web-based information.
But in this blog, let’s look at for the lowest (Level A) compliance. We’ve compiled an overview of some of the minimum requirements for Level A compliance.
Click here to download the entire WCAG 2.0 Checklist for ADA Compliance
You must provide true alternatives to any image-based content, as many users browse websites with images turned off. In order to comply, you will need to add descriptive alternative text (alt text) to all your images, audio, and video — and a name to all controls (like ‘Submit’ or ‘Search’).
A website cannot use a presentation that relies solely on color. Many people are color-blind, and if you don’t use color correctly people will struggle to understand your website. For text on the site, you need to make sure there is a high enough level of contrast between background colors and text colors.
There are online tools available for checking color combinations to see if they are compliant, or if you are working with a web shop they should be able to tell you if you are compliant. You should not rely on color alone for graphics including charts, graphs, or instructions.
The ability for users to navigate your website without a mouse is essential for compliance. Users with motor impairment usually need keyboard accessibility to easily navigate a website. A clean and professional CSS or HTML website will offer keyboard accessibility; making an investment in professional web design can help your business.
Scrolling and blinking content can be hard to focus on because of the movement, especially for those with concentration or reading complications. To comply, you must include options to pause, stop, or hide content that is not completely still.
Some exceptions to this guideline include:
“Skip to Content” links are needed to comply with this requirement. Providing a way for users to bypass parts of each page helps those with screen readers to skip repetitive content.
Some exceptions to this guideline include:
Yes, there’s a lot to know about WCAG 2.0 compliance for web design, and we’ve only just scratched the surface. We will be addressing the other levels of compliance in additional blogs in this series. But, if you’re feeling overwhelmed by the looming deadline, connect with us and let’s set up a time to talk. We are a web design and inbound marketing agency that has loads of experience working with compliant websites.