编辑“︁HTML无障碍导航”︁（章节）

== 核心概念 ==
导航系统的无障碍性体现在以下维度：
* '''键盘可操作性'''：无需鼠标即可通过Tab键遍历
* '''屏幕阅读器兼容性'''：朗读逻辑与视觉顺序一致
* '''焦点可见性'''：当前聚焦元素有明确视觉反馈
* '''跳过机制'''：允许跳过重复的导航内容

=== 键盘导航基础 ===
标准HTML元素（如`<a>`、`<button>`）默认具备键盘可操作性。测试时需验证：
1. 能否用Tab键（Shift+Tab反向）聚焦所有交互元素
2. Enter/Space能否激活元素
3. 箭头键在菜单中是否有效

<syntaxhighlight lang="html">
<!-- 良好的导航示例 -->
<nav aria-label="主菜单">
  <ul>
    <li><a href="#home" tabindex="0">首页</a></li>
    <li><a href="#services" tabindex="0">服务</a></li>
    <li><a href="#contact" tabindex="0">联系我们</a></li>
  </ul>
</nav>
</syntaxhighlight>