Making your Website ADA Compliant
By Travis Saxton, vice president of technology
More businesses are using their websites as a digital storefront, where they conduct business. Government agencies and programs are starting to push their content online, and this has created a problem for Americans with Disabilities. Under Title II of the Americans with Disabilities Act (ADA) , website accessibility falls under the nondiscrimination requirements.
So what does that mean? The truth is that many of your business practices may need to change. Many American’s with disabilities use assertive technologies to read webpages. This may include text-to-voice, Braille interpretation devices, text enlargers and more. These devices all rely on the ability to interpret the text to be effective. Search engines operate mostly in this fashion as well. So , if Americans with disabilities can’t read the text, neither can Google Crawlers, so it’s in everyone’s best interest to make your site ADA Compliant. Here are the common areas i which websites fall short: images, PDFs, videos, navigation and buttons, iFrames, widgets and embedding content.
Images – This is one of the most commonly overlooked areas in general. Images cannot be read by assistive technologies and search engines of they aren’t properly loaded into the site. Most content management systems, like WordPress, allow you to name the image and add alt text and captions below the image. So, be careful when loading images straight from a camera or SD card that are labeled DSC12345.jpg.
For example, when loading the REAL Trends Logo, the name of the file is REAL Trends Logo.JPG and the alt text would be “REAL Trends Logo – The Trusted Source.” If you want to add a caption, common for photos, not logos, here is an example. If you are uploading a photo of an annual gala, you can caption it “party goers taking in the annual gala.” If you label the images properly, it will help with SEO.
PDFs – Reports produced in PDF format are usually uploaded to your website as a link for people to real. The problem is that most PDFs are unreadable to the assistive devices and search engines. It’s best to load the content onto web pages as stories and break them out into a navigable section of your website.
Videos – Typically, videos are hosted on a hosting platform, such as YouTube or Vimeo, and embedded on your website. While this is easy, it doesn’t take into consideration those who can’t see or hear. It doesn’t give them the context they may need to digest your content. Two ways you can overcome this is to use a tool that naturally embeds the video with full descriptions or write a caption below the video describing what is covered.
Navigation and Buttons – Many times, these are uploaded images, so without proper labeling, assistive devices can’t navigate or read these buttons. Your menu should be ADA compliant, but if you use a lot of buttons or images to navigate your site, you may need to re-evaluate those practices or label properly.
iFrames, Widgets, Embedded Content – This type of content is usually embedded on your site to add value and keep the visitor engaged. It is also used to prevent a reader from leaving the page. Some iFrames, widgets and embedded content are not meant to be read by search engines. The problem is assistive devices can’t read that content either. So, provide a link to the original content in addition to embedding it.
This article originally appeared in the October 2016 issue of the REAL Trends Newsletter is reprinted with permission of REAL Trends, Inc. Copyright 2016
The Minnesota REALTORS® is the largest professional trade association in the state with more than 17,000 members who are active in all aspects of the real estate industry.