互动电影选择界面怎样设计焦点：让顺序、位置与反馈始终可见
围绕互动电影的选择叠层设计稳定焦点：规定进入位置、移动顺序、遮挡处理、确认反馈和返回后的恢复点，让键盘与遥控器用户知道自己在哪里。
开篇导读
选择界面的焦点必须回答三个问题：现在位于哪里、下一步会到哪里、确认后发生了什么。可见焦点只是一部分；顺序、遮挡和返回位置也要与镜头和分支状态共同设计。
互动电影无障碍不能只在上线前检查字幕。选择界面、播放控制、分支状态和媒介内容共同组成一次完整体验；其中任何一环无法感知、操作或理解，观众都可能在故事中途失去继续前进的方法。WCAG 2.2面向 Web 内容提出可感知、可操作、可理解和稳健四项原则。本文把相关原则转成互动电影团队可执行的制作方法，但不把单篇建议等同于合规认证；实际项目仍要结合交付平台、目标市场和残障使用者测试确认要求。
先把目标写成可验收的体验承诺
H02 的选择在人物特写上方出现，两个按钮随字幕位置上下移动。键盘用户打开暂停菜单再返回后，焦点回到页面顶部；电视遥控器用户按右键却跳到播放器音量。两者都能看见按钮，却无法预测操作路径。
下文采用虚构短片《雾港来信》作为教学案例：观众在夜间码头追查一封被替换的信，并在仓库、候船室和灯塔之间作出选择。人物、路线、测试结果和素材编号均为原创示例，不代表真实用户案例、已完成测试或 DramaFork 自动提供的功能。
团队先写一句体验承诺，再写失败条件。承诺要说清谁在什么设备和情境下完成什么动作，失败条件则说明何时必须停止发布。例如“只用键盘也能完成所有选择”比“支持键盘”更可验收；“关闭动态后仍出现全屏摇移”则是明确失败。进入选择时把焦点放在第一项或上次明确停留项；顺序跟随视觉和语义顺序；焦点环不能被字幕、弹窗或屏幕边缘遮挡。确认后先给接收反馈，再关闭选单；取消后回到触发选择的控制。
用四栏表连接规则、实现和证据
| 栏位 | 本文要回答的问题 | 交付证据 |
|---|---|---|
| 观众任务 | 观众在这一节点必须感知、决定或控制什么 | 一句可复述的任务与适用情境 |
| 交互规则 | 默认方式与替代方式是否得到同等结果 | 输入、焦点、时间或呈现规则 |
| 分支影响 | 设置切换、回退或重进是否改变剧情状态 | 入口、出口与保留状态记录 |
| 验收方式 | 谁在何种设备上检查，失败退回哪里 | 路线编号、操作记录与缺陷归属 |
H02 的两个选择固定为左后右顺序，暂停菜单作为独立焦点区。若在选择期间暂停，恢复时回到原选项而非第一项；若该选项因剧情状态失效，则移动到最近可用项并说明变化。
四栏必须引用同一个版本。只改界面稿、不改路线记录，会让测试人员无法判断旧问题是否已修复；只改程序、不更新体验承诺，则会让“可以操作”被误当成“已经理解”。编辑、交互、开发和测试共同签收的是一次可重复的体验，而不是某张静态截图。
按五步把要求放进制作流程
第一步，列出主路线、短路线、回退路线和无输入路线，标记每条路线出现的选择、播放控制与关键信息。第二步，为每项任务写默认方式和替代方式，替代方式必须到达相同剧情结果，不能只让按钮看起来不同。第三步，把规则绑定到稳定的场景编号、素材编号和状态字段，避免改片名或文案后失去追踪。
第四步，在精修画面和混音之前做低成本检查：键盘走一遍、放大文字走一遍、关闭动画走一遍、暂停后再进入一次。第五步才进行跨设备和辅助技术测试，并保留实际步骤、预期结果、实际结果和证据位置。为每个叠层画焦点进入、移动、离开图，并记录对应节点。用键盘、遥控器和屏幕放大状态检查焦点环；逐一打开字幕、设置和错误提示，确认它不被遮挡，也不会落入已经隐藏的控件。
《雾港来信》的验收记录不写“看起来没问题”，而写成“从节点 H02 进入，启用替代设置，完成左侧选择，系统写入 clue_letter=true，并在 H03 首句确认该状态”。这样一条记录同时覆盖入口、动作、反馈和出口。若结果不同，团队知道应查输入层、界面层还是剧情状态层。
常见失败通常发生在系统边界
最常见的缺陷是只在鼠标悬停时显示样式、焦点顺序按 DOM 偶然排列、弹窗关闭后焦点消失。另一个问题是用颜色变化作为唯一标记。焦点至少需要清楚边界或形状变化，并与背景保持可辨认。
另一个常见问题是把辅助功能放进隐藏很深的设置页。第一次遇到障碍的观众可能根本到不了那里，因此开场、首次选择和暂停菜单都应提供清楚入口。设置改变后要立即给出可感知反馈，并在下一节点继续生效；如果重新加载就丢失，必须在发布前明确修复或公开限制。
自动化检查可以发现缺少名称、对比度数值或部分焦点问题，却不能判断选择文案是否容易理解、音频描述是否泄露另一条路线、暂停是否破坏叙事节奏。人工路线测试和残障使用者参与仍然不可替代。发现问题时按责任退回：内容问题给编剧或编辑，素材问题给声音或后期，状态问题给实现者，范围冲突给负责人重新决策。
发布门槛要覆盖完整流程
从播放器进入选择、打开和关闭暂停菜单、切换字幕、返回选择并确认，全程只有一个可见焦点；顺序与画面一致；焦点不被遮挡；确认与取消后的落点可预测。
最低发布包应包含：功能与适用范围说明、路线清单、设置默认值、五个语言版本的界面文本、测试设备与输入方式、已知限制、缺陷负责人，以及一次从开场到结局的完整操作记录。W3C 资料提供的是可引用的规范与解释；本文的表格、节点命名和虚构案例是编辑方法，不是 W3C 规定的固定模板。
焦点规则会受播放器、浏览器和电视 WebView 影响。视觉稿只能说明意图，必须在真实运行环境中检查滚动、缩放、全屏和系统级焦点行为。
最后只做一项检查：让未参与制作的人依据记录复现体验。如果对方仍要询问“该按什么”“还剩多少时间”“这个提示表示什么”或“恢复后从哪里继续”，交付尚未完成。把答案写回规则与证据，再发布，能比上线后补救更早暴露分支系统中的障碍。
参考资料：W3C Understanding SC 2.4.7: Focus Visible；W3C Understanding SC 2.1.1: Keyboard。
