Vérificateur de contraste WCAG
Le texte à faible contraste constitue le problème d'accessibilité le plus courant sur le Web. Entrez les couleurs de votre texte et de votre arrière-plan pour obtenir le rapport de contraste exact et un verdict réussite/échec pour le texte normal, le texte volumineux et les composants de l'interface utilisateur.
Faits clés
- Catégorie
- Conception et couleur
- Prix
- Gratuit
- Compte
- Non requis
- Traitement
- Dans votre navigateur
- Saisir
- Fichiers locaux ou données collées
- Plate-forme
- Navigateurs de bureau et mobiles modernes
Ce que ça fait
Le texte à faible contraste constitue le problème d'accessibilité le plus courant sur le Web. Entrez les couleurs de votre texte et de votre arrière-plan pour obtenir le rapport de contraste exact et un verdict réussite/échec pour le texte normal, le texte volumineux et les composants de l'interface utilisateur.
Mesurez les taux de contraste du texte et vérifiez la conformité AA/AAA pour les textes normaux et de grande taille.
Comment l'utiliser
Voici la version courte de l'utilisation de Vérificateur de contraste WCAG.
- Définir le texte et l'arrière-plan — Utilisez les entrées de couleur ou collez les valeurs hexadécimales de vos jetons de conception.
- Lire le rapport — L'outil calcule la luminance relative et le rapport de contraste avec deux décimales.
- Corriger et re-tester — Si une paire échoue, ajustez la luminosité jusqu'à ce qu'elle réussisse, puis copiez les valeurs hexadécimales conformes.
Des fonctionnalités qui comptent
Ce que Vérificateur de contraste WCAG fait bien.
- Rien ne quitte votre appareil — Le travail se déroule dans l'onglet de votre navigateur. Il n'y a pas de point final de téléchargement dans cette application, donc vos fichiers et votre texte ne peuvent pas être stockés, enregistrés ou vus par nous.
- Pas d'attente de téléchargement — Vous évitez complètement l’aller-retour vers un serveur. Les résultats sont limités par votre propre processeur, et non par la vitesse du réseau ou la taille de la file d'attente.
- Gratuit, pas de compte, pas de quotas — Pas de mur d'inscription, pas de filigrane, pas de limite quotidienne. Les comptes facultatifs existent uniquement pour enregistrer les favoris et les préréglages sur tous les appareils.
Questions fréquemment posées
Ma paire de couleurs peut-elle être utilisée en toute sécurité ici ?
Oui. Cet outil s'exécute entièrement dans votre navigateur en utilisant JavaScript. Rien de ce que vous collez ou ouvrez n’est envoyé à un serveur et la page n’en conserve aucune copie après sa fermeture.
Dois-je créer un compte ?
Non. Chaque outil est entièrement utilisable sans connexion. Un compte ajoute uniquement des favoris enregistrés et des préréglages réutilisables.
Est-ce que ça marche sur un téléphone ?
Oui. L'interface est avant tout mobile avec de grandes cibles tactiles et une disposition empilée, elle fonctionne donc sur les téléphones et les tablettes ainsi que sur les ordinateurs de bureau.
Quel ratio les WCAG exigent-ils ?
AA nécessite 4,5 : 1 pour le texte normal et 3 : 1 pour le texte de grande taille (18 pts ou 14 pts en gras). AAA les élève à 7 : 1 et 4,5 : 1. Les composants de l'interface utilisateur non textuels nécessitent au moins 3:1.
Pourquoi une couleur semble-t-elle belle mais échoue-t-elle ?
La luminosité perçue diffère de la teinte. Les bleus et les verts saturés ont souvent une luminance plus faible qu'il n'y paraît, alors mesurez toujours la paire réelle plutôt que de vous fier à l'échantillon.
Ouvrir Vérificateur de contraste WCAG
Essayez-le maintenant : il s'exécute dans votre navigateur et ne nécessite aucun compte.
Ouvrez l'outil