As agencies rush to embrace the web and other Internet technologies (such as e-mail) as an efficient and innovative way of communicating with the public and their employees, they must be careful to consider the needs of those who are potentially left behind, including people with disabilities. Users with disabilities are potentially the greatest beneficiaries of this information revolution. For instance, a blind user may be able to independently retrieve and fill out important government forms, apply for services, or obtain information as quickly and easily as other users, if web pages are designed with accessibility in mind.
Designing accessible web pages is easy. The Access Board’s Section 508 Standards for accessible web design are an enforceable set of rules that, when followed, provides accessibility for users with disabilities without disturbing the creative "look and feel" of web pages.1
During the first self-evaluation and reporting cycle in 1999-2000, agencies evaluated the strengths and weaknesses of their web pages and reported on strategies that they used to make their web sites more accessible. The responses reflected a panoramic view of how different agencies – some with only 5 employees and others with hundreds of thousands – met the challenge of accessibility. The data from the 2001 survey indicate that agencies continue to make progress in the area of web accessibility. Although the standards developed by the Access Board were published less than a year ago and tools for accessible web design are only starting to emerge on the market, agencies have incorporated accessible design features into their web pages.
The following discussion tracks the Department’s survey and is divided into two separate sections:
Policies and Procedures: One portion of the 2001 survey asked the agencies to evaluate policies and procedures pertaining to agency practices for web pages across the entire agency or large portions of the agency. The first section of the following discussion summarizes the Department’s findings and recommendations based on this portion of the survey.
Surveys of Popular Web Pages: A separate section of the 2001 survey asked the agencies to evaluate the 20 most popular web pages at the component level. This section closely tracks the Access Board’s technical provisions for web page accessibility developed by the Access Board, 36 C.F.R. § 1194.22, the regulatory provisions that apply to new federal agency web pages under section 508.2
Where appropriate, the Department’s findings are based on statistics derived from the agency submissions. For the first section (Policies and Procedures, pp. 2-18), the Department’s findings are based solely on the number of agencies answering each portion of the survey. See also Data Tables re: Web Policies and Procedures, Appendix II-B. By contrast, the second portion of the report (Surveys of Popular Web Pages, pp. 18-63) uses both the absolute data from the components, as well as data “weighted” by the popularity – or number of “hits”– for each web page. This weighted data is important because it reflects patterns of how agency web pages affect visitors based on actual usage. See also Data Tables re: Surveys of Popular Web Pages (Arranged by Agency Size), Appendix II-C.
Each subsection within sections A and B starts with a summary of the Department’s findings and recommendations, followed by a discussion of the survey data and other information supporting these findings and recommendations. Where appropriate, tips or other recommendations are also summarized and discussed.
|
Findings _____________________________________________________________________
|
The Department asked two questions relating to the amount of direct control agencies exercise over the design and maintenance of their web sites. The greater control, the easier it is for agencies to update their policies and procedures to reflect section 508's requirements.
First, the Department asked, “Does your agency maintain a web site?” (Agency Question C-1)3
|
Findings
_____________________________________________________________________
_____________________________________________________________________
|
Web accessibility does not just happen. The steps needed for achieving web accessibility (such as using “alt tags” for all graphical images, see Accessibility of Non-Text Elements [Web Question 5], below), must be integrated into agencies’ web guidelines and style manuals.
The Department asked, “Has your agency established web accessibility guidelines to ensure that your web pages – Internet and intranet – are accessible to people with disabilities?” (Agency Question C-3).
|
Section 508 Sparks Review of Web Design for Usability
Many agencies reported that section 508 compelled them to take a closer look at whether their existing web sites were well-designed and easy to use. For example, the Forest Service redesigned its web site, both in order to meet the goals of the Rehabilitation Act and to make the site more user-friendly and informative to all visitors. |
All agencies should recognize that compliance with section 508 is as important to their Internet planning as security and capacity issues and should develop agency-wide web accessibility guidelines to ensure that agency web pages are accessible to people with disabilities. Such guidelines are important for agencies because the Internet provides an increasingly visible picture of agency programs and activities and means of providing important agency services. Because it is easy for web developers to inadvertently create content that is inaccessible to people with disabilities, web accessibility guidelines should be one of the most important areas for content guidelines. Agency-wide guidelines for web content also significantly “reduce the learning curve” by reducing a complicated set of requirements down to short and simple rules for all web developers to follow. The large majority of agencies have already developed such guidelines or have plans to do so in the near future, indicating that most agencies consider this task important and manageable. The few agencies that have not taken this simple step should do so.
Agencies have widely varying levels of expertise in the area of accessible web site design. Within the federal government, the number of experts in accessible web design are relatively few, but the need for consistent information about accessible web design is vast. This need is particularly great among those agencies with few employees with disabilities, because such agencies may have few internal resources to turn to when developing internal guidelines.
While it is important for web developers to understand the needs of users with disabilities, it is impractical to expect agency personnel to become experts in using assistive technologies such as screen readers. As a general rule, screen readers are software products that are not easy to use or learn. Experienced users with disabilities usually use a screen reader much more quickly and reliably than users without disabilities. Also, inconsistencies between different screen reader packages further complicate the difficulties of learning how to use them.
To eliminate these problems, the Access Board, General Services Administration, Department of Education, and the Department of Justice have collaborated to develop technical assistance materials, including an extensive technical assistance guide to help web developers understand how to implement the section 508 standards. The Access Board, Department of Education, and Department of Justice, have conducted numerous workshops for federal agencies on accessible web design. The Access Board also provides technical assistance on the section 508 standards by phone, fax, and e-mail on a daily basis. All of these laudable efforts are to be encouraged and continued. The General Services Administration has done an excellent job of collecting this information and their section508.gov site serves as a central repository for this information. In addition, because most web developers use “web authoring tools” to develop web pages, this site includes links to the websites of manufacturers of popular web authoring tools and other resources that may provide additional information on using these products in a way that maximizes accessibility for persons with disabilities. All of the aforementioned agencies should continue to work with the General Services Administration to enhance this valuable resource.
|
Findings
_____________________________________________________________________
|
It is not enough for agencies to establish web accessibility guidelines. Agencies must establish procedures to ensure that web masters and others responsible for web content and presentation are following these guidelines. Some agencies may wish to institute a system of monitoring or testing newly-created or modified web pages. Others may want to develop “checklists” so that those responsible for web development have an easy tool to monitor their own compliance with agency web guidelines.
The Department asked, “Do you have procedures in place to ensure that your accessibility guidelines are followed by people who have responsibility for the content of your web site?” (Agency Question C-4)
|
Findings
_____________________________________________________________________
_____________________________________________________________________
|
As discussed below (see pages 43-53), agencies’ self-evaluations of specific web pages indicate that emerging technologies, such as plug-ins, scripts, and applets, create many of the serious accessibility problems on federal agency web pages. While some of these technologies are currently inaccessible, they continue to be popular because they add interest to agencies’ web pages. Other technologies can be used to create accessible or inaccessible web pages, depending on how they are used. Agencies that use these technologies should incorporate appropriate guidance into their web accessibility guidelines and implementing procedures.
The Department asked, “If you have established web accessibility guidelines, please indicate which, if any, of the following topics are addressed by those guidelines (check as many as apply):” (Agency Question C-5)
In some instances, agencies selected more than one response. The numbers below reflect the total number of responses within each agency category.
While many agencies have accessibility guidelines, relatively few address the accessibility of advanced web page design issues, such as plug-in technologies, Java applets, scripts, or non-HTML file formats, the most popular of which is Adobe Acrobat’s Portable Document Format (pdf). Agencies should use the growing library of information that is available from industry to maximize the accessibility of web pages created using these technologies and incorporate relevant information into their web accessibility guidelines and implementation procedures.
|
Findings
_____________________________________________________________________
|
Web developers without disabilities often have a difficult time understanding how their pages appear to users with disabilities, such as people who are blind and who use screen readers. One way to roughly simulate a blind user’s experience is to view the page through a text-only browser, such as the public domain browser “Lynx.” This step will give the viewer a basic indication of what text information would be conveyed to someone using a screen reader.
Most text-only browsers do not contain many of the same features as the latest versions of screen readers, however. For instance, text-only browsers generally cannot support scripting, which is commonly used to make web pages dynamic or interactive. Text-only browsers usually have trouble with web content beyond basic HTML, such as plugs-ins, which are specifically created to work with the most popular graphical browsers. Finally, some text-only browsers have difficulty with complex layouts, such as tables, in a document.
While viewing web pages through a text-only browser prior to posting is not a perfect indicator of whether the pages are accessible to people with disabilities, it is an easy way to double check some important accessibility features. For instance, it allows a web master to check whether all graphical elements have text associated with them and whether the text is sufficiently descriptive so as to be meaningful even when the graphics cannot be viewed.
Tip
|
The Department asked, “Does your agency have a policy requiring that prior to posting, web pages are "tested" using text-only browsers – such as the public domain “Lynx” browser – commonly used by people with disabilities?” (Agency Question C-6)
|
Finding
_____________________________________________________________________
|
The most effective way to determine whether a web page is accessible to people with disabilities is to involve them in the testing process. The Department asked, “Does your agency have a policy requiring that prior to posting, web pages are “tested” using screen readers or other assistive technologies commonly used by people with disabilities?” (Agency Question C-7).5
Tips
|
Most agencies do not uniformly test their web pages with screen readers or other assistive technologies prior to posting. Many of these agencies, however, have indicated that they have established a timetable for performing such testing. When agencies develop such procedures, they should, within agency constraints, enlist people with disabilities who are thoroughly familiar with assistive technologies to do the testing. It is very difficult to learn how to use screen readers and other types of assistive technologies properly. Accordingly, it is generally not advised for a non-disabled person who is unfamiliar with assistive technology to use this technology as an evaluation mechanism. For this reason, many agencies may decide to institute policies of periodic “spot-testing” of randomly selected web pages by experienced screen-reader users prior to posting, rather than having a screen reader user evaluate each and every new web page.
|
Findings
_____________________________________________________________________
Recommendations
|
The Access Board’s section 508 web accessibility provisions, 36 C.F.R. § 1194.22, ensure a minimal level of accessibility for people with disabilities. There are many additional steps agencies can take to optimize a web site’s appearance or performance for people with disabilities. If agencies go beyond what is required by strict adherence to the Access Board’s Standards, they should communicate the availability of advanced web accessibility features to web page visitors.
The Department asked, “Does your agency provide clear and detailed information or options for improving the accessibility of your web sites for persons with disabilities?” (Agency Question C-8). A few agencies provide clear and detailed information or options for improving the accessibility of their web sites on all component-level home pages and on their agency-wide home page. This includes 4 of 18 large agencies (22.22% *); 6 of 20 mid-sized agencies (30.00% *); 2 of 21 small agencies (9.52% *); and 1 of 16 very small agencies (6.25% *).
While Agency Question C-8 was intended to help identify agencies that have used innovative technologies to deliver enhanced web page accessibility to people with disabilities, many agencies interpreted it to address communication of web accessibility remediation efforts. The wide variation in responses may be due to Agency Question C-8's ambiguity.
|
Findings
_____________________________________________________________________
_____________________________________________________________________
|
To limit the possibility that these addresses will not be used by members of the public as general information “help” contacts, thus overwhelming agency webmasters with questions far beyond their responsibilities, agencies are encouraged to use language that is sufficiently tailored to elicit disability-related concerns. An “accessibility information” link on the Department of Justice’s own home page tells readers:
| If you have a disability and the format of any material on our website interferes with your ability to access some information contained on our site, please email the Department of Justice webmaster at webmaster@usdoj.gov. The webmaster will refer your request to the appropriate Department component. The component will respond promptly to you by providing you with an alternate format of the requested material. To enable us to respond in a manner that will be of most help to you, please indicate the nature of the accessibility problem, your preferred format (electronic format (ASCII, etc.), standard print, large print, etc.), the web address of the requested material, and your full contact information so we can reach you if questions arise while fulfilling your request. |
http://www.usdoj.gov/01whatsnew/accessibility_info.htm
The Department asked, “Has your agency designated and advertised an e-mail address to allow people with disabilities to inform you of accessibility problems encountered on your web site?” (Agency Question C-9)
While all agencies should post such e-mail addresses on their web sites, they do not have to post it on every such page. For instance, it may not be necessary to provide this information on all component home pages. Because agencies have differing levels of control over how their components develop their web pages, agencies should have some discretion in how this information is provided. For instance, an agency with a single portal-style web site that maintains tight control over the presentation of web content developed by all of its components may find it sufficient to provide the e-mail address only on the portal’s home page. By contrast, a large organization with many autonomous components may find that it must post the information on each of its components’ home pages, in order for people with disabilities to find it.
Communication between agencies and end users about accessibility, however, should be a two-way process. Agencies may reduce much of the frustration felt by users (and potentially many complaints), if they post information describing their plans for revising their web pages to improve accessibility for people with disabilities. Agencies should be as forthcoming as possible with their plans for improving the accessibility of their services. This simple step helps users with disabilities develop reasonable expectations and offers them a chance to provide input into an agency’s priorities. Increased input from the disability community may assist agencies in assigning priorities to their remediation efforts.
The first four questions (Web Questions 1-4) solicit background information and methodology.
In accessing a web site, someone who operates a computer uses browser software (e.g., Internet Explorer, Netscape Navigator) that receives specially encoded web pages and processes them to be viewable on a computer screen. To receive information from a federal agency’s web site, the user's computer makes a request over the Internet to an agency computer called a web server, which responds to the request by sending the encoded web page back to the user. The user's browser makes the web page viewable on a computer monitor or other device. To make sure that the correct web page is requested, each web page has a unique identifier, much like a specific telephone number. Like a telephone number, the web page identifier follows a standard protocol – in the case of web pages, a Uniform Resource Locator (URL) or the Uniform Resource Identifier (URI). The URL or URI is usually displayed at the top of the browser software each time a web page is accessed. For instance, almost all federal agencies maintain a home page. Typing in the URL for this page will take the user to the agency's home page.
Example II-1:Typing in http://www.usdoj.gov will take you to the U.S. Department of Justice's home page.9
In addition to a home page, agencies will maintain many other pages identified by different URL's.
Example II-2: Typing in http://www.usdoj.gov/crt/508/index.html will take you to the U.S. Department of Justice's section 508 web page.
To identify precisely the web pages that components evaluated, the Department asked, “What is the URL/URI of the web page?” (Web Question 1).
In addition to knowing the identity of each of the page components surveyed, the Department tried to determine the nature of those pages. The Department asked, “What is the best description for the purpose of the page?” (Web Question 2). Components were asked to select the most appropriate description of each page, from a list of categories. The Department used this information to identify strengths and weaknesses in the accessibility of different types of federal web pages.
Of the 5,600 web pages evaluated by the agencies, the total number of web pages in each of these categories is as follows:
Another distinction between categories of web pages is whether they are deployed on components’ or agencies’ intranet pages, on the Internet, or both. In general, intranet web pages can only be accessed from computers within an agency. Intranet web pages allow agencies to distribute information to their employees without disseminating this information publicly. Agencies commonly use intranet pages for making job announcements or to provide other information that may affect an employee’s ability to perform his or her job. By contrast, Internet pages can be accessed from any computer, including a computer outside the agency.10 Simply because a web page is part of the agency’s intranet (and thus inaccessible to the public) does not mean that the web page is not frequently accessed. For instance, many agencies now use web-distributed applications, which are computer programs that use a web-based interface. For instance, an agency may choose to use a computer program to let a large number of clerks collect information submitted on paper forms from the public in an agency database. To simplify this process, the agency may choose to deploy a web-based application over the agency’s intranet. In that case, employees at the agency may input information into the database through their web-browser. The advantage of this approach is that special software does not have to be installed on each individual workstation computer. The accessibility of the web-based application may directly affect an employee’s ability to perform his or her job.
In order to determine whether web accessibility barriers are more likely to affect federal employees or members of the public, the Department had to determine the intended audience for the surveyed web pages. The Department asked, “Is the page available on the Internet, an agency Intranet, or some combination?” (Web Question 3).
Of the 5,600 web pages evaluated by the agencies, the total number of web pages in each of these categories is as follows:
Finally, the Department sought to compare the impact of different kinds of web accessibility barriers by determining the relative popularity of the pages containing those barriers. The Department asked, “On a weekly basis, how many times (approximately) is this page accessed by users?” (Web Question 4). The number of hits for each web page can identify its relative popularity. The data reflect that the 5,600 surveyed web pages accounted for a total of 211,257,848 weekly hits, with the number of weekly hits for any individual web page ranging from 1 hit to 58,000,000 hits.11
To understand the Access Board’s web-related technical provisions and, consequently, the Department’s 2001 web accessibility questions, it is helpful to have a basic understanding of HTML (HyperText Markup Language). As noted above, the user’s browser interprets specially coded web pages and displays the content on the computer's screen. The page itself is generally coded in HTML, which is simply a standard way of representing the format and content of all information (other than text) on a web page with regular keyboard characters. 12 HTML is often referred to as a “tag-based language,” because a web designer uses "tags" to determine the format or appearance of web page contents, such as boldface font, text aligned into tables, or images (which are separate computer files) inserted at specific locations on a web page. Generally, “tags” refer to a broad category of functions and must be used in conjunction with tag “attributes” that specify the exact features of the tag or page content affected by the tag. For instance, the <FONT> tag lets a user specify a special typeface for text in a web page:
<FONT face=”Time New Roman”>Time New Roman text</FONT>
In this example, the opening <FONT> and closing </FONT> tags specify that all text appearing in them will appear in a specific typeface. The word “face” is a tag “attribute”— in this case, it indicates that the <FONT> tag will be used for setting font to Time New Roman typeface. Together, the different combinations of “tags” and “attributes” comprise HTML. Although HTML is not complicated, many web designers use authoring tools (e.g., Microsoft FrontPage, Macromedia DreamWeaver, etc.) to facilitate rapid web page development. Using one of these programs lets web designers quickly write HTML pages that include carefully aligned graphics and consistent font selection.13 In the analysis below, a discussion of basic HTML is included to assist the reader in understanding each question and the basic design principles needed for accessibility.14
The remaining questions (Web Questions 5-25) solicit information regarding specific accessibility features of agency web pages.
|
Findings
_____________________________________________________________________
_____________________________________________________________________
|
Section 1194.22(a) of the Access Board’s Standards provides, “A text equivalent for every non-text element shall be provided (e.g., via 'alt', 'longdesc', or in element content).” 36 C.F.R. §1194.22(a)
Screen readers and other assistive technology devices usually require web page content to have underlying text in order to be accessible to persons with disabilities. For instance, screen readers, which read aloud the contents of a web page, and Braille displays, that convert the text on a web page into line-by-line Braille, both require a text-based output. Non-text elements, such as images and pictures, do not have “built-in” textual description. For instance, a picture of a Matisse painting on an agency web site does not, by itself, include a textual description of its image. Moreover, non-text elements are extremely pervasive in web site design, as web developers take advantage of carefully designed graphics for buttons, logos, and agency seals.15
Solving this major accessibility problem is extremely easy even for novice web developers. Furthermore, adding text to non-text elements can be done in a way that will not affect the “look and feel” of a web site. To give some idea of the simplicity of creating such alternative text, consider a web page that includes an image, such as the image of the Department of Justice’s seal shown in Example II-3.
To incorporate this image into a web page, the web designer uses a “tag” that creates a link to a separate computer file that actually stores the image.
<IMG SRC=”dojseal.jpg” border=0>
Rewriting this tag to include alternative text involves nothing more than simply adding the boldfaced language:
<IMG SRC=”dojseal.jpg” border=0 ALT=”Department of Justice Seal”>
This simple change is all that is required to make this image understandable to persons using screen readers or Braille displays. A person who is blind using a screen reader would then encounter the words, “Department of Justice Seal” and would know that the graphic was the Department seal instead of a map of the United States or other graphical content.
Tip
|
The Department asked, “Does each non-text element on the page have a text equivalent via “alt” (alternative text attribute) or does the page otherwise include a meaningful description of the non-text element in the text accompanying the non-text element?”
Both the weighted and unweighted data indicate that the lack of meaningful text labels for non-text elements appears more frequently on Internet pages than intranet pages.16 Because non-text images that are posted without alternative text pose one of the biggest, but most easily resolved, problems for users with disabilities, agencies should assign a high priority to correct this deficiency wherever it occurs.
|
Findings
_____________________________________________________________________
_____________________________________________________________________
|
As the Internet continues to evolve, web page content continues to change from basic HTML (for laying out and formatting text) to content including multimedia technologies. These new technologies allow web designers to include presentations, short movies, or other content with synchronized audio and video tracks. By definition, multimedia presentations require the use of more than one sense for a complete experience of the page. While multimedia content may make web pages more interesting for people without disabilities, people with disabilities affecting one of the requisite senses face new barriers to understanding a page's content.
Section 1194.22(b) of the Access Board’s regulation provides, “Equivalent alternatives for any multimedia presentation shall be synchronized with the presentation.” For instance, if a multimedia presentation includes a narrator describing an event, it is not necessary to include as an audio description, "The narrator is wearing a blue sweater and brown pants,” as this information is not essential to understanding the content of the presentation. By contrast, if a multimedia presentation demonstrates the assembly of a mechanical device and the narrator states, “before turning the transverse bolt one-quarter turn counterclockwise, make sure that the axial screw is not loose,” the video demonstration of a user first checking the tightness of the axial screw before loosening the transverse bolt one-quarter turn would likely require an audio description in order to understand the meaning of the presentation. 17 Such audio descriptions are usually selectable, so that a non-disabled user can choose not to turn them on.
To ensure that multimedia presentations are accessible to users who are deaf or hard of hearing, section 1194.22(b) of the Access Board’s regulation requires that agencies provide text captioning to convey in text any important audio information (unless an exception exists). Such captioning can be included as part of the video track of the presentation and can also be selectable.
By itself, HTML does not provide a convenient way to display multimedia in a web page. Most web developers incorporating multimedia elements in their web pages make extensive use of third-party plug-ins that work in conjunction with the user’s browser software and which must be downloaded and installed separately. Thus, the solution for providing access to multimedia content will lie in improving the accessibility of plug-ins, applets, and other executable content— a topic which is discussed in length separately below.
To determine the accessibility of multimedia presentations on federal web sites, the Department asked, “For any multimedia content, is text captioning provided for all audible output and audible output provided for all important visual information?” (Web Question 6)
To determine that the accessibility features are appropriately synchronized on federal web sites, the Department asked, “Are all audio descriptions and text captions synchronized with their associated dynamic content?” (Web Question 7)
|
Findings
_____________________________________________________________________
|
Good web page design often makes full use of color. Relying exclusively on color to communicate important information, however, will affect persons who find it impossible or difficult to discern or differentiate colors, such as persons who are blind, or who have limited sight or color-blindness. For instance, if a web page has one green button and one red button that are identical except for color, the web page should not state, "click on the green button to go to the next page or click on the red button to start over." Making this element accessible merely requires the buttons to be labeled: "green" and "red," or "next" and "start over."
Section 1194.22(c) of the Access Board’s regulation provides, “Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup.”
The Department asked, “Is the page capable of being understood and navigated even if users do not have the ability to identify specific colors or differentiate between colors?” (Web Question 8).
|
Finding
_____________________________________________________________________
|
One of the practical problems faced by webmasters maintaining a web site is keeping a consistent "look and feel" for the visitor. Because the appearance of a web page is controlled by a myriad of HTML tags (such as <b> for boldface, <i> for italics for basic character fonts), creating a multi-page web site that has a consistent style can be challenging, particularly when subtle changes are made to different pages by different developers over time. At the same time, keeping a consistent appearance within and between different pages is important to create a clean, professional look and to reduce clutter and confusion.
HTML has evolved to meet this challenge. Style sheets allow
web designers to create a basic set of rules governing specified
web pages that determine how those pages appear to visitors.
More specifically, style sheets allow a web designer to
specify rules of document style (e.g., fonts, margins,
colors, etc.) once and have these rules applied to elements
of document structure (e.g.,
headings, paragraphs,
tables, lists, etc.). For instance, a web designer can specify
in a single style sheet that:
When the web designer decides to change the look of the associated web pages - for instance, changing all paragraph headings to blue font - the web designer need only make a single change in a style sheet to effect the change throughout those pages.18
Because style sheets are a relatively modern technology, a potential
problem created by style sheets is that only the most modern
browsers can display a page using style sheets correctly. In some
cases, people with disabilities use older browsers that work
well with their assistive technologies. If a web page can
only be understood or used by visitors using the latest browsers
that
support style sheets, some people with disabilities may be
unable to use those pages.
Therefore, web designers must ensure that their web pages are usable when style sheets are not supported or when support for style sheets is turned off.
Tip
|
The Access Board’s Standards address this concern. Section 1194.22(d) provides, “Documents shall be organized so they are readable without requiring an associated style sheet.” The Department’s corresponding question asked, “If the page uses cascading style sheets or JavaScript style sheets, is it viewable without style sheets or with style sheets turned off or not supported by the browser?” (Web Question 9).
While style sheets can pose problems for some users with disabilities, style sheets can actually increase the accessibility of web pages for other people with disabilities. Some browsers enable style sheet users to set their own preferences for how pages are displayed. For instance, a user with low vision may use a style sheet so that regardless of what web pages he visits, all text is displayed in an extra large font with white characters on a black background. If designers set up their pages to override user-defined style sheets, people with disabilities may not be able to use those pages. For accessibility reasons, therefore, it is critical that designers ensure that their web pages do not interfere with user-defined style sheets.
The Department asked, “If the page uses cascading style sheets or JavaScript style sheets, is it designed so that it does not interfere with style sheets set by the browser?” (Web Question 10)
|
Findings
_____________________________________________________________________
_____________________________________________________________________
|
Image maps are graphic images that respond to user actions. For instance, image maps can link to other web pages, trigger server-side programs that can generate a web page, or initiate scripts within the same page. Image maps are not just “maps,” but can include any type of image where different locations in the image create links to different web pages. Some web designers put text links in images to present a very clean look to their web pages or to embed text messages inside of icons. Example II-4 is used by the Department of Justice to help visitors to the Department’s web site quickly find home pages of different sections or divisions within the Department’s organizational structure. See Example II-4.
Although the image used in Example II-4 is not a geographic map, it is nevertheless considered an image map for purposes of this survey.
In general, there are two types of image maps: server-side image maps and client-side image maps. When a user selects an area of one of the older server-side image maps, the vertical and horizontal coordinates of the cursor location are transmitted back to the web page's server, which then calculates in which region of the image the user's cursor was located when the mouse was clicked and responds appropriately. By contrast, newer client-side image maps employ the user's browser to determine which region the user has selected. In general, server-side image maps are far less efficient because the web server, which may already be overburdened serving web pages to other users, must calculate how to respond based on the exact coordinates of where a user clicked his or her mouse button within an image.
Tip
|
It is very easy to design accessible client-side image maps. To make client-side image maps accessible, each region within the map can be assigned an alt attribute that can be read by a screen reader or other assistive technology device in exactly the same straightforward manner described in the analysis accompanying Web Question 5, above. Unfortunately, the same cannot be said of server-side image maps, which require redundant text links for accessibility. For instance, if an agency created a server-side image map, which was activated by clicking on any state in the map, a duplicate listing of links for every state would have to be provided to make the map accessible. 19 Because it is so much easier for client-side image maps to be made fully accessible to people with disabilities, the Access Board's final rule requires that agencies use client-side image maps instead of server-side image maps, except when the map regions cannot be defined with an available geometric shape. For instance, the code supporting a client-side image map may appear as,
<IMG src=”navigation.gif” border=”0" usemap=”#thismap”>
<MAP name=”thismap”>
<area shape="rect" coords="0,2,64,19" href="general.htm" alt="about
us">
<area shape="rect" coords="65,2,166,20" href="jobs.htm" alt="jobs">
<area shape="rect" coords="167,2,212,19" href="faq.htm" alt="FAQ">
<area shape="rect" coords="214,2,318,21" href="location.htm" alt="Directions">
<area shape="rect" coords="319,2,399,23" href="contact.htm" alt="Phone
Number">
Although this code may appear complicated, it is easy for web designers to understand. Most importantly, the only difference between a fully-accessible client-side image map and an inaccessible map are the boldfaced alt attributes above. The <IMG> tag identifies a picture that will include the regions of the “map.” The tag’s usemap attribute identifies the set of instructions for dividing the image into different regions. The <IMG> tag then encloses those instructions (note that the <IMG> tag’s usemap attribute and the <MAP> tag’s name attribute both have the same content). Finally, the <AREA> tags inside the <MAP> tags identify each region of the map that will trigger different actions. Because each region triggers a different action, each <AREA> tag accepts a separate alt attribute that describes what happens if that region is selected. 20 The technical assistance materials in Appendix II-A provide further information about image maps.
Section 1194.22(e) of the Access Board’s regulation states, “Redundant text links shall be provided for each active region of a server-side image map.” To determine whether existing federal agency web pages satisfy this provision, the Department asked, “If the page includes any server-side image maps, are duplicate text links provided for all links within the server-side image maps?” (Web Question 11).
The data suggest that server-side image maps do not pose a prevalent barrier to people with disabilities accessing popular federal web pages.
Section 1194.22(f) of the Access Board’s regulation states, “Client-side image maps shall be provided instead of server-side image maps except where the regions cannot be defined with an available geometric shape.” The Department asked, “If the page includes any server-side image maps, have you established a timetable to replace the server-side image maps with client-side image maps, except where the regions cannot be defined with an available geometric shape?” (Web Question 12)
Finally, the Department asked, “If the page includes one or more client-side image maps, does each map region have a text equivalent via "alt" (alternative text attribute) or does the page otherwise include a meaningful description of the non-text element in the text accompanying it?” (Web Question 13).
|
Findings
_____________________________________________________________________
_____________________________________________________________________
|
Many federal web pages contain data tables. Tables are grid-like presentations of information laid out in rows and columns. They are commonly used to display numeric or statistical information, where numbers or other data occupy cells located along specific horizontal rows and under specific vertical columns. For instance,
| Wages for Summer 2001 | |||
| June | July | August | |
| Mark | $360.30 | $720.59 | |
| Judy | $720.59 | $360.30 | |
| Trina | $720.59 | $720.59 | |
| Bill | $720.59 | $720.59 |
Example II-5
Improperly designed tables can present unique problems for people with disabilities who use screen readers and refreshable Braille displays. Assistive technology devices typically represent information in one dimension (e.g., as a stream of text), while tables rely on their two-dimensional structure to convey information. In order to make a table intelligible, the screen reader or other device must be able to convey information about each cell’s position in the overall structure of the table. Most screen readers and refreshable Braille displays read one line at a time, from left to right, top to bottom, depriving the user of the relational information necessary to put the cell’s contents into context. If someone using a screen reader accesses the table in Example II-5, he or she would likely hear:
| Wages for Summer 2001 June July August Mark $360.30 $720.59 Judy $720.59, $360.30, Trina $720.59 $720.59, Bill $720.59 $720.59 |
For larger tables, this lack of relational context becomes even more significant.
Tip
|
Web developers can use several HTML attributes to make most HTML tables accessible to people who use screen readers and other types of assistive technologies. One solution is to use the "id" and "header" attributes to identify table rows and headers within each cell. Another solution, which is much simpler to implement, is to use the “scope” attribute only in those cells along the border of the table that identify each row and column. 21 For instance, if the scope attribute is used in just seven of the cells (June, July, August, Mark, Judy, Trina, and Bill), the table suddenly becomes much more understandable. A user with a screen reader who encounters the modified table would likely hear:
|
Wages for Summer 2001
|
|
| Mark |
$360.30 (Mark, June)
$720.59 (Mark, July) |
| Judy |
$720.59 (Judy, June)
$360.30 (Judy, July) |
| Trina |
$720.59 (Trina, June)
$720.59 (Trina, July) |
| Bill |
$720.59 (Bill, July)
$720.59 (Bill, August) |
Although lengthy, this stream of text is fully understandable, because the screen reader can make meaningful associations between columns (June, July, August) and rows (Mark, Judy, Trina, Bill) that identify each cell in the table. Moreover, web developers making this or similar tables accessible do not have to significantly change the way that they design their tables, because the screen reader is able to provide the row and header information once the web developers have identified which row and header information (here, months and names of workers) are relevant. Although not all screen readers are currently able to make use of these attributes, more sophisticated screen readers that can do so are being introduced. 22
Another type of table is a preformatted table created using the <PRE> tag. HTML browsers do not ordinarily render "whitespace" (e.g., spaces, tabs, carriage returns, etc.) in an HTML document as anything other than a single space. Most of the time, this feature makes page layout very easy. Web developers can freely insert spaces and extra lines between words and tags without disturbing the ultimate appearance of the page. Occasionally, however, web developers want greater control over spacing in a document and may create tables by simply adding extra spaces between column entries. HTML's <PRE> and </PRE> tags facilitate this process by formatting everything between these tags as preformatted text. Thus, extra spaces will be interpreted as extra spaces. Tables are much simpler to create – merely by adding extra spaces between <PRE> tags, instead of requiring careful use of <TABLE> tags (and table row and table cell tags). The disadvantages of this approach are that screen readers cannot be told anything about the structure of the table and the tables are visually far less appealing because all table content must appear in monospace font. For instance, to create the following table:
| Wages for Summer 2001 | |||
|---|---|---|---|
| June | July | August | |
| Mark | $360.30 | $720.59 | |
| Judy | $720.59 | $360.30 | |
| Trina | $720.59 | $720.59 | |
| Bill | $720.59 | $720.59 | |
| Example II-6 | |||
The HTML code appears as:
| <PRE> | |||
|---|---|---|---|
| Wages for Summer 2001 | |||
| June | July | August | |
| Mark | $360.30 | $720.59 | |
| Judy | $720.59 | $360.30 | |
| Trina | $720.59 | $720.59 | |
| Bill | $720.59 | $720.59 | |
| </PRE> | |||
| Example II-7 | |||
Using the <PRE> tag to make tables renders them inaccessible to people who use screen readers and other types of assistive technology, because there is no indication to the users that the contents are, in fact, in a table. Furthermore, there is no way to meaningfully associate the information in each "cell" with a particular "column." Someone using a screen reader to access the table in Example II-7 would hear:
| Wages for Summer 2001 June July August Mark $360.30 $720.59 Judy $720.59, $360.30, Trina $720.59 $720.59, Bill $720.59 $720.59 |
To avoid this problem, web developers should not use the <PRE> tag to create tables.
The Section 508 Standards contemplate both of these problems. Section 1194.22(g) of the Access Board’s Standards states, “Row and column headers shall be identified for data tables.” 36 C.F.R. §1194.22(g). In addition, section 1194.22(h) states, “markup shall be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers.” 36 C.F.R. § 1194.22(h).
The Department asked, “If the page includes data in tables (either HTML tables or preformatted text tables using the <PRE> tag), and if any of the tables has two or more rows (including header or data cells), does each cell provide identification of row and column headers?” (Web Question 14)
Updates:
|
|
Finding
_____________________________________________________________________
|
Although once almost ubiquitous, frames have become less popular for formatting information as developers have incorporated new ways of presenting information. Most commonly, frames are used to divide the browser screen into separate regions, with each area presenting different, but usually related, information. For instance, as shown below, a developer may use frames to place navigational links on the left side of the screen (Navigation Section, in this example) and the substance in a larger frame on the right (First Page Section, in this example):
In this way, a user can more easily navigate different areas of a web site while keeping track of where he or she is in relation to the overall web site. 23
Tips
|
To ensure that web pages using frames are accessible to people with disabilities, designers should provide meaningful titles to each of the frames so that users can properly orient themselves. Otherwise, those who use screen readers or other types of assistive technologies will be unable to fully understand the relationships among multiple frames on the same page. Incorporating titles for different frames is extremely easy. For instance, simply adding the boldfaced language in the following line of code to the tags helps create an accessible 2-frame web page:
<FRAMESET cols=”30%, 70%”>
<FRAME src=”nav.htm” name=”navigation” title=”navigation
frame”>
<FRAME src=”content.htm” name=”content” title=”content
frame”>
</FRAMESET>
The <FRAMESET> tags act as a container for <FRAME> tags and establish how each frame will appear within it. For instance, here the col attribute indicates that the frames will be laid out in columns and that the first frame will occupy 30% of the screen width and that the second frame will occupy 70% of the screen’s width. Each of the tags then uses attributes to (a) specify the file that will be displayed in that frame (src attribute), (b) a shorthand name that can be used to identify which frame’s contents will be changed (name attribute), and (c) a title for the frame for assistive technology (title attribute). The only features separating accessible frames from inaccessible frames is the presence of the title attribute in the <FRAMESET> tag.
While the HTML 4.0 specification includes the title attribute as a means of making each frame within a web page accessible, the title attribute is not yet widely supported by assistive technology. Therefore, web designers interested in making frames accessible should also include a textual description of the frames content in the HTML source for each frame. For instance, in Example II-8, above, textual descriptions of “Navigation Section” and “First Page Section” has been provided in the text of the frame’s content.
The Access Board’s provision section 1194.22(i) states, “Frames shall be titled with text that facilitates frame identification and navigation.”
The Department asked, “If the page uses frames, does each frame have a title that meaningfully describes it?” (Web Question 15)
|
Finding
_____________________________________________________________________
|
Some individuals with photosensitive epilepsy may have seizures triggered by displays which flicker or flash, particularly if the flash has a high intensity and is within a certain frequency range. Seizures can be triggered by flickering or flashing in the 2 to 55 flashes per second (Hertz) range. Developers should avoid using strobe light effects - abrupt changes from light to dark - or using flashes in any color range at a rate of 2 to 55 flashes per second. Flashing or flickering elements are usually added through technologies such as animated gif's, Java applets, or third-party plug-ins or applications. Java applets and third-party plug-ins can be identified by the presence of <APPLET> or <OBJECT> tags. Animated gif's are images that download in a single file (like ordinary image files), but have content that changes over short periods of time. Like other images, however, they are usually incorporated through the use of the <IMG> tag.
Subsection 1194.22(j) of the Access Board’s Standards states, “Pages shall be designed to avoid causing the screen to flicker with a frequency greater than 2 Hz and lower than 55 Hz.” 36 C.F.R. §1194.22(j).
The Department asked, “Does the page include content (such as applets or content requiring plug-ins) that may cause the screen to flicker with a frequency greater than 2 Hz and lower than 55 Hz?” (Web Question 16)
|
Findings
_____________________________________________________________________
|
When a web page is requested from a server, the page is usually processed on the web server. Even in those cases where a web page is generated by a computer program (e.g., search engines), the web page that is ultimately delivered to the browser usually does not change once it is rendered on the user’s browser. In other words, the web page is static once it is delivered to the user.
Anyone who regularly uses the Internet is aware, however, that many modern web pages are anything but “static.” Instead, web pages are becoming increasingly dynamic, in the sense that they respond immediately to users’ actions. Sometimes, these dynamic features are simple and subtle, like a feature that highlights a button when the user passes his or her mouse over the button’s image. Other times, the effects are less dramatic, such as a feature that immediately displays an error message if the user does not enter a credit card number on an online order form. In both cases, the web page uses some form of client-side processing, because the programming necessary for invoking these actions take place on the user’s computer and not on the powerful servers that deliver the web page. For the user, the web page is more satisfying because it reacts much more quickly and there is no need to wait for a new page to download. For the agency or online company, the burden on its web server is greatly reduced because routine processing is now shared with the user’s computer.
Client-side processing (also known as dynamic web pages) may be generated through the use of scripts, plug-ins, or other programmatic objects. Each of these methods of generating dynamic content poses some accessibility challenges. 24
Scripts are simply sets of computer instructions that are embedded in a web page's HTML coding. They are typically used by web designers to perform relatively rudimentary functions such as verifying the contents of a form or changing images on a screen when a user passes a cursor over the image. They can be easily identified by reviewing a page's HTML source coding for a tag that begins with the word "script." For instance, the following code is a strong indication that the web page is using scripting:
<SCRIPT language="JavaScript1.2">
This line of code identifies JavaScript as the language for the script. JavaScript is an object-oriented programming language that was specifically designed for dynamic web page content. 25Most modern browsers provide support for JavaScript, although there are subtle variations between browsers and the amount of support that they offer for JavaScript. Recently, Macromedia Flash, a popular software program for developing dynamic web page content, has included scripting technology roughly similar to JavaScript. This technology may hold the promise of extremely graphical, user-friendly, dynamic content for computer users.
In the past, scripts presented two common difficulties for people with disabilities. First, scripts can be used to change elements - such as when "rollover gif’s" are activated. A rollover gif changes an image on the screen when the user moves his or her mouse over the image. Such scripts are inaccessible because the script is used to change an element that does not have functional text associated with it. If a script changes the content of a page without somehow indicating (through text readable by a screen reader) that it has changed the content of the page, the script cannot be made accessible.
Subsection 1194.22(l) of the Access Board’s technical provisions states, “When pages utilize scripting languages to display content, or to create interface elements, the information provided by the script shall be identified with functional text that can be read by assistive technology.” 36 C.F.R. § 1194.22(l).
The Department asked, “If the page uses scripts, such as JavaScript or scripts in Macromedia Flash content, and if the scripts affect any content displayed to the user, is there equivalent text provided by the page or the script that is accessible to a screen reader?” (Web Question 17)
Tip
|
The second common difficulty posed by scripts for people with disabilities arises when the event handler triggering the script cannot be activated through the keyboard. For example, rollover gif's can often only be activated through mouse movement. People with disabilities who cannot functionally use a computer mouse - such as those who are blind or those who are quadriplegic cannot access the rollover gif. Fortunately, most event handlers have recently become accessible through keyboard commands, due to improvements in the assistive technology used by people with disabilities. Neither the Access Board’s Standards nor the Department’s questionnaire directly addresses this concern.
Findings
|
Apart from scripts, there are other technologies that depart from basic HTML in providing content to a user’s browser. Subsection 1194.22(m) of the Access Board’s technical provisions states, “When a web page requires that an applet, plug-in or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with §1194.21(a) through (l).” 36 C.F.R. §1194.22(m). There are significant differences among the accessibility implications for applets, plug-ins, and other applications.
Applets. Applets are special programs written in Java, an object-oriented programming language developed by Sun Microsystems. Java’s most unique feature is that it allows the same program to be run on different machines supporting it. Thus, a Java program written for a Windows computer can run easily on a UNIX, LINUX, or Macintosh computer without any reprogramming. Java accomplishes this task through the use of a Java Virtual Machine (JVM), which is a program developed for each different computer platform that provides a common “computer within a computer” on which the Java program can run. Because web pages are displayed on a variety of different computers, the Internet provided a natural application for Java. Most modern browsers include a JVM that will run applets, which are small rudimentary Java programs customized for delivery through web pages. Applets are different from scripts because they are not included in the HTML content of the web page and are partially compiled to run faster on the user's computer. Applets are also different from content developed for plug-ins because they are written in Java and do not normally require the addition of third-party software to operate. The JVM used in most current browsers does not work with the special accessibility features developed by Sun Microsystems for Java, and most Java applet developers do not make use of these special features when creating applets. 26 Specifically, Java programs and applets can be made accessible if they use the so-called Swing components, which grew out of Sun Microsystem’s work on the so-called Java Foundation Classes (first announced in 1997). Because browser support for the Swing components requires a separate software download from Sun Microsystems and is not included in the browser software shipped by most companies, many web developers using Java do not include them in their applets. 27 At the time the Department’s survey was distributed, information about making accessible applets was not as widely available as it is now. At that time, the Department advocated that web developers should provide text alternatives. 28 Since then, the Department has gained much greater insight into the accessibility of Java applets and applications. The Department now recommends that web developers who use Java applets should investigate information provided by Sun Microsystems for developing accessible content.
The Department asked, “If the web page uses applets, such as downloadable Java applets, does it also contain the same information and functionality in an accessible format?” (Web Question 18)
The data indicate that few agency web pages use applets, but that a significant number of those applets are inaccessible to people with disabilities. The problem is most prevalent on pages containing federal agency employment postings.
Plug-ins are third-party "add ons" to a computer browser that allow third-party companies to develop special content not normally available using basic HTML. For instance, the multimedia and streaming videos that are available in many commercial information service web sites use plug-ins to enable web pages to provide real-time broadcasts of radio and television programs. Plug-ins are really separate computer software applications created by third-party manufacturers. As such, they must meet the Access Board’s software accessibility technical requirements for web pages at 36 C.F.R. pt. 1194.21. Plug-ins can usually be detected by examining a page's HTML for the presence of an <OBJECT> tag. Some plug-in manufacturers, however, may require the use of more specialized or proprietary tags.
The Department asked, “If the page uses other programmatic objects (such as Flash, Shockwave, RealAudio, or RealVideo content), or otherwise requires the use of plug-ins or programmatic support for the browser, does the page include a link to the plug-in or programmatic item required for accessing the content of the page and is that plug-in or programmatic item itself accessible to people with disabilities?” (Web Question 19)
Just as agencies have not made extensive use of applets, federal agencies have not widely adopted plug-in technologies. Unfortunately, the weighted data indicate that some of these plug-in technologies pose significant difficulties for users with disabilities, especially on web pages that describe components’ activities, Internet pages, and “combination” pages.
The Department recognizes that plug-in technologies may be extremely important for some agencies to fulfill their missions. Plug-in technologies allow industry to develop new and innovative ways of delivering information through the Internet. Multimedia presentations and vivid graphics can convey powerful messages and explain ideas that may be difficult or impossible through other media. As many agencies educate and inspire us and future generations, it is important that they not allow the opportunities created by these currently inaccessible technologies to go unused. At the same time, section 508 and common sense requires us to make sure that we do not exclude people with disabilities from the opportunities created by this new technology.
|
Challenge Grants
Some problems confronting users with disabilities involve modern technologies (including Java applets, plug-ins, and other content that extend beyond basic HTML) that are currently inaccessible to users with disabilities. For instance, “plug-in” technologies for dynamic or multimedia content, electronic forms, or precise document presentation are increasingly popular among agency web sites. In some cases, developing accessible versions of these technologies simply involves letting market forces encourage manufacturers to develop these technologies on their own. However, in these years of cost-cutting in the information technology industry, this approach may be insufficient. Targeted challenge grants would encourage the development of accessible cutting-edge technologies. |
The next section includes a discussion of an exciting project spearheaded and funded by the General Services Administration (GSA). In an effort to make paper-based agency forms accessible to users with disabilities, GSA issued a grant of $275,000 to develop an accessible version of this technology. While technically successful, the project ultimately could not be publicly deployed for contractual reasons 29, but it demonstrates the promise of obtaining huge improvements in accessibility, cost savings, and paperwork reduction by a small initial investment. It allowed complicated paper forms to become independently accessible to users with disabilities. As agencies work to implement section 508, the Department has often heard that many technology solutions are easily within reach, but the limited budgets of many assistive technology manufacturers and other small companies delay or stop them from developing them. Even large companies may be unwilling to commit funding, as they are under increasing demand for short-term profit. Ultimately, we all suffer. Agencies cannot fulfill their missions as effectively because they cannot use the features that modern technology provides, important messages are not effectively conveyed to the American public, and section 508 is viewed as a “creative straightjacket” on the federal agencies.
The Department recommends following GSA’s example by identifying problems that can be solved in a very short time through careful and targeted funding. Manufacturers and developers should be able to seek grants from federal agencies for very limited funding for research and development of feasible solutions to accessibility problems. If these manufacturers and developers believe that they can successfully bring such a solution to market within one year, then additional grants may be appropriate. These funds should be contingent upon successful delivery of such technologies within one year. 30 Because section 508 presents challenges to all federal agencies, these grants should be administered centrally by GSA. Proposals should be evaluated by and grants issued based upon the ecommendations of the current Section 508 Steering Committee. 31 The Department recommends that GSA develop a proposal for a government-wide challenge grant program and seek limited appropriations from Congress to fund this program. This proposal should be based on real-world problems identified by federal agencies, private industry, and disability rights organizations and should be reviewed by all agencies in the current Section 508 Steering Committee.
Adobe Acrobat's Portable Document Format (pdf). Many agencies have turned to Adobe Acrobat's portable document format (pdf) to ensure a more controlled presentation of documents posted to their web sites than is available with basic HTML. Because HTML is not designed for extremely precise representations of data on a computer screen or printer, it permits some flexibility that can benefit users with disabilities. For instance, as most browsers permit users to increase the size of the font displayed on their screens, a user with limited vision can often increase the font size and the web page will reformat itself to meet the new specifications. On the other hand, HTML's lack of precision can be frustrating for users or web designers who want web-transmitted documents to look exactly like printed documents. For instance, HTML c