确保您的网页应用程序能够与屏幕阅读器（如VoiceOver、NVDA和JAWS）配合使用。本技能提供测试清单、键盘命令和可访问性开发代码模式。
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“screen-reader-testing”。 How do I test my form with NVDA?
预期结果:
使用NVDA+F7打开元素列表并导航到表单字段。按F在字段之间跳转。检查每个输入是否播报了标签、必填状态和任何错误消息。使用Tab导航并验证逻辑焦点顺序。
正在使用“screen-reader-testing”。 What is the VoiceOver rotor?
预期结果:
VoiceOver转盘（VO+U）是一种导航工具，可让您快速跳转到特定元素类型：标题、链接、表单控件、地标等。使用左/右箭头更改类别，使用上/下箭头在类别内导航。
安全审计
安全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.
质量评分
你能构建什么
无障碍访问审计
在发布新网页应用程序之前，进行全面的屏幕阅读器兼容性审计。
无障碍访问代码审查
审查前端代码，确保ARIA属性和语义HTML支持屏幕阅读器用户。
学习屏幕阅读器命令
获取VoiceOver、NVDA、JAWS和TalkBack键盘导航的快速参考指南。
试试这些提示
Help me test my web page with screen readers. What are the key things to check for VoiceOver on macOS?
Create a testing script for NVDA on Windows. What keyboard commands should I use to navigate forms and check for proper labeling?
I have a modal dialog that screen readers cannot access properly. Show me the correct ARIA implementation with focus management.
Explain how to use aria-live regions to announce dynamic content updates to screen reader users. Give code examples.
最佳实践
- 使用实际的屏幕阅读器进行测试，而不仅仅是浏览器模拟器
- 同时测试浏览模式和焦点/表单模式
- 打开和关闭对话框时验证焦点管理
- 在添加ARIA属性之前先使用语义HTML
避免
- 仅依赖自动化无障碍访问测试工具
- 当有可见文本时仍使用aria-label
- 设置大于0的tabindex值
- 忽略单页应用程序中的焦点顺序