# WCAG 2.2 – 1.4.11 Non-text Contrast

- Level: AA
- Principle: 1 Perceivable
- Guideline: 1.4 Distinguishable
- Introduced in: WCAG 2.1

## What the rule requires

Controls and important graphics need contrast too: at least 3:1 for input borders, icons, focus rings and chart lines.

## How to get it right

Give inputs a clearly visible border (for example #6b6b85 on white) instead of a barely visible light grey.

## Who benefits

- People with low vision

## Sources

- [This rule on wcag.dehl.net](https://wcag.dehl.net/en/wcag/1-4-11/)
- [Interactive demo](https://wcag.dehl.net/en/demos/#contrast)
- [Official W3C explanation](https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast)
- [Techniques (WCAG Quick Reference)](https://www.w3.org/WAI/WCAG22/quickref/#non-text-contrast)

_Plain-language explanation. Only the original W3C text is normative._