先抓住这几个判断点
- 先使用跳到正文链接
- Tab顺序应符合页面阅读顺序
- 按钮要暴露展开状态
- 弹窗应支持ESC关闭
键盘用户进入页面后,可以先使用“跳到正文”链接绕过重复导航,直接到达主要内容。这能减少每页都重复经过多个导航项的操作成本。
按Tab键移动时,焦点顺序应与页面视觉和阅读顺序大致一致,不应该突然跳到页面底部再回到顶部。
移动菜单按钮会通过aria-expanded说明当前是否展开。即使不看动画,辅助技术也能知道菜单状态。
把方法放到实际浏览中
搜索弹窗打开后,焦点会移动到搜索输入框;按ESC或关闭按钮可以退出,并把焦点返回之前的触发按钮。
FAQ问题使用真正的button元素,而不是不可聚焦的div。按钮状态会同步告诉浏览器对应答案当前是展开还是收起。
链接文字本身应说明目标页面,这不仅帮助键盘用户,也帮助读屏工具用户快速按链接列表浏览页面结构。
如何与站内其他页面配合
可见焦点样式由浏览器默认样式和控件边界共同提供,不应通过CSS把outline全部删除。
这些基础措施不能覆盖所有无障碍需求,但能保证核心导航和内容在没有鼠标时仍然有清楚路径。
本条目的页面边界
本条目专门处理“不用鼠标时,怎样确认导航和搜索仍然可操作”,用于补充站内使用主题中的具体判断步骤,不扩展到无关业务或虚构数据。