Skip to main content
RAWEBAA

3.2 On each web page, is the contrast between the colour of the text and the colour of its background sufficiently high (excluding special cases)?

WCAG references
  • 1.4.3 Contrast (Minimum) (AA)
Techniques
  • C29
  • F83
  • G18
  • G136
  • G148
  • G174
  • G145

Official methodology to test criterion 3.2

Test 1 (3.2.1)

  1. Find in the document texts and images of texts with no bold effect and a rendered size of less than 24px that could cause contrast problems.
  2. For each of these texts, check that
    • either the contrast ratio between the text and its background is 4.5:1, at least;
    • or a mechanism allows the user to display the text with a contrast ratio of at least 4.5:1.
  3. If this is the case for each text, the test is validated.

Test 2 (3.2.2)

  1. Find in the document bold texts and bold images of texts with a rendered size of less than 18.5px that could cause contrast problems.
  2. For each of these texts, check that
    • either the contrast ratio between the text and its background is 4.5:1, at least;
    • or a mechanism allows the user to display the text with a contrast ratio of at least 4.5:1.
  3. If this is the case for each text, the test is validated.

Test 3 (3.2.3)

  1. Find in the document texts and images of texts without bold effect with a rendered size greater than or equal to 24px that could cause contrast problems.
  2. For each of these texts, check that
    • either the contrast ratio between the text and its background is at least 3:1;
    • or a mechanism allows the user to display the text with a contrast ratio of at least 3:1.
  3. If this is the case for each text, the test is validated.

Test 4 (3.2.4)

  1. Find in the document bold texts and bold images of texts with a rendered size greater than or equal to 18.5px that could cause contrast problems.
  2. For each of these texts, check that
    • either the contrast ratio between the text and its background is at least 3:1;
    • or a mechanism allows the user to display the text with a contrast ratio of at least 3:1.
  3. If this is the case for each text, the test is validated.

Test 5 (3.2.5)

  1. Find the mechanisms used to display a compliant contrast ratio in the document.
  2. For each of these mechanisms, check that the contrast ratio between the text and the background colour is sufficiently high.
  3. If this is the case for each mechanism, the test is validated.