同样是按右方向键浏览标签,有的界面马上切换内容,有的只是移动到下一个标签,按回车后才打开面板。这不一定是一方做错了。W3C的ARIA Authoring Practices Guide为标签页描述了自动激活和手动激活两类方式,设计时要先明确采用哪一种。
自动模式把获得焦点与显示相应面板联系起来;手动模式则允许用户先移动焦点,再用空格或回车激活。两者分别回答了“现在键盘在哪里”和“当前显示哪一组内容”。把焦点、选中和加载状态画成同一种样式,会让交互说明难以落地。
APG推荐随焦点自动激活的前提,是对应面板能够没有明显延迟地显示,通常需要内容预先加载。如果每移动一次都等待远端请求,自动切换可能拖慢用户在标签列表中的浏览。这里说的是模式的适用条件,并没有给所有产品规定一个统一的毫秒数。
假设一个内部资料面板有“概况、记录、附件”三个标签。若附件需要较长时间加载,用户只是想用方向键经过它,就可能被加载打断。设计评审可以把这件事拆开讨论:方向键移动焦点是否立即完成;哪个动作才确定打开面板;加载期间如何表达状态。这个例子没有经过实际性能测试。
文档还区分Tab键与方向键的职责:Tab进入标签列表时落到当前激活的标签,再次Tab则离开这一组;水平列表用左右键在标签之间移动。当前激活项对应aria-selected为true,其余为false。视觉稿中的状态标注应能与这些关系对应,而不是只交一张静态截图。
实现后仍需用真实键盘和目标设备检查。选择手动或自动模式,并不等于整个页面已经通过可访问性验收;焦点可见性、面板内容和加载行为都可能另有问题。本文是对APG模式的资料解读,不是某个网站的认证结果。
信息来源
本文基于上述公开资料整理,未使用来源页面的图片、视频或嵌入媒体。