Accessibility · Legibility
Words on your photos are hard to read
Parts of the text get lost against the photo, so people with poor eyesight may not be able to read your message.
- Applies to
- every page
- Typical severity
- high
- Effect on conversions
- high
- Effort to fix
- Quick to fix
What to look for
Headlines or text placed directly over photos or busy imagery without an overlay, gradient or solid backing, where parts of the text are hard to read.
What good looks like
Text over images has a solid or gradient backing, or the image is calm enough that every word is clearly readable.
How to fix it
Add a dark shaded strip or a solid panel behind the text, or move the text off the photo.
Based on
- WCAG 2.2 success criterion 1.4.3 Contrast (Minimum)
- WCAG 2.2 success criterion 1.4.11 Non-text Contrast
Related checks
AccessibilityColour-blind people may miss links and warningsAbout 1 in 12 men has some colour blindness. If colour is the only clue, they can miss links, errors or key details.AccessibilityPeople with poor eyesight struggle with faint textPale grey text and faint outlines on buttons and form fields are hard for many people to see.AccessibilityYour accessibility add-on may get in the wayThese add-ons don't fix the real problems, and they often clash with the tools disabled people already use to browse.
Does your site pass this check?
AgoraScan checks this and the rest of the checklist on your pages, with screenshots of anything it finds. The first scan is free.