在 ARIA 组件中,选中状态(Selection)是否应自动跟随焦点移动,取决于内容加载的即时性。当组件内容直接存在于 DOM 中且切换面板是瞬时完成时(例如 Tab 列表),让选中状态跟随焦点通常能提升效率。此时用户按下方向键即可快速浏览多个选项,无需额外按键,屏幕阅读器也能流畅读取标签列表而无延迟。

然而,若切换面板会触发网络请求、页面刷新或导致显著延迟,则应避免选中状态自动跟随焦点。在这种情况下,如果焦点移动立即改变选中状态并加载新内容,键盘用户将因等待数据加载而体验受阻,甚至需要重新定位焦点。此时,应让用户通过按 Enter 或 Space 键来手动执行选择操作,以平衡效率与可访问性。

此外,区分“焦点”与“选中状态”至关重要。焦点是导航指针,始终唯一;选中状态则是组件内的操作结果,可独立存在。设计时需确保视觉焦点指示器始终可见,且选中状态的样式需与焦点指示器明显区分,避免用户混淆。

信息来源