wcag-audit-patternspar Seth Hobson

WCAG Audit Patterns Skill.

Une skill Claude Code et Codex pour la revue de design : audits WCAG 2.2 avec tests automatisés, vérifications manuelles et recommandations de correction.

Revue de conception et accessibilité
Rapport de revue

Télécharger OpenDesign Voir le guide d'utilisation

wshobson/agents · plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.mdSKILL.md

--- name: wcag-audit-patterns description: Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns. --- ## When to Use This Skill ## Core Concepts ## Detailed patterns and worked examples ## Best Practices

Front matter et titres de section lus depuis le fichier source le 14 septembre 2026 · 2 439 caractères au total

01 Ce qu'il fait

Ce que fait le Skill wcag-audit-patterns dans Claude Code et Codex

Résumé, workflow et sorties, tous lus dans le SKILL.md du skill.

D'après le SKILL.mdLu le 14-09-2026 · pas une exécution enregistrée

Dans les termes du Skill

Ce skill réalise des audits d'accessibilité WCAG 2.2 combinant tests automatisés, vérification manuelle et recommandations de correction. Il classe les violations par impact (Critique/Bloquant, Sérieux, Modéré), couvre trois niveaux de conformité (A pour le socle légal, AA pour la plupart des réglementations, AAA pour les besoins spécialisés) et applique les principes POUR (Perceptible, Utilisable, Compréhensible, Robuste).

Le skill traite les violations courantes, notamment le texte alternatif manquant, les problèmes d'accès au clavier, un contraste de couleurs insuffisant et une hiérarchie de titres incorrecte. Il met l'accent sur le HTML sémantique, les tests réels avec des utilisateurs en situation de handicap, et la construction de bibliothèques de composants accessibles, tout en reconnaissant que seulement 30 à 50 % des problèmes sont détectables par automatisation.

Ce qu'il produit

Stratégies de correction concrètes pour les violations identifiées
Documentation de bibliothèque de composants accessibles

Voir l'exemple de prompt ↗

Fonctionnement

01
Catégoriser les Violations par Impact
Les problèmes sont classés en Critique (bloquants comme le texte alternatif manquant et l'absence d'accès clavier), Sérieux (contraste insuffisant, liens d'évitement manquants) ou Modéré (attribut de langue manquant, texte de lien peu clair).
02
Appliquer les Principes POUR
Auditer selon quatre principes : Perceptible (les utilisateurs peuvent-ils percevoir le contenu), Utilisable (les utilisateurs peuvent-ils utiliser l'interface), Compréhensible (les utilisateurs peuvent-ils comprendre le contenu) et Robuste (fonctionne-t-il avec les technologies d'assistance).
03
Combiner Tests Automatisés et Manuels
Les outils automatisés détectent 30 à 50 % des problèmes, mais des tests manuels sont nécessaires pour une couverture complète.
04
Consulter la Documentation Détaillée des Patterns
Lorsque les concepts de base sont insuffisants, le skill renvoie vers references/details.md pour des exemples travaillés et des conseils approfondis sur les patterns.

02 Trouvez celui qui vous convient

Quand utiliser le skill wcag-audit-patterns

Utilisez le skill wcag-audit-patterns dans Claude Code ou Codex lorsque le travail relève de ce type de revue de conception. L'adéquation et les limites ci-dessous sont tirées du fichier du skill lui-même.

Bon choix

Réaliser des audits d'accessibilité de contenu web
Corriger les violations WCAG dans des interfaces existantes
Répondre aux exigences réglementaires ADA ou Section 508
Préparer des contentieux liés à l'accessibilité
Obtenir une documentation de conformité VPAT

03 Dans le skill

Règles que le skill wcag-audit-patterns Donne à Claude Code et Codex

8 instructions concrètes, valeurs par défaut et limites que le SKILL.md fixe pour l'agent — la partie du fichier qui change le résultat.

Intégrer l'Accessibilité dès la Phase de Conception
L'accessibilité doit être intégrée dès la phase de conception plutôt qu'ajoutée après coup.
Utiliser le HTML Sémantique en Priorité
Les éléments HTML natifs doivent être le choix par défaut, car ils réduisent le besoin d'ARIA et offrent une meilleure prise en charge de l'accessibilité.
Ne Jamais se Fier Uniquement aux Tests Automatisés
Des tests manuels sont nécessaires car les outils automatisés ne peuvent détecter que 30 à 50 % des problèmes d'accessibilité.
HTML Natif avant ARIA
ARIA ne doit pas être utilisée comme première solution ; privilégiez toujours les éléments HTML natifs lorsque cela est possible.
Préserver les contours de focus
Les contours de focus ne doivent pas être masqués, car les utilisateurs du clavier en dépendent pour naviguer.
Ne jamais désactiver le zoom
Les utilisateurs doivent pouvoir redimensionner le contenu ; la fonctionnalité de zoom ne peut donc pas être désactivée.
Plusieurs indicateurs au-delà de la couleur
La couleur seule ne peut pas être utilisée pour transmettre une information ; plusieurs indicateurs sont requis.
Tester avec des utilisateurs en situation de handicap
Les utilisateurs réels en situation de handicap fournissent les meilleurs retours et doivent être inclus dans les tests.

04 Mettez-le en pratique

Installer wcag-audit-patterns dans Claude Code ou Codex

Une commande npx skills add, puis une première tâche dans votre agent et une checklist pour le résultat.

Ajouter wcag-audit-patterns à Claude Code, Codex ou votre agent

Exécutez-la dans votre projet ; l'installateur demande à quel agent l'ajouter.

Terminal

npx skills add https://github.com/wshobson/agents --skill wcag-audit-patterns

Forme générique de la CLI skills pour plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md ; le dépôt peut documenter son propre chemin.

Donner au skill une première tâche de révision de conception

Rédigé dans les termes propres du skill ; remplacez les parties entre crochets par votre contenu.

Starter prompt

Audit [website URL or component name] against WCAG 2.2 AA standards. Identify all Critical and Serious violations including missing alt text, keyboard access issues, and color contrast failures. For each violation, provide the specific WCAG success criterion, the impact on users with disabilities, and concrete remediation code. Prioritize issues that would block screen reader users.

Source : rédigé à partir du SKILL.md, dans les termes propres du skill.

Vérifiez le premier résultat

Ce que le SKILL.md lui-même présente comme un résultat correct :

Vérifiez la compatibilité avec les technologies d'assistance pour une implémentation robuste

Dans OpenDesign, importez wcag-audit-patterns depuis son lien SKILL.md : Plugins → Add → Skill → Import from link, puis sélectionnez-le dans la barre supérieure.

Télécharger OpenDesign Lire le démarrage rapide

05 Open source, traçable

Source, licence et vérification

D'où proviennent les faits de cette page et quand ils ont été vérifiés pour la dernière fois.

Author: Seth Hobson
Repository: github.com/wshobson/agents Branche main
Fichier du skill: plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md Somme de contrôle du contenu enregistrée lors de la vérification ; commit 4236bb9
License: MIT D'après LICENSE.
Étoiles du dépôt: 39 635 Instantané GitHub pris le 2026-09-14 pour l'ensemble du dépôt wshobson/agents, qui contient 18 skills dans ce catalogue. Ce n'est pas une note ou un compteur d'utilisation pour wcag-audit-patterns.
Vérifié par OpenDesign: 2026-09-14 Le fichier source, le chemin, le texte de licence et le nombre d'étoiles ont été vérifiés. Non intégré dans OpenDesign main (vérifié le 2026-08-28) ; aucune exécution en conditions réelles n'a été enregistrée sur cette page.

Dans le SKILL.md

Quand utiliser ce skillRépertorie six scénarios, dont les audits, la correction des violations et la mise en conformité réglementaire
Concepts clésDéfinit trois niveaux de conformité, les principes POUR et les violations courantes classées par impact
Niveaux de conformité WCAGLe niveau A est la base légale minimale, AA est la norme pour les réglementations, AAA répond aux besoins spécialisés
Principes POURQuatre principes : Perceptible, Utilisable, Compréhensible, Robuste, accompagnés de questions directrices
Violations courantes par impactClasse les problèmes en bloquants critiques, sérieux ou modérés, avec des exemples précis
Modèles détaillés et exemples travaillésRenvoie vers references/details.md pour une documentation approfondie des modèles
Bonnes pratiquesRépertorie cinq choses à faire et cinq à éviter pour un développement accessible

Description du skill lui-même

« Réalisez des audits d'accessibilité WCAG 2.2 avec tests automatisés, vérification manuelle et recommandations de correction. À utiliser lors d'audits d'accessibilité de sites web, de correction de violations WCAG ou de mise en œuvre de patterns de conception accessibles. »

Description du front-matter tirée de SKILL.md. Le fichier complet fait environ 2 439 caractères. Lire le fichier complet sur GitHub.

06 Avant d'installer

Questions sur le skill wcag-audit-patterns

Les réponses proviennent du SKILL.md tel que lu le 2026-09-14, et non d'une exécution enregistrée.

Quel niveau de conformité WCAG dois-je viser ?

Le niveau AA est le niveau de conformité standard requis par la plupart des réglementations. Le niveau A est la base légale minimale, tandis que le niveau AAA n'est nécessaire que pour des besoins spécialisés. La plupart des exigences ADA et Section 508 sont satisfaites avec la conformité AA.

WCAG Audit Patterns

Exécuter wcag-audit-patterns sur une tâche réelle de revue de design

Téléchargez OpenDesign, importez wcag-audit-patterns depuis son lien SKILL.md, collez le prompt ci-dessus, et lisez le plan avant le résultat.

Télécharger OpenDesign Parcourir tous les skills

Terminal

npx skills add https://github.com/wshobson/agents --skill wcag-audit-patterns

Ce que fait le Skill wcag-audit-patterns dans Claude Code et Codex

Dans les termes du Skill

Fonctionnement

Quand utiliser le skill wcag-audit-patterns

Bon choix

Règles que le skill wcag-audit-patterns Donne à Claude Code et Codex

Intégrer l'Accessibilité dès la Phase de Conception

Utiliser le HTML Sémantique en Priorité

Ne Jamais se Fier Uniquement aux Tests Automatisés

HTML Natif avant ARIA

Préserver les contours de focus

Ne jamais désactiver le zoom

Plusieurs indicateurs au-delà de la couleur

Tester avec des utilisateurs en situation de handicap