| 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.
|
| Mappings |
-
HTML4 Legacy Techniques
(Required)
-
HTML5 and ARIA Techniques
(Required)
|
| WCAG Success Criteria |
1.1.1 Non-text Content (Level A, Primary Success Criterion)
Other Related Success Criterion:
|
| Rule Category |
Images |
| Scope |
Element |
| Target Resources |
img[alt=""], img[role="presentation"], [role="img"] with an empty text alternative
|
| 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 |
|