screen-reader-testing
Tester l'accessibilité avec les lecteurs d'écran
Également disponible depuis: wshobson
Assurez-vous que vos applications web fonctionnent avec les lecteurs d'écran comme VoiceOver, NVDA et JAWS. Cette compétence fournit des listes de vérification de tests, des commandes clavier et des modèles de code pour un développement accessible.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "screen-reader-testing". Comment tester mon formulaire avec NVDA ?
Résultat attendu:
Utilisez NVDA+F7 pour ouvrir la liste des éléments et naviguer vers les champs de formulaire. Appuyez sur F pour sauter entre les champs. Vérifiez que chaque input annonce son label, son état requis et tout message d'erreur. Utilisez Tab pour naviguer et vérifier l'ordre de focus logique.
Utilisation de "screen-reader-testing". Qu'est-ce que le rotor VoiceOver ?
Résultat attendu:
Le rotor VoiceOver (VO+U) est un outil de navigation qui vous permet de sauter rapidement vers des types d'éléments spécifiques : titres, liens, contrôles de formulaire, repères, et plus encore. Utilisez les flèches gauche/droite pour changer de catégorie, haut/bas pour naviguer dans la catégorie.
Audit de sécurité
SûrAll 61 static findings are FALSE POSITIVES. The skill is a documentation/guide for screen reader accessibility testing. The scanner detected markdown formatting characters (backticks in code blocks, tildes in tables) and legitimate documentation URLs, misinterpreting them as security risks. No actual code execution, credential access, or malicious network activity exists.
Score de qualité
Ce que vous pouvez construire
Audit d'accessibilité
Réalisez un audit complet de compatibilité avec les lecteurs d'écran avant le lancement d'une nouvelle application web.
Revue de code pour l'accessibilité
Revoyez le code frontend pour garantir que les attributs ARIA et le HTML sémantique prennent en charge les utilisateurs de lecteurs d'écran.
Apprendre les commandes des lecteurs d'écran
Obtenez des guides de référence rapide pour VoiceOver, NVDA, JAWS et TalkBack concernant la navigation au clavier.
Essayez ces prompts
Aidez-moi à tester ma page web avec des lecteurs d'écran. Quelles sont les choses clés à vérifier pour VoiceOver sur macOS ?
Créez un script de test pour NVDA sur Windows. Quelles commandes clavier dois-je utiliser pour naviguer dans les formulaires et vérifier l'étiquetage approprié ?
J'ai une fenêtre modale que les lecteurs d'écran ne peuvent pas accéder correctement. Montrez-moi l'implémentation ARIA correcte avec la gestion du focus.
Expliquez comment utiliser les régions aria-live pour annoncer les mises à jour de contenu dynamique aux utilisateurs de lecteurs d'écran. Donnez des exemples de code.
Bonnes pratiques
- Tester avec de vrais lecteurs d'écran, pas seulement des simulateurs de navigateur
- Toujours tester à la fois le mode navigation et le mode focus/formulaire
- Vérifier la gestion du focus à l'ouverture et à la fermeture des modales
- Utiliser le HTML sémantique avant d'ajouter des attributs ARIA
Éviter
- Se fier uniquement aux outils de tests d'accessibilité automatisés
- Utiliser aria-label quand un texte visible est disponible
- Définir des valeurs tabindex supérieures à 0
- Ignorer l'ordre de focus dans les applications monopages