Dans les termes du Skill
Teste des applications web avec les lecteurs d'écran VoiceOver, NVDA, JAWS, TalkBack et Narrator sur macOS, Windows, iOS et Android. Valide la compatibilité avec les lecteurs d'écran, débogue les problèmes de technologies d'assistance et garantit des implémentations ARIA correctes grâce à des tests pratiques avec des lecteurs d'écran réels.
Couvre la navigation, les formulaires, les annonces de contenu dynamique, la gestion du focus et les fenêtres modales. Fournit des commandes spécifiques à chaque plateforme, des listes de contrôle de test et des exemples de code pour les schémas d'accessibilité courants. Insiste sur les tests dans différents modes de lecteur d'écran (navigation, focus, application) et privilégie le HTML sémantique avec ARIA en enrichissement complémentaire.
Ce qu'il produit
- Liste de contrôle de test VoiceOver couvrant le chargement de page, la navigation, les liens, les formulaires, le contenu dynamique et les tableaux
- Script de test NVDA avec instructions étape par étape pour le chargement initial, les repères, les titres, les formulaires, les éléments interactifs et le contenu dynamique
- Exemples de code HTML présentant des patterns accessibles et des correctifs pour des problèmes courants : boutons sans libellé, contenu dynamique non annoncé et erreurs de formulaire
- Code JavaScript pour la gestion du focus, incluant les fenêtres modales, le piégeage du focus et la navigation au clavier dans les interfaces à onglets
Fonctionnement
- 01Tester avec les principaux lecteurs d'écran par plateforme
Utilisez NVDA avec Firefox sur Windows (31 % d'usage), VoiceOver avec Safari sur macOS et iOS (15 % d'usage), JAWS avec Chrome (40 % d'usage), TalkBack sur Android (10 % d'usage) et Narrator avec Edge (4 % d'usage).
- 02Naviguer à l'aide de commandes spécifiques au lecteur d'écran
Exécutez des commandes telles que VO+Flèche droite pour la navigation par élément de VoiceOver, H pour les sauts de titre de NVDA, Insert+F7 pour les listes de liens de JAWS et un balayage à deux doigts pour le défilement de TalkBack.
- 03Tester en modes navigation et focus
Vérifiez que les lecteurs d'écran basculent correctement entre le mode navigation pour lire le contenu et le mode focus pour interagir avec les contrôles de formulaire, en surveillant les annonces de changement de mode.
- 04Valider la structure sémantique et ARIA
Vérifiez que les titres sont détectables via le rotor ou la liste des éléments, que les repères sont correctement étiquetés, que les régions live annoncent les mises à jour, et que les rôles tels que dialog, tab et progressbar sont correctement implémentés.
- 05Vérifier la gestion du focus et l'interaction au clavier
Assurez-vous que le focus se déplace vers les erreurs après la soumission d'un formulaire, que les fenêtres modales piègent correctement le focus et le restituent à la fermeture, et que les interfaces à onglets répondent aux flèches, à Home et à End.
- 06Tester les annonces de contenu dynamique
Déclenchez des mises à jour de contenu et vérifiez que role="status" avec aria-live="polite" annonce les changements après la parole en cours, tandis que role="alert" interrompt immédiatement.