Rule: Image is decorative

Rule ID Image 5
Conformance Required
Definition Images with [alt=""] or [role="none"] must only be used to identify purely decorative images, 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.
Conformance Required
WCAG Success Criteria

Success Criterion 1.1.1 Non-text Content

Rule Category Images
Rule Scope Element
Techniques
  • Use the attributes alt="", role="none" 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.
Information Links