accessibility-compliance-accessibility-audit
Audit d'accessibilité web avec WCAG
Cette compétence aide les développeurs à réaliser des audits de conformité WCAG complets en utilisant des outils automatisés et des tests manuels pour identifier les obstacles d'accessibilité et fournir des conseils de remédiation.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "accessibility-compliance-accessibility-audit". Exécuter un audit WCAG AA sur example.com
Résultat attendu:
Résultats de l'audit d'accessibilité : Score 72/100. Problèmes critiques : 3 (texte alt manquant, labels de formulaire). Problèmes sérieux : 5 (contraste, indicateurs de focus). Corrections recommandées avec exemples de code fournis.
Utilisation de "accessibility-compliance-accessibility-audit". Comment corriger le piège clavier dans une modale ?
Résultat attendu:
Pour corriger le piège clavier : 1) Ajouter un gestionnaire de touche Escape pour fermer la modale. 2) S'assurer que le focus retourne à l'élément déclencheur. 3) Piéger le focus dans la modale pendant qu'elle est ouverte. Voir l'exemple de code avec React et ARIA.
Audit de sécurité
SûrSecurity review complete. All static findings are false positives. The skill provides legitimate accessibility testing examples using standard tools (axe-core, Puppeteer). No actual command injection, credential access, or malicious network requests present. Code examples are for local accessibility testing only.
Score de qualité
Ce que vous pouvez construire
Audit d'accessibilité pré-release
Exécuter un audit d'accessibilité complet avant le lancement d'un site web pour assurer la conformité WCAG AA et identifier les obstacles.
Conseils de remédiation
Obtenez des conseils étape par étape pour corriger des violations d'accessibilité spécifiques avec des exemples de code.
Formation à l'accessibilité
Apprenez les meilleures pratiques pour la navigation au clavier, le support des lecteurs d'écran et les modèles de conception inclusive.
Essayez ces prompts
Exécutez un audit d'accessibilité WCAG AA sur mon site web à [URL]. Identifiez les principaux problèmes et fournissez des étapes de remédiation.
Testez le composant de formulaire de connexion pour l'accessibilité. Vérifiez les labels appropriés, la navigation au clavier, la gestion des erreurs et les annonces des lecteurs d'écran.
J'ai [problème d'accessibilité spécifique]. Fournissez des exemples de code détaillés pour corriger cela en utilisant React et les attributs ARIA.
Créez un workflow GitHub Actions pour exécuter des tests d'accessibilité automatisés sur chaque pull request en utilisant axe-core.
Bonnes pratiques
- Toujours tester avec de véritables technologies d'assistance, pas seulement des outils automatisés
- Prioriser les corrections par impact utilisateur (critique > sérieux > modéré > mineur)
- Documenter les décisions d'accessibilité et leur rationale dans les commentaires de code
- Inclure les tests d'accessibilité dans votre pipeline CI/CD
Éviter
- Compter uniquement sur des outils automatisés sans tests manuels
- Utiliser la couleur comme seul moyen de transmettre une information
- Définir tabindex > 0 ce qui perturbe l'ordre de tabulation logique
- Ajouter des attributs ARIA sans comprendre leur signification