Premier audit
Ce guide vous accompagne pas à pas dans votre premier audit d’accessibilité avec A11y Audit — WCAG 2.2.
Étape 1 — Sélectionner une frame
Section intitulée « Étape 1 — Sélectionner une frame »Dans votre fichier Figma, cliquez sur la frame que vous souhaitez auditer. Il peut s’agir d’un écran complet, d’un composant ou d’une section de votre maquette.
Le plugin analyse tous les éléments enfants de la frame sélectionnée : textes, images, boutons, icônes, liens, etc.
Étape 2 — Lancer l’audit
Section intitulée « Étape 2 — Lancer l’audit »Ouvrez le plugin via Plugins → A11y Audit — WCAG 2.2.
Dans le panneau du plugin, vérifiez que le nom de votre frame s’affiche dans le champ “Frame sélectionnée”. Cliquez ensuite sur le bouton “Auditer ce frame”.
L’analyse dure généralement moins de 5 secondes pour un écran standard (< 200 éléments). Pour des frames très complexes, elle peut prendre jusqu’à 15-20 secondes.
Étape 3 — Lire les résultats
Section intitulée « Étape 3 — Lire les résultats »Les résultats s’affichent dans le panneau du plugin, organisés par catégorie de violation et par niveau de sévérité :
| Couleur | Signification |
|---|---|
| Rouge | Erreur — violation certaine d’un critère WCAG AA |
| Orange | Avertissement — violation probable ou critère à vérifier manuellement |
| Vert | Critère conforme |
En haut du panneau, un score de conformité indique le pourcentage de critères vérifiables automatiquement qui sont conformes.
Détail d’une violation
Section intitulée « Détail d’une violation »Chaque violation affiche :
- Le critère WCAG concerné (ex. : 1.4.3 Contraste)
- La valeur mesurée vs la valeur requise (ex. : rapport de contraste 2.1:1 vs 4.5:1 requis)
- Le nom du calque Figma concerné
- Une description de la correction à apporter
Étape 4 — Naviguer vers un calque
Section intitulée « Étape 4 — Naviguer vers un calque »Cliquez sur n’importe quelle violation dans la liste pour que Figma zoome automatiquement sur le calque concerné et le sélectionne dans le panneau des calques.
Cette fonctionnalité permet de localiser rapidement les éléments à corriger dans des maquettes complexes.
Étape 5 — Corriger et re-auditer
Section intitulée « Étape 5 — Corriger et re-auditer »Une fois vos corrections effectuées dans la maquette, cliquez à nouveau sur “Auditer ce frame” pour lancer un nouvel audit. Les violations corrigées disparaissent de la liste et le score de conformité est mis à jour.
Exporter les résultats
Section intitulée « Exporter les résultats »Une fois l’audit terminé, vous pouvez :
- Cliquer sur “Exporter le rapport PDF” pour générer un rapport complet à livrer à votre client → Guide rapport PDF
- Utiliser l’auto-fix pour corriger automatiquement certaines violations → Guide auto-fix
Limites de l’audit automatique
Section intitulée « Limites de l’audit automatique »Le plugin vérifie automatiquement les critères mesurables algorithmiquement. Certains critères WCAG nécessitent une vérification manuelle par un expert accessibilité :
- L’ordre de lecture logique du contenu
- La pertinence des textes alternatifs
- La cohérence de la navigation entre écrans
- L’accessibilité des formulaires complexes
Le rapport PDF inclut une checklist de ces critères manuels pour compléter votre audit.