先抓住这几个判断点

  • 先使用跳到正文链接
  • Tab顺序应符合页面阅读顺序
  • 按钮要暴露展开状态
  • 弹窗应支持ESC关闭

键盘用户进入页面后,可以先使用“跳到正文”链接绕过重复导航,直接到达主要内容。这能减少每页都重复经过多个导航项的操作成本。

按Tab键移动时,焦点顺序应与页面视觉和阅读顺序大致一致,不应该突然跳到页面底部再回到顶部。

移动菜单按钮会通过aria-expanded说明当前是否展开。即使不看动画,辅助技术也能知道菜单状态。

把方法放到实际浏览中

搜索弹窗打开后,焦点会移动到搜索输入框;按ESC或关闭按钮可以退出,并把焦点返回之前的触发按钮。

FAQ问题使用真正的button元素,而不是不可聚焦的div。按钮状态会同步告诉浏览器对应答案当前是展开还是收起。

链接文字本身应说明目标页面,这不仅帮助键盘用户,也帮助读屏工具用户快速按链接列表浏览页面结构。

如何与站内其他页面配合

可见焦点样式由浏览器默认样式和控件边界共同提供,不应通过CSS把outline全部删除。

这些基础措施不能覆盖所有无障碍需求,但能保证核心导航和内容在没有鼠标时仍然有清楚路径。

本条目的页面边界

本条目专门处理“不用鼠标时,怎样确认导航和搜索仍然可操作”,用于补充站内使用主题中的具体判断步骤,不扩展到无关业务或虚构数据。