- Use client-side image maps and alternative text for image map hot spots.
- If a server-side map is needed, provide equivalent text links.
On this page:
- Rationale
- Checkpoint 1 - Images
- Checkpoint 2 - Image maps
- Checkpoint 3 - Graphs and charts
- Checkpoint 5 - Scripts
- Checkpoint 6 - Applets, plug-ins and objects
- Checkpoint 8 - Skip to main content
- Checkpoint 10 - Tables
Rationale
There are many different ways to test Web accessibility. The required testing techniques are documented in each individual checkpoint. This document describes techniques that may be used in addition to the required techniques. These techniques provide a quick way to test specific functions, but do not provide a comprehensive assessment of the accessibility of a Web site.
Web Checkpoint 1 - Testing images and animations
- Use the alt="text" attribute to provide text equivalents for images.
- Use alt="" for images that do not convey important information or that convey redundant information.
| Action | Result |
|---|---|
View the page with a graphical browser and move the cursor over the image to verify alternative text has been provided for the image. This is a quick test for checking alternative text on a page, but it is not a comprehensive test for all images. |
Pass: Alternative text for each image is displayed as a text pop-up in supported graphical browsers. If the image is unimportant or redundant, it should be tagged with alt="" and nothing will pop-up when the cursor is held over the image. Fail: If an image is important and no text pop-up appears, the image is missing alternative text. |
Turn off images in your browser. To turn off images in Microsoft Internet Explorer:
This is another quick test for checking alternative text on a page, but it is not a comprehensive test for all images. |
Pass: If alternative text has been provided, the image is replaced with its alternative text. Fail: If the image is does not have alternative text, it is replaced with a small placeholder graphic and the page is not accessible. |
Web Checkpoint 2 - Testing image maps
- Use client-side image maps and alternative text for image map hot spots.
- If a server-side map is needed, provide equivalent text links.
| Action | Result |
|---|---|
View the page with a graphical browser and move the cursor over the client-side image map to verify alternative text has been provided for each map area. This is a quick test for checking alternative text on a page, but it is not a comprehensive test for all image map areas. |
Pass: Alternative text for each image map area is displayed as a text pop-up in supported graphical browsers. If the image is unimportant or redundant, it should be tagged with alt="" and nothing will pop-up when the cursor is held over the image. Fail: If an image is important and no text pop-up appears, the image map area is missing alternative text. |
View the page with a graphical browser and use the Tab key for navigation. Tab to each area on the client-side image map. This is a quick test for checking keyboard navigation of the image map. |
Pass: The visual focus moves to each area of the image map. Fail: The keyboard cannot be used to navigate to the areas of the image map. |
View the page with a graphical browser. Use the alternative methods provided to access the server-side image map (all valid coordinates including, if used, 0,0). This is a quick test for checking alternative access for server side maps. |
Pass: The browser displays the alternative method that enables access to the same links available from the server-side map. When the cursor is moved over a server-side image map, only the alternative text for the entire image is displayed. The status area displays the coordinates that are passed back to the server. Fail: The browser does not display alternative methods for accessing the server-side map links. |
Web Checkpoint 3 - Testing Graphs and Charts
- Summarize the content of each graph and chart, or use the longdesc attribute to link to the description or data.
| Action | Result |
|---|---|
View the page with a graphical browser and move the cursor over the graph or chart to verify alternative text has been provided. This is a quick test for checking alternative text on a page, but it is not a comprehensive test for all graphs and charts. |
Pass: Alternative text for each graph or chart is displayed as a text pop-up in supported graphical browsers. Fail: If no text pop-up appears, the image is missing alternative text. |
Turn off images in your browser. To turn off images in Microsoft Internet Explorer:
This is another quick test for checking alternative text on a page, but it is not a comprehensive test for all images. |
Pass: If alternative text has been provided, the graph or chart is replaced with its alternative text. Fail: If the image is does not have alternative text, it is replaced with a small placeholder graphic and the page is not accessible. |
Web Checkpoint 5 - Scripts
- Ensure the functionality of scripts is keyboard accessible.
- If the content affected by scripting is not accessible, provide an alternative.
| Action | Result |
|---|---|
Test the page with Internet Explorer using only the keyboard. For information on keyboard shortcuts in IE, go to | Help - Internet Explorer keyboard shortcuts. |
Pass: All content on the page can be navigated with the keyboard. Fail: Some or all content cannot be accessed using only the keyboard. |
Web Checkpoint 6 - Testing Applets, Plug-ins and Objects
- When an applet, plug-in or other non-HTML content requiring another application is required to be present, provide a link to an applet, plug-in or other application that is directly accessible, or
- Provide alternate content for applets, plug-ins, or other applications which are not directly accessible.
| Action | Result |
|---|---|
| View the page with a screen reader to verify that alternative text was added to the APPLET element or the OBJECT content. |
Pass: Screen reader reads the alternative text for the applet or object. If equivalent alternatives are provided, they are rendered and read. Fail: There is no alternative text, so it is not read by the screen reader. |
| Turn off Java in your browser. Verify that pages that contain applets are still usable when the function is disabled in the browser. To disable Java in Netscape Navigator 4.7:
To disable Java in Microsoft Internet Explorer 5.x and 6.x:
|
Pass: Alternative content for applets is rendered and accessible. Fail: Equivalent content is not rendered when Java is disabled. Important information is missing and essential tasks on the Web page cannot be performed. |
Web Checkpoint 8 - Testing Skip to main content links
- Provide methods for skipping over navigation links to get to main content of page.
| Action | Result |
|---|---|
| View the page with a screen reader to test heading skips. Use the screen reader’s heading navigation mode to skip between headers. |
Pass: Screen reader can skip between headers. Fail: Heading tags have not been defined. Screen reader cannot skip between headers. |
Web Checkpoint 10 - Testing Tables
- Use the TH element to mark up table heading cells
- Use the headers attribute on cells of complex data tables
| Action | Result |
|---|---|
Test the Web site with a Web accessibility checking tool. Examples of these tools are listed on the Worldwide Web Consortium web site. |
Pass: For any data tables on the Web page, the Web checking tool does not identify any errors with the headers attribute. (Remember, you must also test with a screen reader, as documented in the testing techniques for Web Checkpoint 10. Fail: The Web checking tool identifies errors with the headers attribute for a data table on the Web page. |
©2001, 2007 IBM Corporation
Last updated February 28, 2007.
