← Back to Test Site
Page 1: Images and Color Contrast Issues
This page contains accessibility issues related to images without alt text and poor color contrast.
Images Without Alt Text
The following images are missing alt text attributes:
Images with Meaningless Alt Text (Passes Axe)
These images have alt text, so automated tools will pass them. But the alt text is useless:
Problem: alt="image3456.jpg" — Filename instead of description
Problem: alt="Image" — Too generic and unhelpful
Problem: alt="photo_2024.jpg" — Another filename
Color Contrast Issues
Low Contrast Example: This text has poor color contrast (WCAG violation). Text color is #777777 on background #888888, resulting in a contrast ratio below the required minimum.
Worse Contrast Example: This text has even worse color contrast. Text color is #888888 on background #999999.
Properly Contrasted Text (for comparison)
Good Contrast: This text has good color contrast - black text on white background. This meets WCAG AA standards with a contrast ratio of 21:1.
Summary of Issues on This Page
- 2 images missing alt text attributes (caught by axe)
- 3 images with meaningless alt text: "image3456.jpg", "Image", "photo_2024.jpg" (NOT caught by axe - semantic issue)
- 2 text blocks with poor color contrast ratios
- Expected violations: image-alt (2), color-contrast (2)
- Manual testing issues: Bad alt text on 3 images