Verify image is decorative

Rule ID Image 5
Definition Verify an image with [alt=""] or [role="presentation"] is only being used for purely decorative, spacing or stylistic purposes.
Purpose
  • If an image is used purely for stylistic or decorative purposes, users of screen readers do not need to know that the image exists and no alternative is needed.
  • If an image contains information, but is mistakenly identified as decorative, users of assistive technologies will not have access to the information.
Required Yes for HTML4 Legacy Techniques ruleset mapping
WCAG Success Criteria

1.1.1 Non-text Content (Level A, Primary Success Criterion)

Rule Category Images
Scope Element
Target Resources img[alt=""], img[role="presentation"], [role="img"] with an empty text alternative
  • img
Techniques
  • Use the attributes alt="", role="presentation" or include the image as a CSS background-image to identify it as being used purely for stylistic or decorative purposes and that it should be ignored by people using assistive technologies.
Informational Links