Vérifier le contraste des couleurs

Vérifier le contraste des couleurs: usages et conseils pratiques

Saisissez deux couleurs HEX opaques de trois ou six chiffres, avec ou sans dièse. Le rapport utilise la luminance relative sRGB et ne dépend pas de la taille de l’échantillon. AA exige 4,5:1 pour le texte normal et 3:1 pour le grand texte ; AAA exige respectivement 7:1 et 4,5:1. Un grand texte mesure au moins 24 pixels CSS, ou environ 18,67 pixels en gras. Les seuils sont comparés avant l’arrondi du nombre affiché. Ce contrôle porte sur une paire uniforme : il n’évalue ni transparence, photographie, dégradé, état interactif, ni l’accessibilité complète de la page. Si le fond réel change, recommencez avec les couleurs effectives. Conservez les deux codes avec le résultat.

Vérifier le contraste des couleurs. Commencez par l’exemple et observez le rapport entre entrée et sortie avant de coller un document complet. L’exemple est petit pour permettre une vérification sans autre application. Remplacez ensuite ses données par un échantillon représentatif de votre cas et réglez les options. Le bouton principal effectue l’opération ; charger l’exemple remplit seulement les champs. Si vous modifiez une entrée après le calcul, le résultat précédent est masqué pour éviter de copier une version qui ne correspond plus aux données. Relancez après chaque modification. Effacer rétablit les valeurs initiales et abandonne le résultat de la page. Copier place le texte dans le presse-papiers lorsque le navigateur le permet. Télécharger crée le fichier uniquement sur demande explicite ; calculer ne lance aucun téléchargement. Conservez une copie séparée de l’entrée si vous devez refaire le travail, car ce formulaire n’est pas une archive de projets et ne garde pas d’historique. Pour comparer plusieurs essais, donnez aux fichiers des noms décrivant les options choisies et vérifiez le fichier ouvert.

Vérifier le contraste des couleurs. Vérifiez un échantillon court au résultat prévisible et un autre cas contenant les détails importants pour votre travail. Examinez le début et la fin de la sortie : une copie apparemment correcte peut correspondre à des données antérieures si vous avez enregistré plusieurs versions hors de cette page. En cas d’erreur, réduisez l’échantillon jusqu’à trouver la donnée concernée et vérifiez les limites indiquées. Ne supprimez pas des informations seulement pour faire disparaître un avertissement : vérifiez d’abord que l’opération choisie correspond à votre objectif. Avant d’utiliser un fichier dans un autre programme, ouvrez-le et contrôlez caractères, structure et valeurs. Le fichier contient le résultat, pas les réglages. Pour expliquer son origine, gardez aussi les données initiales et les options choisies.

Un contrôle pratique avant d’utiliser le résultat

Vérifier le contraste des couleurs. Vérifiez le contraste entre texte et fond selon les seuils WCAG AA et AAA. Vérifiez le résultat avant de le copier ou télécharger.