Texte normal
Grand texte
Corrections rapides
Titre de l'aperçu
Le vif renard brun saute par-dessus le chien paresseux
Exemple de petit texte (12px)
Normes WCAG
Level AA
Ratio de contraste minimum de 4,5:1 pour le texte normal et 3:1 pour le texte large. Requis pour la plupart des sites web.
Level AAA
Ratio de contraste amélioré de 7:1 pour le texte normal et 4,5:1 pour le texte large. Recommandé pour une accessibilité optimale.
Contraste insuffisant pour toutes les tailles de texte - ne respecte pas les normes WCAG.
Vérificateur de contraste des couleurs
Calcule le ratio de contraste entre les couleurs du texte et de l'arrière-plan.
Choisis une couleur à l'aide du sélecteur de couleur pour le texte et l'arrière-plan ou entre une couleur au format hexadécimal RGB (par exemple, #259 ou #2596BE). Tu peux ajuster le curseur pour sélectionner la couleur. Les directives pour l'accessibilité du contenu Web (WCAG) ont une ligne directrice spécifique pour déterminer si le texte est lisible pour les utilisateurs voyants. Ce critère utilise un algorithme particulier pour mapper les combinaisons de couleurs en ratios comparables. Selon cette formule, les WCAG indiquent qu'un ratio de contraste de 4,5:1 entre le texte et son arrière-plan est adéquat pour le texte régulier (corps), et le texte large (18+ pt régulier, ou 14+ pt gras) doit avoir au moins un ratio de contraste de 3:1.
Caractéristiques principales
- • Calcul du ratio de contraste en temps réel
- • Vérification de la conformité WCAG AA & AAA
- • Curseurs HSL pour un réglage précis
- • Formats d'aperçu multiples
Outils avancés
- • Correction automatique des couleurs
- • Échantillons de texte et de fond
- • Détection du nom de la couleur
- • Exporter les résultats