Remarque

Couleur presque correcte

Une couleur ressemble à ce que votre charte graphique demande, mais n'est pas exacte : une teinte légèrement différente, ou la bonne couleur rendue transparente.

Pourquoi c'est important

Le blanc à 85 % d'opacité n'est pas du blanc. Sur un fond bleu, il apparaît comme un bleu pâle, et à côté du vrai blanc, on le voit. Un code hexadécimal seul ne montre pas cela, c'est pourquoi il survit à chaque vérification de la feuille de style.

Comment Snaglist le vérifie

Cette vérification ne s'exécute qu'avec une charte graphique que vous avez téléchargée et des règles que vous avez confirmées. Dans un vrai navigateur, Snaglist lit la couleur de chaque élément de texte, sa transparence, l'opacité de chaque bloc autour de lui et le fond. Il calcule la couleur qui apparaît à l'écran et la compare avec la charte, comme le ferait une imprimante (CIEDE2000). La bonne couleur avec moins de 98 % d'opacité est signalée, ainsi qu'une différence jusqu'à 5. Au-delà, il s'agit d'une couleur différente, signalée sous la vérification des couleurs.

Snaglist signale ceci comme une notification. Cela coûte 2 pour cent de la page dans le score de santé. Bon à savoir, et parfois un choix délibéré.

Causes fréquentes

  • Opacité utilisée pour rendre un texte plus discret
  • Une teinte choisie à l'œil à partir d'une capture d'écran
  • Une opacité sur un bloc qui s'applique également au texte à l'intérieur
  • Une animation qui ne se termine pas à pleine opacité

Comment le corriger

  1. Trouvez le texte dans le détail et voyez d'où vient la transparence, sur le texte ou sur un bloc autour.
  2. Définissez la couleur sur la valeur exacte de la charte.
  3. Si la teinte plus claire est délibérée, ajoutez-la à la charte.

Présentation dans le rapport

Dans le rapport pour votre client, ceci apparaît sous le titre « Couleurs ne correspondant pas tout à fait à votre charte ». Lorsque tout est en ordre, le rapport indique : « Couleurs conformes à la charte, opacité incluse ».

Est-ce que cela figure également sur votre site?

Snaglist vérifie chaque page de votre site pour ce problème et tous les autres. Commencez gratuitement, sans carte de crédit.

Commencer gratuitement

Contrôles liés