Identifier la vraie paire de couleurs
Dans Figma, le texte peut être placé sur un frame, une carte, un overlay ou une image. Vérifiez toujours la couleur réellement visible derrière le texte, pas seulement la couleur de la page. Les overlays semi-transparents modifient le résultat final.
Workflow simple
- Sélectionnez le calque texte et copiez sa couleur HEX.
- Identifiez le fond réel sous ce texte.
- Collez les deux couleurs dans le testeur WCAG.
- Ajoutez un commentaire Figma si la paire échoue.
- Corrigez le token plutôt qu’une seule occurrence si possible.
Plugins et vérification externe
Les plugins Figma sont utiles pour balayer une maquette, mais une vérification externe reste pratique pour documenter un ticket ou contrôler une valeur issue du code. Utilisez les deux lorsque le composant est critique.
Handoff design-dev
Ajoutez les ratios aux tokens de design system : text-primary / bg-page = 14.8:1, link / bg-page = 5.2:1. Le développeur sait ainsi quelles paires sont autorisées et lesquelles ne doivent pas être improvisées.