Back to home

Testing text contrast

Which of the examples below has colour contrast that passes Success Criterion 1.4.3: Contrast (Minimum).

  1. Normal text smaller than 24px must be at least 4.5:1.
  2. Normal text 24px or larger must be at least 3:1.
  3. Bold text smaller than 18px must be at least 4.5:1.
  4. Bold text 18px or larger must be at least 3:1.

Example 1

Normal text smaller than 24px should be at least 4.5:1.
This text is 20px.
Does this colour contrast pass?

Example 2

Normal text 24px or larger should be at least 3:1.
This text is 26px.
Does this colour contrast pass?

Example 3

Bold text smaller than 18px should be at least 4.5:1.
This text is 17px.
Does this colour contrast pass?

Example 4

Bold text 18px or larger should be at least 3:1.
This text is 24px.
Does this colour contrast pass?

Back to home