Réponse directe
Un vérificateur de système de couleurs évalue l'appartenance au gamut, le contraste WCAG 2.2 des paires sémantiques clés et la régularité perceptive de l'échelle, en proposant des correctifs explicites que l'utilisateur doit valider.
Comment utiliser cet outil
Ouvrir l'étape du vérificateur
Accédez-y depuis la page du vérificateur ou poursuivez depuis le constructeur avec le même projet en mémoire.
Examiner les audits
Inspectez les classifications sRGB et Display-P3, les résultats des paires WCAG et les notes sur l'ordre de luminosité et les écarts entre échelons.
Appliquer les correctifs choisis
Validez les propositions précisant le jeton cible, la nouvelle valeur et les répercussions, les ancres de marque restant rigoureusement verrouillées.
Contraste des paires sémantiques et respect du gamut
Le contraste applique la formule de luminance relative WCAG 2.2 aux relations sémantiques de premier plan et d'arrière-plan réelles plutôt qu'à une matrice illisible de toutes les combinaisons. Les couleurs Display-P3 hors gamut bénéficient d'équivalents sRGB déterministes sans écrêtage de canal arbitraire.
- La remédiation ne modifie jamais silencieusement les couleurs sources ; les jetons dérivés absorbent les ajustements d'accessibilité.
- Le niveau AAA non textuel n'est pas inventé quand les normes WCAG ne le prévoient pas pour cette relation.
- Toutes les vérifications s'exécutent entièrement dans le navigateur sur le document actuel.
Exemples pratiques
Audit AA de Primary sur Surface
Entrée : Rôles : texte sur Surface avec accents Primary #2563eb
Sortie : Rapport de paires avec état AA/AAA et proposition facultative de jeton de remédiation dérivé
Met en évidence les paires non conformes avec des suggestions claires tout en préservant l'ancre verrouillée de la marque.
Limites
- Évalue l'accessibilité mathématique des paires unies ; les compositions sur visuels complexes nécessitent un contrôle visuel distinct.
- Les heuristiques de qualité sont données à titre indicatif et ne remplacent pas le discernement du designer.
Questions fréquentes
Le vérificateur va-t-il changer ma couleur de marque automatiquement ?
Non. Les ancres sources sont immuables. La remédiation ne crée ou n'ajuste de jetons dérivés qu'après votre confirmation expresse.
Puis-je ajouter une paire personnalisée de premier plan/arrière-plan ?
Oui. Vous pouvez ajouter des paires sémantiques propres à votre produit pour couvrir les cas réels de votre interface sans dispersion.
L'accès au clavier est-il assuré pour les commandes de remédiation ?
Oui. Toutes les actions de correction sont accessibles au clavier avec un focus visible et des retours vocaux adaptés pour les lecteurs d'écran.
Références et normes faisant autorité
- W3C Web Content Accessibility Guidelines (WCAG) 2.2 ↗ — Official contrast thresholds for text and non-text UI components.
- W3C Relative Luminance Definition & Formula ↗ — Relative luminance formula used for semantic pair contrast audits.