1. Accueil
  2. Opquast V3
  3. 181 - Les contenus sont présentés avec un con…

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

Objectif

Permettre une bonne lisibilité des contenus.

Limiter la charge mentale lors de la consultation.

Solution technique

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.

Moyen de controle

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.

Crée le
23 juin 2014

Testez et faites reconnaître vos compétences

Logo Opquast Certfied

Opquast Certified est un test sur 1000 points permettant de vérifier le degré de maîtrise des meilleures pratiques du Web

Découvrir

Retrouvez cette fiche dans « Qualité Web »

Livre Qualité Web

En savoir +

Version numérique offerte pour l’achat de la version papier