Meaningful Image - with non-descriptive alt text
Test Case Summary
Test Case ID
TC06.1-2-fail-1
Test Case Description
Detect existence of attributes that would contribute to the accessible name and accessible description computation and calculate the text alternative for the image. Then determine whether the text alternative output for the image provides an equivalent description of the image.
The code sample provides an equivalent description of the image in an alt
attribute. However, the text alternative DOES NOT provide an equivalent description.
Applicable ICT Baseline Test
6.1 Test Procedure for Meaningful Images
Baseline Test ID: 6.1-MeaningfulImage
Test Instruction: 2
Test Case Detail
Expected Baseline Result
FAIL
The image in the code sample has an accessible name from its alt
attribute that is not descriptive.
Test Data
Single-Page URL
Embedded Code
Code
Test Case Instruction
Test Instruction | Instruction Detail | Expected Test Case Result |
---|---|---|
IC-1 | Identify any image that conveys information (include images of text; functional images used to initiate action, convey meaning, or prompting a response; image maps, etc.) | One <img> exists in the test data code sample. The image is meaningful and conveys information, based on the text directly below the image. |
6.1-1 | Check that the text alternative (combination of the accessible name and accessible description) is not empty. [SC 1.1.1] | Pass: The image’s non-empty accessible name from alt is “pngfilelogo”. |
6.1-2 | Check that the non-empty text alternative (combination of accessible name and accessible description) provides an equivalent description. Numerous attributes contribute to the computation of the accessible name and accessible description. Refer to HTML Accessibility API Mappings 1.0 for img. [SC 1.1.1] | Fail: The image’s accessible name “pngfilelogo” is not an equivalent description. |
Result | If any of the above checks fail, then Baseline Test 6.1-MeaningfulImage fails. | 6.1-2 check fails. |