福利在线一区键盘焦点与选中项怎样分

适用范围与例子性质

本文讨论一般网页交互阅读，不表示任何同名站点具备特定功能。图中的甲、乙标签与面板均为原创虚构界面，采用本页明确给定的手动激活规则；不是实际产品截图，也未进行浏览器或辅助技术效果认证。

用三个问题记住三种状态

第一问：当前焦点在哪个控件？第二问：哪个标签被标记为已选？第三问：现在显示哪一块内容？在简单场景里三者经常对应同一项，但这不是永远成立的规则。把它们各记一栏，能避免仅看一个外框就判断内容已经切换，也能指出故障发生在哪层。

按图走一次手动激活过程

起始时甲有焦点、甲被选中、面板显示甲内容。按右箭头后，本例只把焦点移到乙，甲的已选状态和面板都不变。随后在乙上按Enter，乙才被选中，面板改为乙内容。中间那一步并不自相矛盾，它正是本题要求区分的两种状态。

• 图中的虚线框标焦点，文字“已选”标选择状态；右侧直接写出可见面板。即使不依赖颜色，仍能逐行对照。
• 如果记录只写“乙亮了”，别人无法知道是焦点、选中样式还是鼠标悬停。改写成“焦点到乙，甲仍标为已选，甲内容仍可见”，信息才足够具体。

为什么不能把所有标签页都按这一套解释

W3C APG的手动激活示例把聚焦与激活分成两步，确认键可激活已聚焦的标签；同一资料也列出自动激活模式，焦点到达即可切换面板。因此，一份记录要先说明观察到的模式，不能因为有的网页随焦点切换，就把本例的等待确认直接判为错误。

• 这里的左右箭头是在水平标签列表内部移动焦点。本例不能推出整页任何位置按右箭头都会换标签，也不把浏览器标签页、普通链接和网页内标签组件混为同一种对象。
• 具体页面若没有说明，先记录动作和结果，不凭外观替它补上模式。需要判断实现是否合适时，还要依据该控件语义、操作约定和实际支持情况。

焦点离开后，选中状态仍可能保留

选中乙以后，键盘焦点继续移到面板里的链接，并不必然撤销乙的选择。选中项告诉你当前在读哪一组内容；焦点告诉你接下来按键作用在哪里。这与在目录中使用当前位置提示也不同：标签的选择状态属于当前组件，不能据此推断整个站点的层级或浏览历史。

出现不一致时，写出可复现的最小记录

假设题设是手动激活，按右箭头到乙后内容仍甲，不是本题中的异常；如果确认激活乙后，界面标乙已选却仍呈现甲内容，才出现需要检查的对应问题。可写“起始甲；右箭头一次到乙；Enter一次；已选乙、可见甲”。这只是虚构差异示范，不说明真实页面存在这种缺陷。

设计说明要把可见线索与行为一起交代

纸面稿不仅要标颜色，还要写哪些键移动焦点、哪些动作激活，以及选中后哪块面板可见。图示只能帮助核对设计逻辑；真实实现还需检查键盘顺序、可访问名称和相应状态是否正确传达。引用APG不等于本站或任何页面已经通过无障碍验收，读者也不需要为了验证图例安装工具或提交账号。

把方法变成行动

1. 先确认讨论的是网页内标签组件，并记录自动或手动激活约定。
2. 分别记下焦点所在标签、已选标签和可见面板。
3. 按给定规则移动焦点，再单独执行确认，逐步核对三个状态。
4. 用起始状态、按键顺序和结果描述差异，避免只写某项变亮或没有反应。

延伸阅读与支持范围

以下链接提供相关领域资料。本站的问题拆解、解释和练习为编辑设计，不表示外部机构认可本站全部内容。

关于这个问题的问答

对应学习卡片

继续阅读