L'annotation d'accessibilité est l'une des tâches les plus fastidieuses du flux de travail de conception. Vérifier les ratios de contraste pour chaque combinaison texte-arrière-plan. Annoter la hiérarchie des titres pour les lecteurs d'écran. Vérifier que les zones tactiles respectent le minimum de 44×44px. Suggérer du texte alternatif pour chaque image. Documenter les étiquettes ARIA pour chaque composant interactif. Pour une application typique de 50 écrans, l'annotation manuelle prend 20 à 40 heures.
L'Agent de Conception IA de Figma, combiné aux compétences d'accessibilité lancées en mai 2026, automatise les parties mécaniques de ce travail. Il peut analyser vos conceptions, vérifier la conformité mathématique (ratios de contraste, tailles des zones tactiles), et générer des couches d'annotation — réduisant le temps d'annotation d'heures à minutes par écran.
Point Clé
L'IA de Figma ne remplace pas l'expertise en accessibilité — elle automatise le travail d'annotation fastidieux. L'agent génère un premier brouillon des spécifications d'accessibilité qu'un expert en accessibilité examine et affine, réduisant le temps de création des spécifications de 20-40 heures (pour une application de 50 écrans) à 2-4 heures d'examen et d'affinement. Les vérifications mathématiques (contraste, dimensions) sont très précises ; les vérifications contextuelles (texte alternatif, ordre de focus) nécessitent un examen humain.
Que peut vérifier automatiquement l'IA de Figma ?
| Type de Vérification | Ce que fait l'Agent | Précision | Examen Humain Nécessaire ? |
|---|---|---|---|
| Contraste des couleurs | Vérifie les paires texte/arrière-plan selon WCAG AA/AAA | Très élevée (mathématique) | Non (sauf cas particuliers) |
| Tailles des zones tactiles | Signale les éléments interactifs sous 44×44px | Très élevée (dimensionnelle) | Non |
| Hiérarchie des titres | Annote la structure H1→H6 pour les lecteurs d'écran | Élevée (structurelle) | Vérification rapide |
| Suggestions de texte alternatif | Génère du texte alternatif descriptif pour les images | Moyenne (nécessite du contexte) | Oui — examiner l'objectif |
| Ordre de focus | Suggère l'ordre de tabulation clavier basé sur la mise en page | Moyenne (dépend de la mise en page) | Oui — vérifier la logique |
| Étiquettes ARIA | Suggère les rôles et étiquettes ARIA pour les composants | Moyenne (contextuelle) | Oui — vérifier la sémantique |
| Tailles minimales de police | Signale le texte sous les seuils de taille lisible | Très élevée | Non |
| Information par couleur uniquement | Identifie les états communiqués uniquement par la couleur | Élevée | Vérification rapide |
Le schéma : les vérifications mathématiques et dimensionnelles sont très fiables et peuvent fonctionner sans supervision. Les vérifications contextuelles et sémantiques sont des points de départ qui nécessitent un examen d'expert. C'est la bonne répartition : l'IA gère le travail de mesure fastidieux (qui représente la majeure partie du temps d'annotation), les humains gèrent les décisions de jugement (qui nécessitent de comprendre les besoins des utilisateurs).
Comment effectuer une vérification d'accessibilité avec l'Agent
Étape 1 : Sélectionnez le cadre que vous souhaitez vérifier.
Étape 2 : Dites à l'agent : "Effectue une vérification d'accessibilité sur cet écran. Vérifie la conformité WCAG AA pour les ratios de contraste, vérifie que les zones tactiles font au moins 44×44px, annote la hiérarchie des titres, suggère du texte alternatif pour les images, et signale toute information communiquée uniquement par la couleur."
Étape 3 : L'agent crée une couche d'annotation sur votre canevas avec les résultats : coches vertes pour les éléments conformes, drapeaux rouges pour les échecs, avertissements orange pour les éléments nécessitant un examen.
Étape 4 : Examinez les éléments de précision moyenne : suggestions de texte alternatif, ordre de focus, étiquettes ARIA. Ajustez selon votre connaissance de l'objectif de la fonctionnalité et du contexte utilisateur.
Pour des résultats plus cohérents, créez une Compétence /accessibility-check personnalisée qui encode les exigences d'accessibilité spécifiques de votre organisation (qui peuvent dépasser les standards WCAG). Votre compétence pourrait inclure : "Notre taille de police minimale est de 14px (pas les 12px de WCAG)," ou "Tous les éléments interactifs doivent avoir un indicateur de focus visible utilisant notre contour bleu de marque."
📬 Cela vous apporte de la valeur ?
Un aperçu actionnable sur l'IA par semaine. Plus un pack de prompts gratuit à l'inscription.
S'abonner gratuitement →Questions Fréquemment Posées
Les spécifications d'accessibilité générées par IA remplacent-elles les tests d'accessibilité ?
Non — les spécifications générées par IA sont un point de départ, pas un audit final. Les vrais tests d'accessibilité nécessitent des tests de lecteur d'écran (VoiceOver, NVDA), des tests de navigation au clavier, et idéalement des tests utilisateur avec des personnes en situation de handicap. L'agent gère l'annotation ; les humains gèrent la validation. La spécification est la couche de documentation ; les tests sont la couche de vérification.
Quel niveau WCAG l'agent vérifie-t-il ?
Les vérifications de contraste supportent à la fois WCAG AA (ratio 4.5:1 pour le texte normal, 3:1 pour le texte large) et AAA (ratio 7:1). Spécifiez votre niveau cible dans votre prompt ou Compétence. La plupart des organisations visent AA ; AAA est recommandé pour les applications gouvernementales et de santé.
Puis-je créer une Compétence d'accessibilité personnalisée pour mon organisation ?
Oui — et vous devriez si votre organisation a des exigences au-delà des standards WCAG. Beaucoup d'entreprises ont des directives d'accessibilité spécifiques à leur marque : ratios de contraste plus élevés pour les couleurs de marque, tailles minimales de police spécifiques, styles d'indicateur de focus requis, et tailles de zones tactiles qui dépassent les minimums WCAG. Encodez-les dans une Compétence personnalisée pour que l'agent vérifie automatiquement vos standards spécifiques.
Quelle est la précision du texte alternatif de l'IA ?
Modérée — l'agent décrit ce qu'il reconnaît visuellement dans l'image. Mais un bon texte alternatif nécessite de comprendre l'OBJECTIF de l'image dans le contexte. Une image héro décorative nécessite un texte alternatif différent (ou aucun) qu'un graphique informatif. Une photo de produit nécessite un texte descriptif ; un arrière-plan décoratif non. Examinez et affinez toujours le texte alternatif généré par IA selon le rôle de l'image dans l'expérience utilisateur.
Cela fonctionne-t-il sur les conceptions existantes ou seulement les nouvelles ?
Les deux — et les vérifications rétroactives peuvent être le cas d'usage de plus grande valeur. Pointez l'agent vers n'importe quel cadre existant et demandez un examen d'accessibilité. Il analyse ce qui est déjà là et génère des annotations. C'est particulièrement puissant pour auditer les écrans conçus avant que votre équipe adopte les standards d'accessibilité, fournissant une évaluation de base rapide qui guide les priorités de remédiation.
Divulgation : Certains liens dans cet article sont des liens d'affiliation. Nous ne recommandons que les outils que nous avons personnellement testés et utilisons régulièrement. Voir notre politique de divulgation complète.