As the field of web design continues to grow rapidly, agencies may need to focus on factors such as Americans with Disabilities Act (ADA) compliance in order to serve their clients. Due to precedent-setting lawsuits in the past few years, taking responsibility for your clientâs ADA compliance online is becoming the hallmark of a professional agency.
Fortunately, there are a number of tools available to help your agency stand out. When you offer professional accessibility services, youâre not only helping more people access your clientâs content, but youâre establishing your agency as having a reputation rooted in professionalism.
In this article, weâll give you an overview of the main accessibility elements your clientâs websites need. Also, youâll get a look at the legal precedent that is shaping this area of web design. Thereâs a lot to cover, so letâs dive right in!
What ADA Compliance Means for Your Digital Agency
The Web Content Accessibility Guidelines (WCAG) were developed in conjunction with the W3C. This means it was a cooperative and global effort to determine accessibility standards. The goal is to make digital content more accessible to people with disabilities.
If youâve dealt with any ADA issues, youâll understand that disabilities are not always visible or easily defined. This has made developing WCAG implementation strategies difficult for many agencies. This is especially true if youâre retroactively cleaning up websites that are far from compliant.
Weâll touch on the legality of compliance later. First, letâs start with a look at what digital accessibility and WCAG means, and what your agency should focus on to build a compliance strategy.
Itâs easiest to break down compliance guidelines into the following âPOURâ acronym:
- Perceivable. A user must be able to identify content via sensory information. This means compliance attends to the fact that not all people can perceive content with the same senses.
- Operable. Compliant web design would mean a user can operate the interface. Specific examples would be a design that is able to be operated with voice commands as well as mouse clicks.
- Understandable. A key element of this principle is that users should not have to relearn the interface. Designing a predictable and understandable website will more likely conform to compliance standards.
- Robust. This principle means that compliance efforts should cover all areas. For example, users should be able to choose from the most appropriate content format for them.
This might seem like a lot to cover. However, by being mindful of these four elements, your agency can begin to develop a winning strategy.
Understanding the Legal Precedent for ADA Compliance
The legal ramifications of non-compliance are murky at best. However, itâs important to know that accessibility-related lawsuits rose 51 percent in the first half of 2019 from the previous year. Letâs look closer at the reasons behind this.
First, there is no federal oversight for keeping digital content compliant. This means individual lawsuits have been a major driver in determining what compliance means. However, the Supreme Court has not yet agreed to take any related cases.
Along with the sheer number of recent cases, there are also some high-profile lawsuits that give an indication of what the legal precedent is becoming. One of the first lawsuits to favor the plaintiff involved an inaccessible Winn-Dixie grocery store website.
Following the case, a number of similar claims were filed in situations where visually impaired users were not able to use websites for their intended purpose. This has helped to solidify the debate over whether websites are protected as âpublic spacesâ under Title III of the ADA.
Additionally, one of the biggest names in entertainment came under fire in 2019. The company responsible for Beyonceâs website was sued for being inaccessible to a visually impaired woman. In all these cases, judgment favored the need for content to comply with WCAG.
The key takeaway for agencies is that you should be developing websites and multimedia content with at least the second level of the WCAG 2.0âs three levels of compliance in mind.
4 Key Elements of Compliance Your Agency Has to Nail
In order to be ADA compliant, youâll need to focus on a couple of key areas of your web designs. The following four design considerations are the best place to start.
1.Tag Headings Appropriately
Another easy way to ensure youâre creating accessible websites and documents is to use appropriate headings. This means you should be using the pre-formatted heading tools in your text editor. The WordPress Block Editor actually makes this a snap with the Heading Block:
Itâs important to note that just making your font larger and bolder does not mean a screen reader will see it as a heading. Properly formatted headings, both visually and in your site code, tell assistive devices what the hierarchy of the page content is. This is very important for usability and comprehension.
2. Apply Color Contrast Minimums
Using the appropriate color contrasts on your website is one way you can tackle a common problem area. This standard applies to text or images of text, with a couple of exceptions. The WCAGs second tier (âAA standardâ) requires a minimum contrast ratio of 4.5:1.
If youâre not meeting the contrast standards, your content may not be discernible by users with low-vision impairments, color blindness, or age-related vision loss. You can check your contrast with a free tool on the WebAim website, or give your agency a complete solution such as accessiBe, which weâll explore later.
3. Include âAlt Textâ on All Your Images
Adding alternative text or âalt textâ to your images is a step that should be a standard part of your design process. Additionally, if youâre training your clients on how to use their new website, itâs important to include a lesson on how to add alt text to images.
In WordPress, you have several opportunities to access the alt text field. The easiest way is likely after you place your image in a post or page â you can add the alt text on the right side of the screen if youâve clicked the image:
The alt text will now be attached to the image and provide information to a visually impaired person if they view your website with a screen reader or other assistive device.
4. Provide Captioning on Videos
It might seem time-consuming, even if you outsource the work, but having your media elements captioned is part of meeting WCAG requirements. Captioning prerecorded video content is actually a requirement of the lowest compliance level while providing synchronized captioning of live video is required at the highest.
One element of captioning that most developers overlook is the need for audio description. This is essentially narration that adds verbal descriptions to the media item. There have been quite a few lawsuits regarding audio description. For example, after being sued and losing, Netflix is now considered a model for implementing an audio description.
How to Get Started With Professional ADA Compliance Tools
Once you have a couple of specific areas of your web development workflow to focus on, we recommend investigating what kinds of tools might be helpful. As an agency, itâs vital that you take responsibility for achieving compliance for your clients.
WordPress itself has established an accessibility workgroup. This group has set rules that require all new code to be WCAG 2.0 AA compliant before being added permanently to WordPressâ core. Outside of following the work of this group, you can also look for templates that enable full control over styling.
This control can help you meet some of the text and color standards we mentioned previously. However, if you want to provide a full-service option to your clients, you should be looking at adding a solution like accessiBe to your toolbox:
This is a web accessibility tool powered by Artificial Intelligence (AI). Not only is it an affordable option for agencies, but there are also other exceptional features, including:
- A hands-off approach after itâs deployed.
- Compliance within 48 hours of implementation.
- Continuous, automated remediation so you donât have to worry about new content uploads.
When you add accessiBe to your websites, it will crawl your content and provide your clientsâ users with a control panel to help them add layers of accessibility to your site as they need it. For the price of $490 per year, itâs a no-brainer for ADA compliance â and peace of mind for your clients.
Conclusion
Understanding the structure of WCAG and its different levels of compliance should be helpful as you decide your agencyâs accessibility strategy. It might seem overwhelming at first, but many of these standards also have surprising benefits for all your site users.
In order to keep accessibility in mind while working with clients, donât forget to apply these four core WCAG standards, including:
- Headings: Tag all documents and web page headings appropriately.
- Contrast: Apply and check color contrasts to be sure they meet the minimum standards.
- Alternative Text: Include âalt textâ on all webpage images.
- Captions: Provide captioning and transcripts on all videos and presentations.
While your company may be working to implement development strategies that focus on making content more accessible, itâs understandable that it can take time. Products like accessiBe make it easier to cover gaps that may exist between your current level of compliance and your aspirational goals for implementing WCAG standards.
Do you have questions about how to apply ADA compliance to your projects? Share your thoughts with us in the comments section below!