UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录
返回知识库
Interaction Responsive Motion

键盘优先导航

键盘优先导航把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

keyboardnavigationaccessibility

设计原则

可键盘完成的界面通常也更清晰,因为焦点顺序暴露了真实任务结构。

原则 可键盘完成的界面通常也更清晰,因为焦点顺序暴露了真实任务结构。

设计动作 为主要导航、表单、表格、弹窗和工具栏定义连续焦点顺序;所有交互控件都有可见 focus 和语义标签。

正反例 正向示例:后台、编辑器、知识库、设置页和长表单需要高频操作。 反向示例:hover 才出现的操作没有键盘入口。

适用场景 后台、编辑器、知识库、设置页和长表单需要高频操作。 用户需要快速判断状态、范围、风险或下一步行动。

来源提示 来源提示:综合 Apple HIG、Material Design、GOV.UK/Polaris/Atlassian 组件实践和交互可访问性原则整理。

Agent 指令

为主要导航、表单、表格、弹窗和工具栏定义连续焦点顺序;所有交互控件都有可见 focus 和语义标签。

适用场景

  • 后台、编辑器、知识库、设置页和长表单需要高频操作。
  • 用户需要快速判断状态、范围、风险或下一步行动。

避免做法

  • hover 才出现的操作没有键盘入口。
  • 为了视觉丰富而加入无关结构、文案或装饰。

知识元数据

分类
Interaction Responsive Motion
质量分
86%
版本
v1
发布
2026/6/6