Le ratio de contraste (contrast ratio en anglais) mesure la différence de luminosité entre deux teintes, généralement entre le texte et l'arrière-plan.

Un bon ratio favorise la lisibilité et l'expérience utilisateur. Le contraste est primordial pour les personnes ayant des problèmes de vision, et joue un rôle essentiel dans la conception d’interfaces numériques accessibles.

good contrast sentence 1.png

bad contrast sentence 1.png

good contrast sentence 2.png

bad contrast sentence 2.png

good contrast sentence 3.png

bad contrast sentence 3.png

La perception humaine du contraste repose essentiellement sur la différence de luminosité et de couleur. La distinction entre les niveaux de luminosité a un impact plus fort que la différence de teintes.

Par exemple, un rouge vif sur un fond sombre sera mieux perçu que sur un fond violet.

good contrast sentence 4.png

bad contrast sentence 4.png

Cette perception varie également selon les conditions d'éclairage et l'acuité visuelle.

Calcul du contrast ratio

Le contrast ratio se calcule à l'aide d'une formule spécifique qui compare la luminosité relative de deux couleurs.

Le résultat de ce calcul est exprimé sous forme de rapport a:b, allant de 1:1 (pas de contraste) à 21:1 (contraste maximal).

contrast ratio.png