Decorative Image - role equals none

Test Case Summary

Test Case ID

TC06.2-2-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 role = "none" attribute. Assistive Technologies should ignore the presence of the image, which is why 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 role = "none" attribute.

Test Data

Single-Page URL

https://section508coordinators.github.io/baselinealignment/testfiles/TF06/06.2-2-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”.	True
Result	If all of the above checks fail, then Baseline Test 6.2-DecorativeImage fails	PASS; the second check passed.