LEVELLING THE ROAD AHEAD:
GUIDELINES FOR THE CREATION OF WWW PAGES
ACCESSIBLE TO BLIND AND VISUALLY HANDICAPPED USERS

Judith M. Dixon, Ph.D.
Consumer Relations Officer
National Library Service for the Blind
and Physically Handicapped

Traditionally, it has been the role of the librarian to locate, select, organize, and disseminate information resources. With the advent of online services, this role is now being extended to include providing information about electronic resources in addition to those in print.

For blind and visually handicapped computer users, the availability of electronic information has presented an even greater opportunity than it has for those who are able to read printed material. Prior to this, only a very limited amount of reading material had been available in an accessible format. In fact, texts, such as large reference works, have never been accessible to visually impaired users. For this reason, blind people are finding the burgeoning online services of numerous public and specialized libraries to be of great interest. Librarians should expect a growing number of people who have heretofore not been part of their library's patron population to avail themselves of the library's online offerings.

The person whose vision is not good enough to allow the reading of a standard computer screen can gain access to a computer system via refreshable braille display, synthetic speech, or large print. If a braille display or speech synthesizer is used, accompanying screen-reading software is also required. Numerous software and hardware options are available for large-print access. For this discussion, the focus will be on issues affecting blind persons who use speech or braille access to a computer. Generally, access issues for large-print users are less complex, and very little, if any, accommodation is required to meet their needs.

With the expansion of the Internet, blind and visually impaired people have been able to directly access a wide variety of information from thousands of online resources. However, with the increasing popularity of the World Wide Web (WWW), unique and sometimes insurmountable obstacles have arisen that, more and more often, are barring this newly acquired access. The World Wide Web (WWW)

The power and flexibility of the World Wide Web lie in its ability to present information in multiple formats (text, audio, video, graphic, etc.). However, the features that provide power and elegance for some users present barriers to others. For example, services that depend solely on graphic images are completely inaccessible to blind users. Careful design and coding of information can alleviate many of these access barriers.

For blind users, some inroads have been made into the use of graphically based access methods, but the current access still permits only a rather cumbersome and restrictive use of graphics browsers like Mosaic and Netscape. A far more straightforward access opportunity is afforded to blind users by text-based browsers such as Lynx. Since actually "viewing" a graphic element is not usually an option for most blind people, the only possible advantages of using a graphical WWW browser are the instant availability of audio playback, an occasional opportunity to move through an inaccessible image that would halt a text-based browser in its tracks, and the possibility of seeking additional information about a graphic image from a sighted person.

It is not just blind and visually handicapped computer users who may have a need for access options. It is essential to remember the wide range of users you are designing for when creating WWW pages at a library. Library patrons who can connect to the WWW typically range from those with high-speed connections, to those with lower-speed modem connections, and even those with no more than text-based telnet access to the Web. Although it may not always be practical to design for those users with the most limited access, it is still a good idea to remember that these users exist and acknowledge them through warning messages or by creating alternate paths.

A WWW document does not need to be limited only to text to be accessible. There are a number of strategies that can be used to allow inclusion of graphics while still maintaining accessibility. Following these simple guidelines for designing and coding accessible WWW documents can make your documents available and more usable to all. It is important to note that implementing these guidelines does not compromise the aesthetics or functionality of the service.

HTML (Hypertext Markup Language)

HTML is the encoding method used for documents or "pages" on the World Wide Web. Within the HTML language, the designer has the ability to create hypertext references to other HTML pages and resources, both locally and elsewhere on the Internet. These resources can be images, motion videos, and sounds in addition to text files. For librarians establishing Web sites, it is important to know how Web documents are structured and how to apply proper design and layout principles to ensure the desired result.

HTML documents are written in plain ASCII text and can be created using any text editor. Web documents are coded, or "marked-up," with tags resembling those produced by some word-processing programs. These tags serve to structure the page by designating heading sizes, paragraph breaks, lists of items, quoted text, and strong or emphasized words, to name a few.

To view a document on the Web, client software called a "browser" is used -- the most commercially popular browsers being designed for graphical environments such as Microsoft Windows, Macintosh, and OS/2. The recent growth of graphical browsers now gives WWW users a variety of choices for viewing Web pages. Although Mosaic and Netscape may be the current browsers of choice for the well-equipped sighted person, many users still connect to the Web with text-only browsers such as Lynx (developed by the University of Kansas). Some of the reasons people use a text-based browser include:

Designers of WWW pages will not have ultimate control over the appearance of their creations. Each Web browser interprets the HTML codes in a slightly different way with variations in spacing, bullet styles, and general adherence to the current HTML standard (version 2.0). The actual font size and type will be under the control of each user and will be further dependent on the capabilities of the WWW browser in use. Therefore, it is important to test each HTML document on a wide variety of browsers prior to placing the document in a production environment.

Page Layout

To enhance accessibility, keep layout simple. Avoid side-by-side presentation. It is possible to simulate a columnar text format within

 (preformat) HTML tags.  Unless otherwise
instructed to do so, screen-reading software for speech
synthesizers and braille displays presents information one entire
line at a time reading across.  Therefore, columnar information
can be very confusing when encountered unexpectedly.
Hypertext Links

When encoding hypertext links within a WWW page, it is helpful to include enough words in the link so that it could stand alone. Users of speech synthesizers or braille displays can choose to read Web pages in two ways: 1) reading all of the text on the page, including the hypertext links; or, 2) reading only the link text. Since the latter is often more efficient, it is helpful when the link text can stand on its own. If a visually impaired user encounters a page where every link reads "click here," "click here," "click here," the page will be somewhat difficult to use. Users of screen-reading software can quickly review highlighted text, so the more descriptive the link, the better.

Inline Images

An inline image is a graphic element that appears along with the text on a Web page. These are encoded in HTML using the tag. For accessible pages, always include an ALT= attribute within the tag for each inline image provided on the page. This tag provides an opportunity to present textual identification or a description of the image for users with text-only browsers, or for those who choose not to load inline images due to performance issues.

The HTML code for such a reference would look like this: Image of Gettysburg Address exhibit poster, featuring a 
portrait of Abraham Lincoln This ALT (alternate text) attribute is an alternative to the graphics and will be displayed in text-only environments. The ALT text can contain entities, e.g., for accented characters or special symbols, but it can't contain markup.

For simple images, such as icons performing the function of bullets, use simple ALT attributes. Using a long text description, e.g., ALT="This is a little blue ball," clutters the screen and doesn't provide useful information. To simplify things, it is advisable to use bulleted lists (the