UI 组件状态与变体 / Focused

Focused

键盘或其他输入方式当前定位到组件的状态。

关键字段

Identity · 身份

子类型
状态或变体
父级类目
Action Group、Toggle Group、Segmented Control、Menubar、Navigation Menu、Service Navigation、Bottom Navigation、App Bar、Callout、Inline Alert、Alert Dialog、Contextual Help、Toggletip、Confirmation Popover、Action Bar、Speed Dial、Resizable Panel、Splitter、List View、Card Grid、Media Card、Product Card、Testimonial Card、Quote Card、Review Summary、Button、Input、Select、Checkbox、Switch、Back Link、Skip Link、Color Swatch、Color Field、Color Area、Color Slider、Date Field、Time Field、Email Input、Tel Input、URL Input、Currency Input、Quantity Input、File Trigger、Password Visibility Toggle、Meter、Inline Loading、Scrollbar、Resize Handle、Drag Handle

What · 是什么

定义
键盘或其他输入方式当前定位到组件的状态。
实现表现
提供高对比度、可见且不被裁切的焦点指示器。

Why · 为什么

实现目标
焦点应按逻辑顺序移动,不被装饰样式隐藏。

How · 怎么做

实现说明
默认值明确;状态转换可预测;键盘和触摸路径完整;读屏可感知;高对比和 reduced motion 下仍可用。

Evidence · 证据

局限与边界
使用语义状态、可见焦点、文本等价和适当的 ARIA 属性表达;不只依赖颜色、动画或声音。

Lifecycle · 生命周期

状态
启用