accessibility-auditor
审计并修复网页无障碍访问问题
Également disponible depuis: CrazyDubya
网页无障碍访问问题可能导致残障用户无法访问您的网站。此技能提供全面的指导,帮助实现 WCAG 2.1 标准、ARIA 属性和键盘导航,为所有用户创建包容性体验。
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 "accessibility-auditor". Make this navigation menu accessible
Résultat attendu:
- 使用带有 aria-label 的 nav 元素来标识导航区域
- 确保所有链接都可聚焦,具有适当的 tabindex 值
- 为下拉菜单添加箭头键盘导航
- 包含跳过链接以绕过重复导航
- 验证所有交互元素的焦点指示器可见
Utilisation de "accessibility-auditor". Fix this form for accessibility
Résultat attendu:
- 添加显式的 label 元素,其 for 属性与 input id 匹配
- 使用 fieldset 和 legend 对相关字段进行分组
- 对必填字段使用 aria-required
- 为验证消息添加 aria-invalid 和 aria-describedby
- 确保错误消息使用 aria-live 区域
Audit de sécurité
SûrPure documentation skill containing only accessibility guidance, code examples, and best practices. All static findings are false positives: ARIA attributes (like aria-checked, aria-expanded) were misidentified as cryptographic algorithms; markdown code block backticks were misidentified as shell execution; legitimate W3C URLs are not security risks. No executable code, network calls, or credential access.
Facteurs de risque
🌐 Accès réseau (3)
⚙️ Commandes externes (78)
Score de qualité
Ce que vous pouvez construire
构建无障碍组件
使用适当的 ARIA 属性和焦点管理创建无障碍的模态框、手风琴、选项卡和表单。
审计网页无障碍访问
使用包含的测试检查清单和无障碍访问指南审查网站的 WCAG 违规情况。
设计包容性界面
设计可与辅助技术配合使用并符合无障碍访问标准的用户体验。
Essayez ces prompts
Review this HTML code for WCAG 2.1 AA compliance. Check for missing alt text, color contrast issues, and semantic HTML problems.
Help me add proper ARIA attributes to make this custom component accessible. It is a dropdown/modal/accordion component.
This component is not keyboard accessible. Show me how to implement proper tab order and keyboard event handling.
What screen reader tests should I run to verify this page is accessible for users with visual impairments?
Bonnes pratiques
- 在开发早期就开始无障碍访问测试,而不是在最后修复问题
- 在添加 ARIA 属性之前先使用语义化 HTML 元素
- 使用真实的辅助技术进行测试,而不仅仅是自动化工具
Éviter
- 在没有适当键盘支持的情况下在 div 元素上使用 role="button"
- 依赖占位符文本作为可见表单标签的替代品
- 仅使用颜色向用户传达信息