1. Common Problems and Solutions in Website Accessibility
Let’s look at several common problems and solutions. This is a small sample of relatively basic problems with web design. Resources providing more detailed information on accessible website design are provided at the end of this Chapter.
a. Problem: Images Without Text Equivalents
Blind people, those with low vision, and people with other disabilities that affect their ability to read a computer display often use different technologies so they can access the information displayed on a webpage. Two commonly used technologies are screen readers and refreshable Braille displays. As discussed above, a screen reader is a computer program that speaks the text that appears on the computer display, beginning in the top-left corner. A refreshable Braille display is an electronic device that translates text into Braille characters that can be read by touch. These assistive technologies read text. They cannot translate images into speech or Braille, even if words appear in the images. For example, these technologies cannot interpret a photograph of a stop sign, even if the word “stop” appears in the image.
Because they only read text, screen readers and refreshable Braille displays cannot interpret photographs, charts, color-coded information, or other graphic elements on a webpage. For this reason, a photograph of a mayor on a city’s website is inaccessible to people who use these assistive technologies, and a blind person visiting the website would be unable to tell if the image is a photo, a logo, a map, a chart, artwork, a link to another page, or even a blank page.
Solution: Add a Text Equivalent to Every Image
Adding a line of simple HTML code to provide text for each image and graphic will enable a user with a vision disability to understand what it is. Add a type of HTML tag, such as an “alt” tag for brief amounts of text or a “longdesc” tag for large amounts, to each image and graphic on your agency’s website.
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.
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.”
b. Problem: Documents Are Not Posted In an Accessible Format
State and local governments will often post documents on their websites using Portable Document Format (PDF). But PDF documents, or those in other image based formats, are often not accessible to blind people who use screen readers and people with low vision who use text enlargement programs or different color and font settings to read computer displays.
Solution: Post Documents in a Text-Based Format
Always provide documents in an alternative text-based format, such as HTML or RTF (Rich Text Format), in addition to PDF. Text-based formats are the most compatible with assistive technologies.
c. Problem: Specifying Colors and Font Sizes
Webpage designers often have aesthetic preferences and may want everyone to see their webpages in exactly the same color, size and layout. But because of their disability, many people with low vision do not see webpages the same as other people. Some see only small portions of a computer display at one time. Others cannot see text or images that are too small. Still others can only see website content if it appears in specific colors. For these reasons, many people with low vision use specific color and font settings when they access the Internet – settings that are often very different from those most people use. For example, many people with low vision need to use high contrast settings, such as bold white or yellow letters on a black background. Others need just the opposite – bold black text on a white or yellow background. And, many must use softer, more subtle color combinations.
Users need to be able to manipulate color and font settings in their web browsers and operating systems in order to make pages readable. Some webpages, however, are designed so that changing the color and font settings is impossible.
Solution: Avoid Dictating Colors and Font Settings
Websites should be designed so they can be viewed with the color and font sizes set in users’ web browsers and operating systems. Users with low vision must be able to specify the text and background colors as well as the font sizes needed to see webpage content.
d. Problem: Videos and Other Multimedia Lack Accessible Features
Due to increasing bandwidth and connection speeds, videos and other multimedia are becoming more common on the websites of state and local governments. Today, some government entities use their websites to post training videos for their employees, feature automated slide shows of recent public events, and offer video tours of local attractions.
These and other types of multimedia can present two distinct problems for people with different disabilities. People who are deaf or hard of hearing can generally see the information presented on webpages. But a deaf person or someone who is hard of hearing may not be able to hear the audio track of a video. On the other hand, persons who are blind or have low vision are frequently unable to see the video images but can hear the audio track.
Solution: Include Audio Descriptions and Captions
Videos need to incorporate features that make them accessible to everyone. Provide audio descriptions of images (including changes in setting, gestures, and other details) to make videos accessible to people who are blind or have low vision. Provide text captions synchronized with the video images to make videos and audio tracks accessible to people who are deaf or hard of hearing.
User Comments/Questions
Add Comment/Question