Plugin Figma d'accessibilité
Détectez les problèmes d'accessibilité avant même la première ligne de code. Sélectionnez un calque dans Figma et obtenez instantanément des vérifications WCAG de contraste et de taille de cible, sans rien à téléverser et sans jeton API.
Contraste des couleurs
Calcul du contraste WCAG AA/AAA avec compositage alpha pour les remplissages semi-transparents. Il remonte les cadres parents pour trouver le véritable arrière-plan, avec la même formule que le scanner web.
Taille de cible (WCAG 2.5.8)
Signale les éléments interactifs (les nœuds ayant une réaction de clic ou de tap en prototype) en dessous du minimum de 24×24px.
Pas encore sur la marketplace Figma Community. Le plugin est pleinement fonctionnel, mais aucune fiche n'a encore été publiée sur la marketplace. En attendant, installez-le depuis les sources en suivant les étapes ci-dessous.
Installer depuis les sources
- 1
Téléchargez les sources
Clonez le dépôt AccessiSight (ou téléchargez le dossier packages/figma-plugin) sur votre ordinateur.
- 2
Ouvrez le menu de développement des plugins de Figma
Menu → Plugins → Development → Import plugin from manifest…
- 3
Sélectionnez le manifeste
Choisissez le fichier manifest.json situé dans le dossier packages/figma-plugin que vous avez téléchargé.
- 4
Exécutez-le sur une sélection
Sélectionnez un ou plusieurs calques de texte ou interactifs dans votre fichier, puis exécutez AccessiSight depuis Plugins → Development. Les problèmes apparaissent instantanément à mesure que vous modifiez votre sélection.
FAQ sur le plugin Figma
Vous voulez les mêmes vérifications sur un site web en ligne ?
Effectuez une analyse complète (ou explorez un site entier) avec l'application web complète.
Scanner un site web