Vérificateur d'accessibilité couleur + taille de police
Obtenez un résultat définitif conforme/non conforme aux WCAG pour vos réglages de police exacts. Saisissez les couleurs de premier plan et d'arrière-plan, puis réglez la taille et la graisse de police : l'outil applique automatiquement le bon seuil WCAG (le texte grand ≥18 pt / ≥14 pt en gras nécessite 3:1, le texte normal 4,5:1). L'aperçu en direct montre exactement à quoi ressemblera votre texte. Totalement privé, 100 % gratuit et sans inscription.
Color Presets
#000000 · rgb(0, 0, 0)
#FFFFFF · rgb(255, 255, 255)
Font Settings
Quick Font Presets
Live Preview
The quick brown fox jumps over the lazy dog. Accessibility matters for everyone.
16px / weight 400 - Normal text (WCAG)
21.00:1
Excellent contrast · Passes WCAG AAA (normal text requires 7:1). Excellent contrast.
WCAG normal text threshold applies. Suggested text color for this background: #ffffff
Pourquoi utiliser notre vérificateur d'accessibilité couleur + taille de police ?
- Sensible à la taille et à la graisse : contrairement aux vérificateurs de contraste de base, cet outil tient compte de votre taille et de votre graisse de police exactes pour déterminer le bon seuil WCAG. Le texte grand (≥18 pt ou ≥14 pt gras) ne nécessite que 3:1 pour AA, tandis que le texte normal nécessite 4,5:1 : l'outil gère cela automatiquement.
- Résultats WCAG instantanés conforme/non conforme : consultez le résultat définitif de conformité WCAG AA et AAA à chaque modification. La jauge de contraste visualise la position de votre rapport par rapport aux seuils WCAG, et l'aperçu en direct montre exactement à quoi ressemblera votre texte à la taille et à la graisse indiquées.
- 100 % privé - aucun envoi : tous les calculs de contraste s'exécutent localement dans votre navigateur avec la formule officielle de luminance relative WCAG 2.1. Vos valeurs de couleur et réglages de texte ne quittent jamais votre appareil.
- Gratuit et sans limites : vérifiez un nombre illimité de combinaisons de couleurs et de réglages de police, sans inscription, sans abonnement et sans plafond d'utilisation. Le vérificateur d'accessibilité de taille de police est totalement gratuit à vie, sans publicités bloquant l'interface.
Qu'est-ce que le vérificateur d'accessibilité couleur + taille de police ?
Le vérificateur d'accessibilité couleur + taille de police est un outil combiné d'évaluation du contraste WCAG qui tient compte non seulement des couleurs de premier plan et d'arrière-plan, mais aussi de la taille et de la graisse de police de votre texte. WCAG 2.1 définit des exigences de contraste différentes pour le texte normal et le texte grand : le texte grand (≥18 pt normal ou ≥14 pt gras) ne nécessite qu'un rapport de 3:1 pour la conformité AA, tandis que le texte normal nécessite 4,5:1. Cet outil détermine automatiquement le seuil applicable selon vos réglages de police exacts, vous offrant un résultat précis et définitif conforme/non conforme pour votre cas précis.
Comment fonctionne notre vérificateur d'accessibilité de taille de police
- Saisissez vos couleurs : tapez ou collez des valeurs HEX ou RGB pour les couleurs de premier plan (texte) et d'arrière-plan. Vous pouvez aussi utiliser le sélecteur de couleur natif ou choisir parmi les combinaisons de couleurs prédéfinies pour démarrer rapidement.
- Réglez la taille et la graisse : ajustez le curseur de taille de police (8-72 px) et sélectionnez une graisse parmi les boutons. Utilisez les polices prédéfinies rapides pour les tailles courantes comme le corps de texte (16 px), les titres (28 px) ou les légendes (11 px).
- Obtenez des résultats définitifs : l'outil calcule le rapport de contraste WCAG et applique automatiquement le bon seuil selon vos réglages de police. L'aperçu en direct montre exactement à quoi ressemblera votre texte, et les badges conforme/non conforme vous donnent un état clair de conformité AA et AAA.
Texte grand vs texte normal dans WCAG
- Texte normal (<18 pt normal / <14 pt gras) : nécessite un rapport de contraste minimal de 4,5:1 pour WCAG AA et 7:1 pour WCAG AAA. Le corps de texte, les libellés, les légendes et la plupart des textes d'interface entrent dans cette catégorie.
- Texte grand (≥18 pt / 24 px normal ou ≥14 pt / 18,67 px gras) : nécessite un rapport de contraste minimal de 3:1 pour WCAG AA et 4,5:1 pour WCAG AAA. Les titres, les grands encarts et la typographie d'affichage sont généralement considérés comme du texte grand.
- Pourquoi cette différence ? Le texte plus grand a des traits plus épais et plus de surface, ce qui le rend plus facile à lire même à des rapports de contraste plus faibles. WCAG en tient compte en fixant des seuils plus bas pour le texte grand.
Limites importantes
Le vérificateur d'accessibilité de taille de police évalue les rapports de contraste selon les seuils mathématiques WCAG 2.1. Réussir la vérification du rapport de contraste ne garantit pas une accessibilité complète : la conformité WCAG exige aussi un HTML sémantique correct, la navigation au clavier, la compatibilité avec les lecteurs d'écran, la gestion du focus et d'autres facteurs non liés à la couleur. En outre, la formule de contraste WCAG ne prend pas en compte tous les types de déficience de la vision des couleurs. La validation complète de l'accessibilité nécessite des tests manuels avec des technologies d'assistance et une revue par des experts en accessibilité. Testez toujours vos designs avec de vrais utilisateurs et des technologies d'assistance dans le cadre de votre démarche d'accessibilité.
Foire aux questions
Un vérificateur d'accessibilité couleur + taille de police combine le calcul du rapport de contraste WCAG avec l'évaluation de la taille et de la graisse de police. Au lieu de supposer que tout texte nécessite 4,5:1, il tient compte du fait que votre texte est ou non du « texte grand » (≥18 pt normal ou ≥14 pt gras) selon WCAG 2.1, qui ne nécessite que 3:1 pour AA. Vous obtenez ainsi un résultat précis conforme/non conforme pour votre style de texte exact.
WCAG 2.1 définit le texte grand comme au moins 18 points (24 px) en graisse normale, ou au moins 14 points (environ 18,67 px) en gras. Le vérificateur d'accessibilité de taille de police applique automatiquement ce seuil selon la taille et la graisse saisies : inutile de consulter les règles manuellement.
Le texte plus grand a des traits plus épais et occupe une plus grande surface visuelle, ce qui le rend plus facile à lire même à des rapports de contraste plus faibles. WCAG en tient compte en fixant des seuils plus bas : 3:1 pour le texte grand en AA au lieu de 4,5:1. C'est pourquoi les titres peuvent parfois être conformes AA avec des couleurs qui échoueraient pour le corps de texte.
L'outil le calcule automatiquement. Le texte normal (sous le seuil de texte grand) nécessite 4,5:1 pour AA et 7:1 pour AAA. Le texte grand (au seuil ou au-dessus) nécessite 3:1 pour AA et 4,5:1 pour AAA. Il suffit de saisir la taille et la graisse de police pour que l'outil affiche le rapport requis correct.
Absolument. Tous les calculs de contraste s'exécutent à 100 % côté client dans votre navigateur avec la formule officielle de luminance relative WCAG 2.1. Aucune donnée de couleur, aucun réglage de police ni aucune autre information n'est jamais envoyé à un serveur.
Oui. Il est 100 % gratuit, sans inscription, sans fonctions premium et sans limite d'utilisation. Vérifiez un nombre illimité de combinaisons de couleurs et de polices sans aucune restriction.
L'outil prend en charge les couleurs HEX (#RGB, #RRGGBB, #RRGGBBAA) et les valeurs RGB/RGBA (rgb(r,g,b) et rgba(r,g,b,a)). Vous pouvez aussi utiliser le sélecteur de couleur natif pour choisir visuellement une couleur. L'outil affiche les équivalents HEX et RGB de la couleur sélectionnée.
Non. Réussir la vérification du rapport de contraste est une exigence importante de conformité WCAG, mais l'accessibilité complète exige aussi un HTML sémantique correct, la navigation au clavier, la compatibilité avec les lecteurs d'écran, la gestion du focus, une couleur adéquate au-delà du contraste (par exemple ne pas s'appuyer uniquement sur la couleur pour transmettre une information) et bien d'autres facteurs. Le vérificateur d'accessibilité est un premier outil utile, mais la validation complète WCAG nécessite des tests manuels avec des technologies d'assistance.