1.4.3Niveau AA1.4 Distinguishable

Contraste (minimum)

Text and images of text have a contrast ratio of at least 4.5:1, with exceptions for large text (3:1), incidental text, and logotypes.

Voir la spécification W3C ↗axe: color-contrast

Ce que cela signifie

Comprendre Contraste (minimum) (en anglais) | Comment satisfaire à Contraste (minimum) (en anglais) (Niveau AA) La présentation visuelle du texte et du texte sous forme d’image a un rapport de contraste d’au moins 4,5:1, sauf dans les cas suivants : Texte agrandi le texte agrandi et le texte agrandi sous forme d’image ont un rapport de contraste d’au moins 3:1. Texte décoratif aucune exigence de contraste pour le texte ou le texte sous forme d’image qui fait partie d’un composant d’interface utilisateur inactif, qui est purement décoratif , qui est invisible pour tous ou qui est une partie d’une image contenant un autre contenu significatif. Logotypes aucune exigence de contraste pour le texte faisant partie d’un logo ou d’un nom de marque.

Failing example

<!-- Fails: light gray text on white — contrast ratio ~2.3:1 -->
<style>
  .hint { color: #aaaaaa; background: #ffffff; }
</style>
<p class="hint">Your password must be 8+ characters.</p>

How to fix it

<!-- Pass: darker gray meets 4.5:1 on white -->
<style>
  .hint { color: #767676; background: #ffffff; }
  /* #767676 on #ffffff = 4.54:1 — just over the threshold */
</style>
<p class="hint">Your password must be 8+ characters.</p>

Comment A11yRisk détecte cela

A11yRisk détecte ce critère automatiquement.

Analyser votre site pour cette violation →