Contraste (amélioré)

Ce que ce critère demande

Au niveau AAA, le texte courant doit atteindre un contraste de 7:1 et le grand texte (18 pt / 14 pt gras) doit atteindre 4.5:1. Les mêmes exceptions qu’en 1.4.3 s’appliquent — logos, texte décoratif, contrôles inactifs — mais le seuil est environ deux fois plus strict. Ce critère est conçu pour les utilisateurs souffrant d’une basse vision modérée à sévère, pour lesquels un rapport de 4.5:1 reste difficile à lire dans des conditions d’éclairage défavorables.

Comment y répondre

• Utiliser un vérificateur de contraste affichant les résultats AA et AAA ; viser la colonne AAA.
• Pour du texte courant sur fond blanc, une couleur de premier plan plus sombre que #595959 dépasse généralement 7:1.
• En mode sombre, une couleur de premier plan plus claire que #b3b3b3 sur fond quasi-noir dépasse généralement ce seuil.
• Utiliser du noir pur sur blanc pur lorsque la charte graphique le permet — c’est le ratio le plus sûr : 21:1.
• Associer le contraste AAA à un basculeur utilisateur si le mode haut contraste entre en conflit avec l’identité de marque du thème par défaut.

Erreurs courantes

• Texte courant gris moyen (#666) qui passe 4.5:1 mais échoue à 7:1 — un quasi-passage reste un échec.
• Boutons d’appel à l’action aux couleurs de marque atteignant 4.5:1 mais pas 7:1 — la plupart n’y parviennent pas.
• Thème haut contraste qui échoue au critère de contraste hors texte (1.4.11) même si le contraste du texte est conforme.

Pourquoi c’est important

Le niveau AAA est rarement exigé contractuellement, mais la prise en charge d’un thème haut contraste est de plus en plus attendue dans les contextes gouvernementaux et ceux à forte utilisation de technologies d’assistance. La solution la plus nette consiste à proposer un thème haut contraste opt-in atteignant 7:1, sans imposer ce thème par défaut au détriment de l’identité de marque.