屏幕阅读器兼容

以下是关于 屏幕阅读器兼容性 的基础知识点梳理，涵盖核心原则、技术实现和测试方法，帮助确保 Web 内容对视觉障碍用户的可访问性：

---

一、屏幕阅读器基础

1. 工作原理

   • 屏幕阅读器（如 NVDA、JAWS、VoiceOver）通过解析 DOM 和可访问性树（Accessibility Tree），将内容转换为语音或盲文输出。
   • 依赖语义化 HTML 和 ARIA 属性构建可访问性树。

2. 用户交互模式

   • 键盘导航：用户通过 Tab、箭头键、快捷键操作页面。
   • 阅读模式：按顺序朗读页面内容，或通过标题、地标（Landmark）快速跳转。

---

二、核心兼容性知识点

1. HTML 语义化

• 正确使用原生标签
  • 用 <button> 而非 <div> 实现按钮，确保自带键盘可操作性和语义。
  • 使用 <nav>、<main>、<aside> 等地标角色（Landmark Roles）划分页面结构。