Search Menu
Language Menu
Mobile Menu
OGCIO

3.4 Success Criterion 1.4.11 – Non-Text Contrast

All non-text content (e.g. graphics, diagrams, buttons, checkboxes, radio buttons or input fields), which deliver important information, should have a minimum 3:1 colour contrast ratio against adjacent colour.

 

Before Rectification

A webpage sample of white background containing an online input form where the textboxes are highlighted in light grey colour.

The grey textboxes on the white background have poor colour contrast, making it harder for persons with low vision to identify.

 

After Rectification

A webpage sample of white background containing an online input form where the textboxes are highlighted in light grey colour and surrounded by dark borders.

Dark border is applied to the textboxes so that they can be identified easily.

 

WCAG 2 Reference:
https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html