Decorative Image - with aria-hidden equals true

Test Case Summary

Test Case ID

TC06.2-3-pass-1

Test Case Description

Identify any decorative image that is pure decoration, is used only for visual formatting, or is not presented to users. Check if the aria role is “none”, “presentation”, the aria-hidden is set to true, the text alternative is empty, or if the image is inserted with CSS.

The code sample provides an equivalent description of the image in a aria-hidden="true" attribute, which would cause Assistive Technologies to ignore the image. A successful test should identify a PASS against Baseline 6.2 Decorative Images.

Applicable ICT Baseline Test

6.2 Test Procedure for Meaningful Images

Baseline Test ID: 6.2-DecorativeImage

Test Instruction: All

Test Case Detail

Expected Baseline Result

PASS

The image in the code sample is a decorative image from its aria-hidden="true" attribute.

Test Data

Single-Page URL

https://section508coordinators.github.io/baselinealignment/testfiles/TF06/06.2-3-pass-1.html

Embedded Code

Code

Test Case Instruction

Test Instruction	Instruction Detail	Expected Test Case Result
IC-1	Identify any decorative image that is pure decoration, is used only for visual formatting, or is not presented to users.
	Check that at least one of the following is true [SC 1.1.1]:
6.2-1	The ARIA role is “presentation”.	False
6.2-2	The ARIA role is “none”.	False
6.2-3	Check to see that the aria-hidden is set to “true”.	True
Result	If all of the above checks fail, then Baseline Test 6.2-DecorativeImage fails.	PASS; the third check passed.