1. Home
  2. :
  3. WCAG Guidelines
  4. :
  5. 1.4.6 Contrast (Enhanced) – Level...

1.4.6 Contrast (Enhanced) – Level AAA

The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following:  

  • Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 4.5:1;
  • Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
  • Logotypes: Text that is part of a logo or brand name has no contrast requirement.

Understanding Success Criterion 1.4.6: Contrast (Enhanced)

Checklist – System Foundations

Warning!
Not all components are represented here yet.
TestPriority
Do links have enough contrast against their background?High

Typography

TestPriority
Do text elements have enough contrast against their background?High

Checklist – Components

Breadcrumbs

TestPriority
Do text elements have enough contrast against their background?High

Buttons

TestPriority
Does the button’s text label have enough contrast against their background?High

Forms

TestPriorityAutomated test?
Do text elements including text in fields and text labels have enough contrast against their background?HighNone

Menu buttons

TestPriorityAutomated test?
Do active (not-selected) text menu entries have enough contrast against their backgrounds?HighNone
Do selected text menu entries have enough contrast against their backgrounds?HighNone