跳转到内容

前端与界面 · DEFINED TERM

无障碍与焦点

让键盘、读屏和不同能力的用户都能理解并操作界面。

你可能会这样说“不用鼠标也能完成,弹窗打开后焦点别跑到后面”

VISUAL EXAMPLE

先看懂它怎么工作

当前概念无障碍与焦点

MECHANISM

运行机制

  1. 语义结构
  2. 可见焦点
  3. 合理顺序
  4. 状态被辅助技术读出

USE WHEN

适合这样用

覆盖键盘操作、读屏和视觉可辨识需求

NOT FOR

不要这样理解

不要移除焦点轮廓却不给替代样式

TELL YOUR AGENT

可直接发给 Agent

请按“无障碍与焦点”的概念处理这个需求:不用鼠标也能完成,弹窗打开后焦点别跑到后面。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

Tab 顺序合理,控件有名称,对比度和状态提示合格

OFFICIAL SOURCES

官方来源