WCAG 1.1.1 — Non-text Content. Each error below demonstrates a specific image accessibility violation.
The img element has no alt attribute at all. Screen readers cannot describe this image.
This image conveys information (a chart showing quarterly revenue) but has alt="", which tells assistive tech to skip it as decorative.
Q4 Results:
A purely decorative horizontal divider has alt="decorative line", adding noise for screen reader users.
Section content above.
Section content below.
The alt text is just the filename "IMG_2024.jpg" — meaningless to users who cannot see the image.
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.
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.
