a11y-wcag22-aa

a11y-wcag22-aa

Catalogue généré le 2026-05-11

En une phrase

Audit et checklist accessibilité (complet contre le standard WCAG 2.2 AA)niveau :AA, focusavec nonchecklist masqué,clavier, taillesfocus, de cibles, drag alternatif, auth accessible,contraste, formulaires, navigationgestes clavier.et Àmotion utiliser— à passer avant toute livraison prod.production.

Quand l'utiliser

• VoirAvant la descriptionmise ci-dessusen etprod lad'une sectionapp «destinée à un public large

Sur un site public où l'accessibilité a une obligation légale (administration, e-commerce, services) Quand tu veux vérifier qu'une UI nouvellement codée est navigable au clavier Pour allerpréparer plusune loinremise ».client professionnelle où l'a11y est un livrable Après un sprint design pour valider que rien n'a régressé côté accessibilité

Comment l'invoquer

• Slash command : /a11y-wcag22-aa (si exposé dans ton CLI)

Phrases déclencheurs : voir la description complète ci-dessous Auto-invocation : sur✅ demandeOui explicite— avant livraison prod

PourDescription aller plus loindétaillée

A11y

Le —skill déroule une checklist condensée qui couvre les 6 axes critiques de WCAG 2.2 AAAA.

Objectif

Premier

Garantir une UI utilisableaxe : clavier,la navigation clavier — toutes les actions doivent être accessibles via Tab/Shift+Tab/Enter/Space/Escape, sans piège clavier et avec un ordre logique. Deuxième axe : le focus, contraste,qui formulaires,doit composantsêtre interactifs,visible, stylé et critèresjamais WCAGmasqué 2.2par AAun pertinents.

overlay

Checklistou un header sticky (condensée)

c'est

le Claviernouveau critère

"focus Tab/Shift+Tabnon partout, Enter/Space, Escape, flèches si menus/listbox. Pasobscurci" de piègela clavier.2.2). Ordre

Suivent les tailles de tabcibles logique.

(les gros

boutons Focuspour pointeurs

imprécis), Focus visible, stylé, contraste suffisant. Le focus n’est pas obscurci par des overlays/sticky.

Targets &les gestes

Cibles suffisantes (pointeur)si +tu espaces.utilises Sidu dragdrag-and-drop, utiliséprévois :une alternative sans drag.drag —

autre Contrastenouveauté &2.2), lisibilitéle contraste

de Textetexte lisible,y contrastescompris respectés.dans Étatsles états hover/focus/disabled, les formulaires (hover/focus/disabled)labels restentliés lisibles.et

Formulaires

Label lié (pas placeholder-only).juste Erreursdes placeholders, erreurs associées auaux champchamps +avec un message actionnable.actionnable), Autocompleteet sienfin pertinent.le respect

Motion

Respectde prefers-reduced-motion. :

Tu réduire/retirerrepars animationsavec nonune essentielles.

liste hiérarchisée

Output attendu

Blocantsbloquants / majeurs / mineursmineurs, des

recommandations concrètes au niveau code (extraitHTML, —ARIA, voirCSS), et 5 à 10 tests manuels à exécuter avant de signer la livraison. Pour Thymon : c'est le SKILL.mdfilet completde sécurité qui évite que ton site soit inutilisable pour la15 suite)% de tes visiteurs, et le passage obligé sur tout projet client.

Source

• Plugin : perso (standalone)
• Nom interne : a11y-wcag22-aa
• Fichier : /home/thymon/.claude/skills/a11y-wcag22-aa/SKILL.md