Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

181 - Les contenus sont présentés avec un contraste suffisant par rapport à leur arrière-plan.

Thématique
Phase Projet

Objectif
  • Permettre une bonne lisibilité des contenus.
  • Limiter la charge mentale lors de la consultation.
Mise en œuvre

Veiller à conserver un ratio de contraste minimal de 3:1 entre le texte et son arrière-plan, tel qu'il peut être mesuré via l'algorithme WCAG2.0.

Contrôle

Dans l'ensemble des pages :

  • Repérer les contenus dont la différence de contraste/luminosité avec leur arrière-plan est potentiellement insuffisante
  • Utiliser un outil du type Colour Contrast Analyzer pour calculer le ratio de contraste : cliquer sur Luminosité et relever la couleur du premier plan puis celle du second plan dans les champs dédiés ;
  • Vérifier que le ratio de contraste relevé est supérieur ou égal à 3,0:1

Dans le cas de textes placés sur un arrière-plan en dégradé, en motif ou photographique, la mesure de couleur de l'arrière-plan est prise au point le plus défavorable jouxtant le texte (pour un texte noir, le pixel le plus sombre). Il est conseillé de tenir également compte de l'agrandissement éventuel de la taille de caractère par l'utilisateur (dans Firefox à l'aide du menu Affichage > Zoom texte seulement), qui peut entraîner un changement dans la superposition texte/arrière-plan.

Découvrez la certification Opquast

Rejoignez la communauté des certifiés Opquast. Plus de 5000 professionnels formés à la qualité Web. Au programme une formation en ligne de 14h, un examen de 1h30, un badge et un score à mettre sur votre cv et votre profil linkedin.

Commander en ligne