Dans chaque page web, les déclarations CSS de couleurs de fond d’élément et de police sont-elles correctement utilisées ?

Comprendre

Les couleurs de fond et de texte doivent être déclarées ensemble pour éviter des combinaisons illisibles.

Ce critère s’applique à toutes les pages.

Ce que vérifie Agence RGAA

Aucun contrôle automatique fiable aujourd’hui : ce critère est vérifié par une personne (en interne ou par un auditeur RGAA).

Un résultat automatique n’est jamais un audit : seul un contrôle humain (en interne ou par un auditeur RGAA) permet de conclure.

Tests officiels

1. 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 de test

   1. Retrouver dans le document les textes mis en couleur, à l’exception des couleurs par défaut (par exemple les liens, etc.) ;
   2. 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-color de l’élément ;
   3. Si c’est le cas, le test est validé.

2. 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 de test

   1. Retrouver dans le document les textes mis en couleur, à l’exception des couleurs par défaut (par exemple les liens, etc.) ;
   2. Déterminer l’élément qui contient le texte et vérifier la présence d’une valeur calculée pour la propriété color de l’élément ;
   3. Si c’est le cas, le test est validé.

3. 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 de test

   1. Retrouver dans le document les textes dont l’arrière-plan est constitué d’une image (propriété background-image) ;
   2. 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 ;
   3. Si c’est le cas, le test est validé.

Texte officiel du référentiel RGAA 4.1.2 publié par la DINUM — voir la source.