accessibility-auditor
审计 Web 无障碍访问性
También disponible en: davila7
Web 应用程序常因不可访问的设计而将残障用户排除在外。此技能提供 WCAG 2.1 Level AA 合规指导,包含 ARIA 属性、键盘导航和屏幕阅读器支持的具体代码示例。
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "accessibility-auditor". 审查此按钮元素的无障碍访问性:<div onclick='submit()'>Submit</div>
Resultado esperado:
- 问题:用于操作的非语义元素(WCAG 4.1.2 名称、角色、值)
- 修复:将 <div> 替换为 <button> 元素以获得内置键盘支持
- 原因:<button> 为屏幕阅读器提供焦点管理和正确的角色播报
- 代码:<button onclick='submit()'>Submit</button>
Usando "accessibility-auditor". 如何使图像具有无障碍访问性?
Resultado esperado:
- 信息性图像:添加传达图像含义的描述性 alt 文本
- 装饰性图像:使用 alt="" 或 role="presentation" 以便屏幕阅读器跳过它们
- 复杂图像:在 alt 文本中提供详细描述,或通过 figure 元素中的 figcaption 提供
Auditoría de seguridad
SeguroPure documentation skill containing markdown guidance for WCAG accessibility compliance. No executable code, network calls, or file operations. All static findings are false positives - the analyzer misidentified documentation code blocks and accessibility terminology as security threats.
Factores de riesgo
⚙️ Comandos externos (49)
🌐 Acceso a red (4)
Puntuación de calidad
Lo que puedes crear
构建无障碍组件
在编码 UI 组件时获得有关语义 HTML、ARIA 模式和键盘支持的指导。
手动审计支持
使用检查清单和示例手动验证网页是否符合 WCAG 2.1 Level AA 要求。
无障碍访问要求
了解产品必须满足的无障碍访问标准以及如何验证合规性。
Prueba estos prompts
检查此 HTML 代码是否符合 WCAG 2.1 Level AA 标准。查看语义结构、ARIA 使用、键盘支持和适当的标签。
审查此自定义组件的无障碍访问性。检查角色属性、焦点管理、键盘交互和屏幕阅读器提示。
审计此表单的无障碍访问性。验证标签、错误消息、必填字段指示器和 ARIA 验证状态是否能与屏幕阅读器配合使用。
对此页面执行完整的 WCAG 2.1 Level AA 审计。检查标题、地标、图像、链接、颜色对比度、键盘导航和焦点指示器。
Mejores prácticas
- 在使用 ARIA 属性之前优先使用语义 HTML 元素
- 手动测试键盘导航,因为自动化工具只能捕获约 30% 的问题
- 验证屏幕阅读器输出是否与所有用户的视觉体验相匹配
Evitar
- 使用 div 或 span 代替语义元素来创建按钮或链接
- 仅依靠颜色传达信息(WCAG 1.4.1)
- 禁用焦点指示器或缩放功能
- 跳过标题级别(从 h1 直接到 h3)