编辑“︁HTML可访问性测试”︁（章节）

== 测试方法 ==

=== 1. 自动化工具 ===
常用工具包括：
* WAVE（Web Accessibility Evaluation Tool）
* axe DevTools
* Lighthouse（Chrome开发者工具）

<syntaxhighlight lang="html">
<!-- 示例：检测缺少alt文本的图像 -->
<img src="logo.png"> <!-- 会触发警告 -->
<img src="logo.png" alt="公司标志"> <!-- 通过检测 -->
</syntaxhighlight>

=== 2. 键盘导航测试 ===
通过Tab键遍历所有交互元素：
* 检查焦点顺序是否合理
* 验证所有功能是否可用键盘操作

<mermaid>
flowchart TD
    A[开始] --> B[按Tab键]
    B --> C{焦点可见?}
    C -->|是| D[继续测试]
    C -->|否| E[修复样式]
    D --> F{可操作?}
    F -->|是| G[测试完成]
    F -->|否| H[修复交互逻辑]
</mermaid>

=== 3. 屏幕阅读器测试 ===
主流工具：
* NVDA（Windows）
* VoiceOver（macOS/iOS）
* JAWS

测试要点：
* 朗读顺序是否符合DOM顺序
* 表单标签是否关联正确
* ARIA属性是否生效