Aller au guide d’utilisation
Accessibility Auditpar Alireza Rezvani

Accessibility Audit Skill.

Gardez chaque constat d’accessibilité relié à l’élément concerné, au correctif proposé et au résultat de la vérification.

  • Accessibilité
  • Revue de design
  • Frontend
Revue du code source · Accessibility AuditSKILL.md
Tâche Accessibilité Produit • Un rapport de constats d’accessibilité classés par gravité • Des correctifs de code avant/après adaptés au framework du projet • Une comparaison avec les constats initiaux et une liste des vérifications manuelles restantes Avant de commencer Python pour les outils fournis, accès au code source, et un navigateur ou une technologie d’assistance pour la validation en contexte.
Synthèse éditoriale · source examinée 2026-10-07 · pas un exemple généré

01 Fonctionnement

Transformez les constats d’accessibilité en correctifs vérifiables

Un workflow d’accessibilité analyser-corriger-vérifier avec des utilitaires Python, des références par framework et des modèles de rapport.

Workflow basé sur la sourcePas un benchmark d’exécution

La méthode de travail

A11y Audit organise le travail d’accessibilité en phases d’analyse, de correction et de vérification. La source inclut des interfaces Python de scanner et de vérification du contraste, des catégories de gravité et des références de correction propres à chaque framework. Il peut aider à transformer une demande vague d’amélioration de l’accessibilité en une liste délimitée d’éléments et de modifications de code.

La source décrit une large couverture des WCAG, mais une analyse du code ne doit pas être présentée comme une certification complète de conformité. Les parcours au clavier, le comportement des lecteurs d’écran, le contenu dynamique et la pertinence des textes alternatifs exigent encore une revue en contexte. L’intérêt pratique est la traçabilité : conservez les constats initiaux, appliquez des changements de sémantique native ou de style appropriés, puis relancez les contrôles et testez l’interaction réelle.

Livrables attendus

  • Un rapport de constats d’accessibilité classés par gravité
  • Des correctifs de code avant/après adaptés au framework du projet
  • Une comparaison avec les constats initiaux et une liste des vérifications manuelles restantes
Voir l’exemple de brief

Du brief à la revue

  1. 01
    Analyser un périmètre défini

    Identifiez le framework et les chemins de source pertinents. Consignez les constats au niveau des éléments et distinguez les détections du scanner des observations manuelles.

  2. 02
    Corriger l’interaction sous-jacente

    Privilégiez les contrôles natifs, des libellés pertinents et un focus visible plutôt que d’ajouter des attributs ARIA sans discernement.

  3. 03
    Vérifier en contexte

    Comparez avec la référence initiale, vérifiez le contraste dans l’état rendu et testez les parcours au clavier et avec des technologies d’assistance que l’analyse statique ne peut pas établir.

02 Cas d’usage

Quand l’utiliser

Python pour les outils fournis, accès au code source, et un navigateur ou une technologie d’assistance pour la validation en contexte.

Cas adaptés

  • Planification des correctionsUtile pour convertir un ensemble de problèmes au niveau du code source en modifications de code priorisées et vérifiables.
  • Contrôles de régressionConvient à un projet qui ajoute des contrôles d’accessibilité reproductibles à un processus de test existant.

Limites à vérifier

  • Pas de certificat de conformitéRéussir les contrôles des outils inclus ne prouve pas que toutes les exigences d’accessibilité applicables sont satisfaites dans l’ensemble du produit.
  • La gravité dépend du contexteLes niveaux de gravité de la source sont une aide au tri. L’impact réel sur les utilisateurs dépend de l’élément, de la tâche et des alternatives disponibles.

Éléments à fournir

  • Périmètre de l’auditIndiquez les pages, composants ou répertoires de source, ainsi que le parcours utilisateur examiné.
  • États rendusDonnez accès aux formulaires, erreurs, boîtes de dialogue et autres états absents d’une simple page statique.
  • Référence existanteJoignez les constats ou résultats de test antérieurs afin de distinguer les problèmes résolus des régressions.

03 Décisions importantes

Les décisions importantes

  1. Les correctifs restent traçables

    Les exemples avant/après relient un constat à une implémentation concrète au lieu de ne laisser qu’une référence à une norme.

  2. L’automatisation a ses limites

    Un rapport utile indique ce qui a été analysé, ce qui a été testé manuellement et ce qui reste non vérifié.

04 Exemple de brief

Essayer un brief ciblé

L’exemple de brief ci-dessous n’a pas été testé. Vérifiez la configuration du skill avant de l’utiliser.

Examiner la configuration

Conservez les scripts et les modèles de référence. Examinez la couverture du scanner avant d’utiliser ses résultats comme critère de mise en production.

Fichier source amont
https://github.com/alirezarezvani/claude-skills/blob/19392f7a08264ed00486a251f5b2098321771f94/engineering-team/a11y-audit/skills/a11y-audit/SKILL.md

Python pour les outils fournis, accès au code source, et un navigateur ou une technologie d’assistance pour la validation en contexte.

Commencez par un seul livrable

Adaptez le périmètre, les sources et les contraintes de ce brief avant d’exécuter le skill.

Exemple de brief
Utilise a11y-audit pour examiner notre formulaire de paiement et notre fenêtre modale. Commence par un rapport de constats en lecture seule, avec les éléments concernés et le raisonnement sur la gravité. Vérifie les libellés, les contrôles natifs, la visibilité du focus et le contraste, puis liste les vérifications manuelles à faire au clavier et avec un lecteur d’écran. Ne qualifie pas la page de conforme aux WCAG sur la seule base du scanner, et n’applique aucun correctif avant mon approbation.

Inspecter le résultat

Comparez le résultat réel à ces critères observables.

  • Chaque constat identifie un élément réel et une correction réalisable.
  • Les problèmes résolus sont revérifiés par rapport à la référence initiale.
  • Le comportement au clavier, avec un lecteur d’écran et dans les états dynamiques reste explicitement non vérifié tant qu’il n’a pas été testé.

OpenDesign fournit un espace de travail de design local pour les agents de code. Cette fiche ne signifie pas que le skill est inclus, ni que ses outils externes, identifiants et dépendances logicielles le sont.

05 Source et licence

Source et licence

Cette page décrit la révision de la source figée liée ci-dessous. Le comportement et les exigences en amont peuvent changer.

Propriétaire de la source
Alireza Rezvani
Licence
MIT
Version examinée
2026-10-07 · 19392f7a0826
Synthèse éditoriale de la source
Un workflow d’accessibilité analyser-corriger-vérifier avec des utilitaires Python, des références par framework et des modèles de rapport.

Synthèse originale de OpenDesign, fondée sur la source liée. Les étoiles du dépôt sont un indicateur de popularité daté, pas une mesure d’usage du skill ni une note de qualité.

06 Questions avant de commencer

Questions avant de commencer

Le scanner peut-il prouver la conformité aux WCAG ?

Non. Le skill peut appuyer un audit, mais les contrôles automatisés du code source ne couvrent pas toutes les exigences contextuelles ou d’interaction.

Prend-il en charge uniquement React ?

La source inclut des modèles pour plusieurs frameworks web et pour le HTML standard. Vérifiez la prise en charge réelle par le scanner et les références pour la version du projet.

Faut-il attribuer un rôle ARIA à chaque élément cliquable ?

Pas automatiquement. La source privilégie en général les contrôles sémantiques natifs, qui offrent un comportement qu’un rôle ARIA seul n’ajoute pas.

OpenDesign

Faites de la place à la prochaine itération de design.

Gardez votre brief, vos sources et votre travail de design réunis dans un espace de travail local. Vérifiez la configuration propre au skill avant de l’ajouter à votre workflow.

Fichier source amont
https://github.com/alirezarezvani/claude-skills/blob/19392f7a08264ed00486a251f5b2098321771f94/engineering-team/a11y-audit/skills/a11y-audit/SKILL.md