Image Accessibility Errors
WCAG 1.1.1 — Non-text Content. Each error below demonstrates a specific image accessibility violation.
Missing alt attribute entirely
The img element has no alt attribute at all. Screen readers cannot describe this image.
Empty alt on informative image
This image conveys information (a chart showing quarterly revenue) but has alt="", which tells assistive tech to skip it as decorative.
Q4 Results:
Non-empty alt on decorative image
A purely decorative horizontal divider has alt="decorative line", adding noise for screen reader users.
Section content above.
Section content below.
Alt text is the filename
The alt text is just the filename "IMG_2024.jpg" — meaningless to users who cannot see the image.
Linked image with no text alternative
An image is the sole content of a link, but the image has no alt text and the link has no other text. Screen readers announce the link but cannot describe its purpose.
CSS background image conveying information
Important information (a warning icon) is conveyed only through a CSS background image. No text alternative is provided, so screen readers cannot convey this information.