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.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“screen-reader-testing”。 Comment tester mon formulaire avec NVDA ?
预期结果:
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.
正在使用“screen-reader-testing”。 Qu'est-ce que le rotor VoiceOver ?
预期结果:
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.
安全审计
安全All 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.
质量评分
你能构建什么
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.
试试这些提示
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.
最佳实践
- 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
避免
- 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