---
title: "Vérificateur de contraste : mesurer et contrôler vos couleurs"
description: "Rubrique parente : notre sélection d’outils pour auditer le RGAA. Comment l’outil obtient son résultat Tout part de la luminance relative, c’est-à-dire la clarté perçue de chacune des deux couleurs, calculée à partir de leurs composantes rouge, verte et bleue. Le ratio s’obtient ensuite sans marge d’interprétation : (L_clair + 0,05) / (L_sombre + 0,05), […]"
url: "https://www.newp.fr/audit-rgaa/outils-audit-rgaa/verificateur-de-contraste/"
author: ""
date: "2026-09-20T09:27:36+00:00"
modified: "2026-09-21T18:36:04+00:00"
lang: "fr_FR"
---

# Vérificateur de contraste : mesurer et contrôler vos couleurs

 Rubrique parente : [notre sélection d’outils pour auditer le RGAA](/audit-rgaa/outils-audit-rgaa/).

 

## Comment l’outil obtient son résultat

 Tout part de la **luminance relative**, c’est-à-dire la clarté perçue de chacune des deux couleurs, calculée à partir de leurs composantes rouge, verte et bleue. Le ratio s’obtient ensuite sans marge d’interprétation : `(L_clair + 0,05) / (L_sombre + 0,05)`, où `L` désigne cette luminance.

 La valeur minimale, 1:1, correspond à deux teintes identiques ; la valeur maximale, 21:1, au noir sur fond blanc.

## Les valeurs de référence

 Ratios minimaux exigés (niveau AA, sauf indication AAA).
| Type de contenu | Ratio à atteindre |
|---|---|
| Texte de taille normale | 4,5:1 |
| Grand texte | 3:1 |
| Éléments d’interface et graphiques qui portent une information | 3:1 |
| Texte de taille normale (AAA) | 7:1 |

 

## Ce que l’outil ne tranche pas seul

- **Un texte posé sur une photo ou un dégradé.** Le rapport varie d’un point à l’autre : on mesure là où il est le plus faible, ou, plus simplement, on ajoute un fond uni sous le texte.
- **Les différents états d’un composant.** Au survol, au focus, désactivé ou en erreur : l’outil n’analyse que l’affichage par défaut.
- **Les couleurs translucides.** Le calcul porte sur la teinte obtenue après superposition, et non sur la valeur écrite dans le CSS.
- **Un texte incrusté sur une vidéo**, dont l’arrière-plan ne cesse de bouger.
- **Les graphiques qui véhiculent du sens** (tracés de courbes, pictogrammes, filets de séparation significatifs), souvent ignorés par les outils.
 
 Une vérification isolée ne tient pas dans le temps Les contrastes s’érodent petit à petit : un gris que l’on éclaircit, une teinte de marque que l’on retouche. Un test réalisé le jour de la livraison ne garantit rien quelques mois après.

 Nous ne connaissons qu’une méthode sûre : recalculer automatiquement chaque paire de couleurs à chaque déploiement, et bloquer la mise en ligne si un seuil n’est pas atteint. Ce site applique ce contrôle à 20 couples de couleurs, en thème clair comme en thème sombre ; vous en trouverez le détail dans notre [page d’accessibilité du site](/accessibilite/).

 

## Vérifiez les couleurs du système, pas chaque page

 Dans un site construit de façon industrielle, toutes les couleurs proviennent d’une poignée de variables de design (les « jetons »). En testant ces jetons, soit une vingtaine de paires, vous couvrez d’un coup toutes les pages actuelles et à venir. Tester page après page, en revanche, est un travail sans fin.

 C’est tout l’intérêt d’un [design system pensé pour l’accessibilité](/mise-en-conformite-rgaa/design-system-accessible/) : le bon contraste est garanti par le système lui-même au lieu d’être surveillé partout.

  [ Sujet précédent Lecteurs d’écran pour auditer ](/audit-rgaa/outils-audit-rgaa/lecteurs-ecran/)

---

*Source : [www.newp.fr](https://www.newp.fr/audit-rgaa/outils-audit-rgaa/verificateur-de-contraste/)*