Testing for IMG markup using the AIS Web Accessibility Toolbar

Overview

The Web Accessibility Toolbar has been developed to aid manual examination of web pages for a variety of aspects of accessibility. It consists of a range of functions that:

  • identify components of a web page
  • facilitate the use of 3rd party online applications
  • simulate user experiences
  • provide links to references and additional resources

Strengths

  • Provides a visualization of the accessibility of a web page along with a display of the the alt text associated with each image.

Weakness

  • No statistics or listing of errors on the page. Manual inspection necessary.
  • Does not automatically flag alt text that is too long or short.

Step 1: Enter the URL of the Page to Evaluate

Procedure

  1. Click on the “Images” icon in the AIS toolbar.
  2. Select the “Show Images” option from the “Images” pull-down menu.

Screenshot

Screen shot of Enter the URL of the Page to Evaluate

Step 2: Identify Icons Associated with alt text information

Procedure

  1. Verify that every image element has an alt attribute. (Noninformational images should have null or empty values.) Items not having alt text will be flagged with a [img NoAlt!] tag.
  2. Verify that every informative image element has meaningful alt text containing 7 to 90 characters.
  3. Verify that the alt attribute does not include the file name of the image.
  4. Verify that the alt attribute does not contain information that is redundant with the img element. For example, avoid using words like “image”, “picture”, “graphic”, “photo” and “photograph”.

Screenshot

Screen shot of Identify Icons Associated with alt text information

Rules Evaluated with this Technique

Rules evaluated with AIS Web Accessibility Toolbar
Test
Type
Description
Manual

Every img element must have alt attribute.

Manual

Descriptions should be meaningful and contain at least 7 and less than 90 characters.

Manual

The alt attribute content should not include file name of the image.

Manual

The alt attribute content should not include information that is redundant with the img element.