Accessibilité du Système de Design Gamut

Ce que fait ce skill

Ce skill garantit que les composants construits avec le système de design Gamut sont accessibles et conformes aux normes WCAG. Il fournit des modèles d'implémentation spécifiques pour les primitives Gamut, les widgets composites et la gestion du focus.

Quand l'utiliser

Utilisez ce skill lors de l'implémentation de l'accessibilité pour les composants Gamut, la création de superpositions personnalisées, l'audit de l'utilisation des composants par rapport aux WCAG, ou la gestion de pièges à focus complexes et d'index de tabulation mobiles dans React.

Ce qui est inclus

• Instructions : Correspondance détaillée des composants Gamut (Boutons, Dialogues, Onglets, etc.) avec leurs responsabilités en matière d'accessibilité.
• Directives : Règles universelles pour l'utilisation du HTML natif, l'écriture ARIA, les modèles de régions live et la gestion d'événements indépendante du périphérique.
• Check-list de Test : Une liste d'audit complète couvrant la navigation au clavier, la compatibilité avec les lecteurs d'écran et les niveaux de zoom.

Agents compatibles

Tout agent capable de modifier du code React/TypeScript, spécifiquement ceux travaillant dans l'écosystème Gamut de Codecademy.