Your website looks good, is functional and provides a great user experience. But, can a disabled person use it? Can a visually-impaired person understand what your photos and other non-text aspects of your website are and do? If not, you may need to make some changes or you may receive a letter from lawyers threatening Americans with Disability Act, or ADA, claims.
Case law has been the most helpful in illuminating the implications of the ADA for websites.There have been lawsuits involving companies like Expedia, Hotels.com, Southwest Airlines, and Target as defendants and primarily featuring accessibility organizations as plaintiffs. These cases had mixed results, but each helped clarify the ADA's jurisdiction on the web.
For instance, if you have a video that displays the benefits of your product, but it doesn’t have captions, then people who are deaf or hard of hearing will not get to find out how great your product is. The same goes for when you have images with no alternate text. The point of the alternate text is to allow screen reading tools to describe the image to someone who is blind, so if you don’t have that text, some of your audience will miss out. Similarly, it’s important to ensure your website is fully accessible without a mouse so that people with physical limitations can use it.
The ADA guidelines provide the foundation that organizations need to achieve digital accessibility best approaches, however they are not exhaustive. They do not provide direction for all of the accessibility challenges that people with disabilities face. They also fail to provide detailed technical instructions. With these limitations in mind, there is a ray of hope.
The Department of Justice (DOJ) has specifically stated in rulings that websites should be designed so they are accessible to individuals who have vision, hearing, and physical disabilities. There’s a growing body of case law where the DOJ required companies to provide an ADA compliant website and levied hefty penalties when sites failed to measure up.
In some circumstances, longer and more detailed text will be necessary to convey the same meaningful information that other visitors to the website can see. For example, a map showing the locations of neighborhood branches of a city library needs a tag with much more information in text format. In that instance, where the map conveys the locations of several facilities, add a “longdesc” tag that includes a text equivalent description of each location shown on the map – e.g., “City Center Library, 433 N. Main Street, located on North Main Street between 4th Avenue and 5th Avenue.”
The words in the tag should be more than a description. They should provide a text equivalent of the image. In other words, the tag should include the same meaningful information that other users obtain by looking at the image. In the example of the mayor’s picture, adding an “alt” tag with the words “Photograph of Mayor Jane Smith” provides a meaningful description.