⚡

屏幕阅读器技能 screen-reader

本技能专注于Web和软件的无障碍访问，特别是针对屏幕阅读器的兼容性测试与优化。它提供专家级指导，帮助开发者确保内容能被视障用户准确感知，涵盖阅读顺序管理、焦点控制、播报信息处理以及编写符合WCAG标准的可访问内容。关键词包括：屏幕阅读器、无障碍访问、Web可访问性、WCAG、前端测试、用户体验、辅助技术、NVDA、VoiceOver。

前端开发 0 次安装 0 次浏览 更新于 2/26/2026

name: screen-reader description: 屏幕阅读器兼容性、测试与优化。 allowed-tools: 读取、写入、编辑、Bash、Glob、Grep

屏幕阅读器技能

提供屏幕阅读器兼容性的专家级协助。

能力

  • 使用屏幕阅读器进行测试
  • 优化阅读顺序
  • 处理播报信息
  • 管理焦点
  • 编写无障碍内容

测试工具

  • NVDA (Windows)
  • VoiceOver (macOS/iOS)
  • JAWS (Windows)
  • TalkBack (Android)

最佳实践

// 视觉隐藏但对屏幕阅读器可访问
<span className="sr-only">关闭对话框</span>

// 跳过链接
<a href="#main-content" className="skip-link">
  跳转到主要内容
</a>

// 阅读顺序
// 确保DOM顺序与视觉顺序一致

目标流程

  • 屏幕阅读器测试
  • 无障碍优化
  • 用户测试