Thématique 10 · Présentation de l'information

Critère RGAA 10.5 : Couleurs de fond et de texte déclarées ensemble

Si seule la couleur du texte est définie, une personne qui utilise ses propres couleurs (fond sombre, par exemple) peut se retrouver avec un texte illisible.

Niveau: AA
WCAG 2.2: 1.4.3
Thématique: Présentation de l'information
Vérification: Vérification humaine

La question posée par le RGAA

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

Comment respecter ce critère

Déclarez toujours ensemble la couleur du texte et celle du fond de l'élément (ou d'un parent).

Les tests officiels

Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :

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 ?
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 ?
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 ?

Source : RGAA 4.1.2, critère 10.5, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.

Comment Accessia le vérifie

Ce critère demande un jugement humain (pertinence, contexte, contenu multimédia). La revue guidée d'Accessia vous le présente avec ses tests officiels, et l'extension Chrome aide à le vérifier (ordre de tabulation, titres, zones, lecteur d'écran, simulations).