Website Accessibility Compliance Intro
Background to the ADA, WCAG and Website Accessibility Compliance
The Americans with Disabilities Act via Title III requires that all "public accommodations" (retailers, doctors, malls, restaurants, hotels, and ski resorts) provide facilities and equipment that are readily accessible to, and usable by, people with disabilities. Through litigation, proponents have worked to extend access from the physical world to websites and mobile apps.
The de facto standard recognized commonly across the world and here in the US is the Web Content Accessibility Guidelines (WCAG). The guidelines come in three degrees (A, AA, AAA). The current version is WCAG 2.1 which ads only 17 additional criteria, so this is what is commonly recommended. As of 2020, we are seeing legal complaints citing WCAG 2.1.
WCAG Website Compliance
The standards break down to 4 basic principles: Perceivable, Operable, Understandable, Robust. The following overview includes limited examples for the sake of providing an "overview". Refer to the WCAG 2.1 for all details.
Perceivable - Information and user interface components must be presentable to users in ways they can perceive.
This means that users must be able to perceive the information being presented (it can't be invisible to all of their senses)
- Provide text alternatives for non-text content.
- Provide captions and other alternatives for multimedia.
- Create content that can be presented in different ways, including by assistive technologies, without losing meaning.
- Make it easier for users to see and hear content.
Operable - User interface components and navigation must be operable.
This means that users must be able to operate the interface (the interface cannot require interaction that a user cannot perform)
- Make all functionality available from a keyboard.
- Give users enough time to read and use content.
- Do not use content that causes seizures.
- Help users navigate and find content.
Understandable - Information and the operation of user interface must be understandable.
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 their understanding)
- Make text readable and understandable.
- Make content appear and operate in predictable ways.
- Help users avoid and correct mistakes.
Robust - Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.
This means that users must be able to access the content as technologies advance (as technologies and user agents evolve, the content should remain accessible)
- Maximize compatibility with current and future user tools.
WCAG Levels for ADA Compliance
"Conformance Level: One of the following levels of conformance is met in full.
- Level A: For Level A conformance (the minimum level of conformance), the Web page satisfies all the Level A Success Criteria, or a conforming alternate version is provided.
- Level AA: For Level AA conformance, the Web page satisfies all the Level A and Level AA Success Criteria, or a Level AA conforming alternate version is provided.
- Level AAA: For Level AAA conformance, the Web page satisfies all the Level A, Level AA and Level AAA Success Criteria, or a Level AAA conforming alternate version is provided.
Note : In practice, level AAA is not a requirement. They are best practices that should be adopted when possible.
Steps to Make Your Website ADA Compliant
Step One : Automated + Manual Website Audit
The path to digital accessibility begins with a 3-step audit that combines the results of automated, manual, and assistive technologies into one comprehensive audit. Unless you cannot afford all three steps, avoid the temptation to only conduct an automated audit. Even the best can only detect ~30% of WCAG issues, because these issues are nuanced and interpretive. The best practice adds manual and assistive technology testing (screen readers, etc) of unique pages/templates to capture the other 70% of issues. The quality and depth of the reporting is important also, and you should expect reporting to not only identify issue, but should also provide the remediation guidance to fix each. This is what we do, and we even include relevant screen-shots. Quality reporting at this level will greatly reduce the number of false positives, and well written remediation guidance will greatly reduce the time/cost impact on the remediation team. Learn more about our WCAG auditing services.
Step Two : WCAG Website Remediation
The first question is who should do this work. Should you rely on your existing developmant team vs outsourcing to a credible website remediation company. The answer is largely one of resources, time, and risk tolerance (here is an article that answers the question in greater depth).
The process begins with segmenting the audit results based on task category and then severity or priority. In our reporting, we indicate the severity of each item and then assign a priority level to guide project management. Issues then fall into three category buckets: design, content, development.
Design issues will include items such as color, contrast, size, spacing, and page structure.
Content issues will include items that can be addressed through the CMS. These would include items such as image labels (alt tags), or the structure of headings (H1, H2, H3, etc). The content team would also handle captioning video content. Content remediation is not technical but tedious and makes good work for interns.
508 & ADA Testing & Remediation: What to Avoid
Also be sure to avoid alternate “accessible website tactics. This approach fails the separate but equal mandate of the ADA, as such sites are never equal in practice.
Final Thoughts on Web Accessibilty
If you only remember one thing from this post… automated solutions can only detect 30% of WCAG issues. For those with limited budgets, starting with automated as a phase one will address most easy low-hanging fruit items. If the primary goal is to avoid legal issues, consider that trolling law firms are only using automated tools themselves, so as long as you're using better automated tools, you can gain some protection. However for actual accessibility for those many with disabilities - and a growing boomer generation with bad eyes and shakey hands - you must follow the full 3-step process.
Good luck and let us help.