Stark est un plugin et une suite d’outils de conception d’accessibilité pour les designers et développeurs, spécifiquement conçu pour être utilisé directement dans les applications de conception comme Figma.
Son objectif principal est d’aider les équipes à vérifier, simuler et corriger les problèmes d’accessibilité dès la phase de conception, garantissant que les produits sont conformes aux normes internationales, principalement les WCAG (Web Content Accessibility Guidelines).
Fonctionnalités clés dans Figma
- Contrast Checker (Vérificateur de Contraste) :
- C’est la fonctionnalité la plus utilisée. Elle analyse le rapport de contraste entre le texte et l’arrière-plan sur un élément sélectionné.
- Elle indique si le contraste respecte les niveaux d’accessibilité AA et AAA du WCAG.
- Colorblind Simulator (Simulateur de Daltonisme) :
- Il permet de simuler 8 types courants de déficience visuelle des couleurs (daltonisme) directement sur votre maquette.
- Cela garantit que l’information n’est pas transmise uniquement par la couleur.
- Focus Order (Ordre de Focalisation) :
- Cet outil permet aux designers d’annoter l’ordre de tabulation (l’ordre dans lequel un utilisateur naviguant au clavier passe d’un élément interactif à l’autre).
- C’est une étape cruciale pour l’accessibilité aux utilisateurs de claviers et de lecteurs d’écran.
- Alt-Text Annotations (Annotations de Texte Alternatif) :
- Aide à documenter le texte alternatif requis pour les images, que les développeurs peuvent ensuite implémenter.
Stark est un outil essentiel pour intégrer l’accessibilité dans le workflow de conception (Shift-Left Accessibility), en fournissant des métriques et des simulations précises directement là où le design est créé.