RGAA 4.1.2 · THÉMATIQUE 3 · COULEURS
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 (DINUM), mis en page par Claren · Mis à jour le
Ce critère appartient à la thématique « Couleurs » du RGAA 4.1.2. Il se vérifie par 5 tests.
Le critère
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) ?
Les 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).
Correspondance WCAG
- WCAG 2.2, critère 1.4.3 : Contrast (Minimum)
Ce qu’un contrôle automatique peut voir
Les contrôles automatiques de Claren couvrent une partie de ce critère. Le reste se vérifie à la main.
- Les éléments doivent avoir un contraste de couleurs suffisant
Faire vérifier votre site
Un test automatique ne tranche qu’une partie des critères. Un audit RGAA les contrôle tous à la main, sur un échantillon de pages, et vous laisse un plan de correction.
Version officielle : critère 3.2 sur accessibilite.numerique.gouv.fr.
Textes du critère, des tests, de la méthodologie, des cas particuliers et des notes techniques : RGAA 4.1.2, DINUM, sous Licence Ouverte 2.0 (Etalab), repris tels quels. Intitulés des critères WCAG 2.2 : W3C, W3C Document License. Les liens des termes mènent au glossaire officiel du RGAA.