RGAA 4.1.2 · THÉMATIQUE 10 · PRÉSENTATION DE L’INFORMATION
Critère 10.5 : Dans chaque page web, les déclarations CSS de couleurs de fond d’élément et de police sont-elles correctement utilisées ?
Texte officiel du RGAA 4.1.2 (DINUM), mis en page par Claren · Mis à jour le
Ce critère appartient à la thématique « Présentation de l’information » du RGAA 4.1.2. Il se vérifie par 3 tests.
Le critère
Dans chaque page web, les déclarations CSS de couleurs de fond d’élément et de police sont-elles correctement utilisées ?
Les tests
Test 10.5.1
Dans chaque page web, chaque déclaration CSS de couleurs de police (color), d’un élément susceptible de contenir du texte, est-elle accompagnée d’une déclaration de couleur de fond (background, background-color), au moins, héritée d’un parent ?
Méthodologie du test 10.5.1
- Retrouver dans le document les textes mis en couleur, à l’exception des couleurs par défaut (par exemple les liens, etc.) ;
- Déterminer l’élément qui contient le texte et vérifier la présence d’une valeur calculée pour la propriété
background-colorde l’élément ; - Si c’est le cas, le test est validé.
Test 10.5.2
Dans chaque page web, chaque déclaration de couleur de fond (background, background-color), d’un élément susceptible de contenir du texte, est-elle accompagnée d’une déclaration de couleur de police (color) au moins, héritée d’un parent ?
Méthodologie du test 10.5.2
- Retrouver dans le document les textes mis en couleur, à l’exception des couleurs par défaut (par exemple les liens, etc.) ;
- Déterminer l’élément qui contient le texte et vérifier la présence d’une valeur calculée pour la propriété
colorde l’élément ; - Si c’est le cas, le test est validé.
Test 10.5.3
Dans chaque page web, chaque utilisation d’une image pour créer une couleur de fond d’un élément susceptible de contenir du texte, via CSS (background, background-image), est-elle accompagnée d’une déclaration de couleur de fond (background, background-color), au moins, héritée d’un parent ?
Méthodologie du test 10.5.3
- Retrouver dans le document les textes dont l’arrière-plan est constitué d’une image (propriété background-image) ;
- Déterminer l’élément qui contient le texte et vérifier que si l’image d’arrière-plan est absente, le texte reste lisible ;
- Si c’est le cas, le test est validé.
Correspondance WCAG
- WCAG 2.2, critère 1.4.3 : Contrast (Minimum)
Ce qu’un contrôle automatique peut voir
Aucun contrôle automatique de Claren ne couvre ce critère : il se vérifie à la main.
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 10.5 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.