- Success Criterion 1.4.11
- Conformance level AA
Chart Lines or Pie Slices With Contrast Too Low to See
1.4.11 — Non-text Contrast
Scenario
Setting
A job board's application form
What’s wrong
Graph lines, pie slices boundaries, and required chart elements <3:1 against adjacent colors.
Example
A QA pass on a job board's application form turns this up: graph lines, pie slices boundaries, and required chart elements <3:1 against adjacent colors.
Why it matters
Low-vision and color-blind people who need to perceive controls and meaningful graphics. The practical effect on a job board's application form: they can't perceive the control's boundary or state.
How to test
Measure chart lines, pie-slice boundaries, and other required chart elements against adjacent colors: each needs 3:1 where the boundary itself conveys information.
How to fix
The visual element (border, icon, indicator, state marker) must have at least 3:1 contrast against adjacent colors in every state.
Outcome
That one change on a job board's application form means they read the text clearly against its background, specifically for the “Chart Lines or Pie Slices With Contrast Too Low to See” issue on a job board's application form.
Who is affected
Low-vision and color-blind people who need to perceive controls and meaningful graphics.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Focus Outline Removed With No Replacement Indicator
- Input Field Border With Contrast Too Low to See
- Checkbox or Radio Outline Too Faint When Unchecked
- Toggle Switch States Too Similar in Color to Tell Apart
- Focus Indicator Present but Below the Contrast Minimum
- Icon-Only Button Glyph With Contrast Too Low to See