Initial commit

skills/report-template-accessibility.md

@@ -0,0 +1,126 @@
+---
+name: reporting-accessibility-audit
+description: Standardized template for WCAG 2.1 AA accessibility audit reports. Use when generating accessibility audit outputs.
+---
+
+# Rapport d'audit d'accessibilité : [Nom de la fonctionnalité/page]
+
+## Résumé
+
+**Conformité WCAG 2.1 AA** : ✅ CONFORME | ⚠️ PARTIEL | ❌ NON CONFORME
+**Problèmes critiques** : [nombre]
+**Problèmes importants** : [nombre]
+**Suggestions** : [nombre]
+**Évaluation globale** : [Résumé d'une phrase]
+
+## Score de conformité WCAG 2.1
+
+| Principe           | Score   | Statut   |
+| ------------------ | ------- | -------- |
+| **Perceptible**    | [X]/100 | ✅/⚠️/❌ |
+| **Utilisable**     | [X]/100 | ✅/⚠️/❌ |
+| **Compréhensible** | [X]/100 | ✅/⚠️/❌ |
+| **Robuste**        | [X]/100 | ✅/⚠️/❌ |
+| **Global**         | [X]/100 | ✅/⚠️/❌ |
+
+---
+
+## Problèmes critiques 🔴 (À corriger)
+
+### [Titre du problème]
+
+**Critère WCAG** : [X.X.X Niveau AA]
+**Impact** : Élevé - Empêche l'accès pour [groupe d'utilisateurs]
+**Emplacement** : `[fichier:ligne]` ou [Page/Composant]
+
+**Problème** :
+[Description détaillée du problème]
+
+**Code actuel** :
+
+```html
+[Code problématique]
+```
+
+**Recommandation** :
+
+```html
+[Code corrigé]
+```
+
+**Utilisateurs affectés** :
+[Qui est impacté : utilisateurs de clavier, utilisateurs de lecteurs d'écran, etc.]
+
+---
+
+## Problèmes importants 🟠 (Devrait être corrigé)
+
+[Même format que les problèmes critiques]
+
+---
+
+## Suggestions 🟡 (Agréable à avoir)
+
+[Même format que les problèmes critiques]
+
+---
+
+## Audit de la navigation au clavier
+
+**Statut** : ✅ EXCELLENT | ⚠️ PROBLÈMES TROUVÉS | ❌ CASSÉ
+**Ordre de tabulation** : ✅ Logique | ⚠️ Problèmes | ❌ Cassé
+**Indicateurs de focus** : ✅ Visibles | ⚠️ Incohérents | ❌ Manquants
+**Pièges à clavier** : ✅ Aucun | ❌ Trouvé [nombre]
+
+---
+
+## Compatibilité avec les lecteurs d'écran
+
+**NVDA (Windows)** : ✅ Compatible | ⚠️ Problèmes | ❌ Cassé
+**VoiceOver (macOS)** : ✅ Compatible | ⚠️ Problèmes | ❌ Cassé
+
+**Utilisation d'ARIA** :
+
+- Étiquettes : ✅ Appropriées | ⚠️ Problèmes | ❌ Manquantes
+- Points de repère : ✅ Présents | ⚠️ Incomplets | ❌ Manquants
+- Régions live : ✅ Fonctionnelles | ⚠️ Problèmes | ❌ Manquantes
+
+---
+
+## Analyse des couleurs et du contraste
+
+**Statut** : ✅ CONFORME | ⚠️ PROBLÈMES TROUVÉS | ❌ NON CONFORME
+
+| Élément      | Premier plan | Arrière-plan | Ratio | Requis | Statut |
+| ------------ | ------------ | ------------ | ----- | ------ | ------ |
+| Texte normal | #XXXXXX      | #XXXXXX      | X.X:1 | 4.5:1  | ✅/❌  |
+| Grand texte  | #XXXXXX      | #XXXXXX      | X.X:1 | 3:1    | ✅/❌  |
+
+---
+
+## Actions à entreprendre
+
+### Must Fix (Bloquant - Violations WCAG)
+
+1. [Problème d'accessibilité critique 1]
+
+### Should Fix (Haute Priorité)
+
+1. [Problème d'accessibilité important 1]
+
+---
+
+## Liste de contrôle de conformité
+
+- [ ] Tous les éléments interactifs sont accessibles au clavier
+- [ ] Les indicateurs de focus sont visibles et clairs
+- [ ] Pas de pièges à clavier
+- [ ] Les étiquettes ARIA sont présentes et précises
+- [ ] Le contraste des couleurs respecte WCAG AA
+- [ ] L'information ne repose pas uniquement sur la couleur
+- [ ] Les images ont un texte alternatif
+- [ ] Les entrées de formulaire ont des étiquettes
+- [ ] Les messages d'erreur sont accessibles
+- [ ] Les cibles tactiles sont ≥ 44x44px
+
+**Verdict final** : ✅ CONFORME WCAG 2.1 AA | ⚠️ CONFORME SOUS CONDITIONS | ❌ NON CONFORME