SC2-4-4-image-map

From Automated WCAG Monitoring Community Group
Jump to: navigation, search

Back to 2.4.4 Link Purpose (In Context)

Status

Version 0.1: For review

Description

This test checks if each area element contains an alt attribute that is not empty. If two or more alt values in the collection of area elements are equal, the corresponding href value should also be equal.

Background

Assumptions

  • <area> elements that are not enclosed by a <map> element will not serve any purpose and are therefore excluded from the test

List of all assumptions

Test properties

Property Possible values
Test name Area Element Has Alt Attribute
Success Criterion 2.4.4 Link Purpose (In Context)
Test mode semiAuto
Test environment HTML source and DOM
Test subject single web page
User expertise and skills

For manual tests only: basic understanding of HTML

User profile For manual tests only:

Test procedure

Selector

Test mode: earl:automatic


Select elements using the following selector: map[name] area, if the name attribute of the map element is referred to by a usemap attribute of an img element in the same document.

Step 1: Check for non-empty alt attributes (H24)

Test mode: earl:automatic


Check if the area element has an alt attribute that contains non-empty text.

if yes, continue with #Step 2: Check for uniqueness of the alt attribute value

else return

Property Value
TestCase SC2-4-4-image-map
Identifier SC2-4-4-image-map-failed1
Outcome failed
ErrorMessage The area element must have an alt attribute that is not empty.
Pointer position
Info


Step 2: Check for uniqueness of the alt attribute value

Test mode: earl:automatic


For each set of area elements enclosed by a map element:

  1. Make an array of the alt attribute values in the area elements;
  2. Check for duplicate values.

if duplicate values exist, continue with #Step 3: Check duplicate alt attribute values for identical hrefs

else continue with #Step 4: Does the text of the link describe its purpose? (H24, G91)

Step 3: Check duplicate alt attribute values for identical hrefs

Test mode: earl:automatic


For each duplicate alt attribute value in the same set of area elements, make an array of the href attribute values in the area elements;

if the href attribute values are identical, continue with #Step 4: Does the text of the link describe its purpose? (H24, G91)

else return

Property Value
TestCase SC2-4-4-image-map
Identifier SC2-4-4-image-map-failed2
Outcome failed
ErrorMessage area elements have identical link texts, but point to different URLs
Pointer position
Info


Step 4: Does the text of the link describe its purpose? (H24, G91)

Test mode: earl:manual


User input question

Item presented to the user: The alt attribute of the area element, and the image with the current area highlighted

Question: Does the text alternative describe the purpose of the highlighted area

Answer options: yes/no

Help text: If the area contains text this should be included in the text alternative. The purpose of that area on the image must be described. Please refer to the explanations concerning sufficient short text alternatives for further information.

Repair suggestion: If no, could you suggest a sufficient textual alternative?

Properties of the test step:

  • context-sensitive = yes
  • user interaction (with the web content) required = no


if yes, return

Property Value
TestCase SC2-4-4-image-map
Identifier SC2-4-4-image-map-passed1
Outcome passed
Pointer position
Info


else return

Property Value
TestCase SC2-4-4-image-map
Identifier SC2-4-4-image-map-failed3
Outcome failed
ErrorMessage the text alternative specified by the alt attribute does not serve the same purpose as the part of the image map image referenced by the area element of the imagemap.
Pointer position
Info