Éditeur d'Images & Optimiseur par Lots
Images et design Local uniquement
Kit d'Accessibilité & Couleurs
Local uniquementVérifiez le contraste WCAG, corrigez les paires de couleurs, créez des palettes et extrayez les couleurs d’images localement.
Rapport de contraste WCAG
14.68:1
Texte normal · AAPasser
Texte normal · AAAPasser
Grand texte · AAPasser
Grand texte · AAAPasser
Composantes de l'assurance-chômage · AAPasser
WCAG 2.2 exige au moins 4,5:1 pour le texte normal, 3:1 pour les composants grand texte et non-texte de l'interface utilisateur, et 7:1 pour le contraste de texte normal amélioré.
Aperçu en direct
Design que plus de gens peuvent lire
Le contraste n'est qu'une partie de l'accessibilité, mais c'est un point de départ mesurable.
Avant-plans les plus conformes
Ces suggestions préservent la direction de teinte dans la mesure du possible, puis se déplacent vers le noir ou le blanc jusqu'à ce que le contraste demandé soit atteint.
Mode d’emploi
- 01
Saisissez une paire de couleurs
Coller les couleurs HEX ou RVB de premier plan et de fond et voir la mise à jour exacte du rapport de contraste immédiatement.
- 02
Vérifier ou explorer
Revue WCAG 2.2 AA/AAA résultats, générer des palettes harmonieuses, simuler des déficiences communes de vision de couleur, ou extraire des couleurs d'image.
- 03
Appliquer des couleurs accessibles
Utilisez la suggestion de premier plan AA ou AAA la plus proche, copiez des valeurs de couleur, ou exportez la palette en tant que variables CSS.
Questions fréquentes
Quelle norme le contrôleur de contraste utilise-t-il?
Elle utilise la formule normative de contraste de luminosité relative WCAG 2.2 et les seuils 3:1, 4.5:1 et 7:1.
Le passage du contraste garantit-il l'accessibilité?
Non. Le contraste est une exigence : la typographie, les états de concentration, la sémantique, le mouvement, le langage et les tests avec la technologie d'assistance comptent encore.
Les images téléchargées sont-elles privées?
Oui. L'extraction de couleur utilise une toile de navigateur temporaire et ne télécharge pas l'image.
Est-ce que l'aperçu de la vision couleur est diagnostique ?
Non. Il s'agit d'une simulation pratique pour l'examen de la conception, et non d'un diagnostic médical ou d'un substitut aux tests de l'utilisateur.
Outils associés
Poursuivez avec d’autres utilitaires web ciblés.