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. Voir aussi le critère 10.5 sur accessibilite.numerique.gouv.fr.
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é.
Références WCAG 2.1
- 1.4.3 Contrast (Minimum) (niveau AA)
Techniques WCAG : F24
Ce que l’audit automatique peut détecter
Aucune règle d’axe-core 4.14.0 ne vérifie directement ce critère : vérification humaine indispensable, en suivant la méthodologie de chaque test.
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.