Critère 3.2 Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Texte officiel du RGAA 4.1.2. Voir aussi le critère 3.2 sur accessibilite.numerique.gouv.fr.

Tests

Test 3.2.1

Dans chaque page web, le texte et le texte en image sans effet de graisse d’une taille restituée inférieure à 24px vérifient-ils une de ces conditions (hors cas particuliers) ?

Le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins ;
Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.

Méthodologie du test 3.2.1

Retrouver dans le document les textes et les textes en image sans effet de graisse d’une taille restituée inférieure à 24px qui pourraient poser des problèmes de contraste ;
Pour chacun de ces textes, vérifier que :
- Soit le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins ;
- Soit un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.
Si c’est le cas pour chaque texte, le test est validé.

Test 3.2.2

Dans chaque page web, le texte et le texte en image en gras d’une taille restituée inférieure à 18,5px vérifient-ils une de ces conditions (hors cas particuliers) ?

Le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins ;
Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.

Méthodologie du test 3.2.2

Retrouver dans le document les textes et les textes en image en gras d’une taille restituée inférieure à 18,5px qui pourraient poser des problèmes de contraste ;
Pour chacun de ces textes, vérifier que :
- Soit le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins ;
- Soit un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.
Si c’est le cas pour chaque texte, le test est validé.

Test 3.2.3

Dans chaque page web, le texte et le texte en image sans effet de graisse d’une taille restituée supérieure ou égale à 24px vérifient-ils une de ces conditions (hors cas particuliers) ?

Le rapport de contraste entre le texte et son arrière-plan est de 3:1, au moins ;
Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 3:1, au moins.

Méthodologie du test 3.2.3

Retrouver dans le document les textes et les textes en image sans effet de graisse d’une taille restituée supérieure ou égale à 24px qui pourraient poser des problèmes de contraste ;
Pour chacun de ces textes, vérifier que :
- Soit le rapport de contraste entre le texte et son arrière-plan est de 3:1, au moins ;
- Soit un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 3:1, au moins.
Si c’est le cas pour chaque texte, le test est validé.

Test 3.2.4

Dans chaque page web, le texte et le texte en image en gras d’une taille restituée supérieure ou égale à 18,5px vérifient-ils une de ces conditions (hors cas particuliers) ?

Le rapport de contraste entre le texte et son arrière-plan est de 3:1, au moins ;
Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 3:1, au moins.

Méthodologie du test 3.2.4

Retrouver dans le document les textes et les textes en image en gras d’une taille restituée supérieure ou égale à 18,5px qui pourraient poser des problèmes de contraste ;
Pour chacun de ces textes, vérifier que :
- Soit le rapport de contraste entre le texte et son arrière-plan est de 3:1, au moins ;
- Soit un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 3:1, au moins.
Si c’est le cas pour chaque texte, le test est validé.

Test 3.2.5

Dans le mécanisme qui permet d’afficher un rapport de contraste conforme, le rapport de contraste entre le texte et la couleur d’arrière-plan est-il suffisamment élevé ?

Méthodologie du test 3.2.5

Retrouver dans le document les mécanismes qui permettent d’afficher un rapport de contraste conforme ;
Pour chacun de ces mécanismes, vérifier que le rapport de contraste entre le texte et la couleur d’arrière-plan est suffisamment élevé ;
Si c’est le cas pour chaque mécanisme, le test est validé.

Cas particuliers

Dans ces situations, les critères sont non applicables pour ces éléments :

- Le texte fait partie d’un logo ou d’un nom de marque d’un organisme ou d’une société ;
- Le texte ou l’image de texte est purement décoratif ;
- Le texte fait partie d’une image véhiculant une information mais le texte lui-même n’apporte aucune information essentielle ;
- Le texte ou l’image de texte fait partie d’un élément d’interface sur lequel aucune action n’est possible (par exemple un bouton avec l’attribut disabled).

Références WCAG 2.1

1.4.3 Contrast (Minimum) (niveau AA)

Techniques WCAG : G18, G136, G148, G174, G145, C29

Ce que l’audit automatique peut détecter

Règles qui vérifient directement ce critère

Ces règles d’axe-core 4.14.0 citent un test de ce critère. Elles repèrent une partie des erreurs ; le reste du critère demande une vérification humaine.

color-contrast : Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholdsTest 3.2.1.

Source : RGAA 4.1.2 (WCAG 2.1), © DINUM, publié dans le dépôt DISIC/accessibilite.numerique.gouv.fr (commit ca4019f), sous Licence Ouverte 2.0. Texte officiel reproduit sans modification de contenu ; certains attributs de mise en forme (liens ouverts dans une nouvelle fenêtre, lien mort) sont retirés. Seuls les encadrés « Explication Rampe — non normative » sont rédigés par Rampe.