ui component state / Hover
Hover
指针悬停在可交互目标上的状态。
Identity
- Subtype
- 状态或变体
- Parent Taxonomy
- Button, Input, Select, 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, Logo, Illustration
What
- Definition
- 指针悬停在可交互目标上的状态。
- Manifestation
- 提供轻微背景、边框或阴影变化。
Why
- Implementation Goal
- 不依赖 hover 才能发现或完成任务。
How
- Implementation Guidance
- 默认值明确;状态转换可预测;键盘和触摸路径完整;读屏可感知;高对比和 reduced motion 下仍可用。
Evidence
- Limitations
- 使用语义状态、可见焦点、文本等价和适当的 ARIA 属性表达;不只依赖颜色、动画或声音。
Lifecycle
- Status
- 启用
Related content
Relationships come from the local knowledge graph and include reverse links.
- AbbreviationAbbreviationReverse · Related
提供缩写的完整含义和可访问解释。
- AudioAudioReverse · Related
播放或表达音频内容的媒体单元。
- Back LinkBack LinkRelated
返回上一级或父级页面的导航链接。
- BlockquoteBlockquoteReverse · Related
标识引用内容、来源或用户话语的语义文本单元。
- ButtonButtonRelated
触发动作、提交选择或打开流程。
- Color AreaColor AreaRelated
在二维色彩空间中选择饱和度、明度或色调。
- Color FieldColor FieldRelated
输入或编辑颜色值的单一字段。
- Color SliderColor SliderRelated
沿一维色带选择色相、透明度或其他颜色通道。
- Color SwatchColor SwatchRelated
显示可选择颜色的视觉色块,并暴露颜色名称和数值。
- Currency InputCurrency InputRelated
输入金额并显示货币和数值格式的字段。
- Date FieldDate FieldRelated
由日期分段或单一文本组成的日期输入控件。
- Date SegmentDate SegmentReverse · Related
日期字段中的年、月、日等可独立编辑的分段。
- Drag HandleDrag HandleRelated
表达可拖拽对象起始位置和抓取目标的控件。
- Email InputEmail InputRelated
输入并验证电子邮件地址的字段。
- EmojiEmojiReverse · Related
以标准化字符或图形表达短文本语义和情绪。
- File TriggerFile TriggerRelated
触发系统文件选择器但不承担完整上传流程的控件。
- Focus RingFocus RingReverse · Related
统一表达键盘焦点和当前交互目标的视觉轮廓。
- IllustrationIllustrationRelated
解释概念、状态或品牌语气的插图内容单元。
- Image PlaceholderImage PlaceholderReverse · Related
在图片加载、缺失或不可用时提供稳定的占位内容。
- Inline LoadingInline LoadingRelated
嵌入内容上下文中的轻量加载指示器。
- InputInputRelated
接收用户输入,并提供焦点、错误和只读反馈。
- List MarkerList MarkerReverse · Related
表达有序、无序、任务或自定义列表关系的标记。
- LogoLogoRelated
识别组织、产品、合作方或品牌的标志内容单元。
- MapMapReverse · Related
以空间坐标或区域关系表达地点信息的内容单元。
- MarkMarkReverse · Related
在文本中标识需要强调、命中或搜索高亮的片段。
- MentionMentionReverse · Related
在文本中引用用户、团队、对象或实体的内联标记。
- MeterMeterRelated
显示处于范围内但不一定代表完成度的数值。
- Password Visibility TogglePassword Visibility ToggleRelated
切换密码字段可见性的单一控制。
- Presence IndicatorPresence IndicatorReverse · Related
表达用户、设备或协作者在线/离线状态的指示器。
- QR CodeQR CodeReverse · Related
将 URL、文本或结构化数据编码为可扫描图形。
- Quantity InputQuantity InputRelated
输入商品或资源数量的数字字段。
- Resize HandleResize HandleRelated
调整面板、列、窗口或媒体尺寸的拖拽手柄。
- ScrollbarScrollbarRelated
表达可滚动区域位置和可操作范围的滚动条。
- SelectSelectRelated
Select 如何在界面中被理解、操作或组合?
- Skip LinkSkip LinkRelated
跳过重复导航、直接进入主内容的辅助导航链接。
- Social IconSocial IconReverse · Related
代表社交网络或外部服务的可点击品牌图标。
- Status DotStatus DotReverse · Related
用小型圆点表达在线、警告、成功或其他状态。
- Tel InputTel InputRelated
输入电话号码并适配地区、键盘和格式化规则的字段。
- Text FieldText FieldReverse · Related
提供文本输入、名称、帮助和验证语义的基础字段单元。
- Time FieldTime FieldRelated
由时间分段或单一文本组成的时间输入控件。
- Time SegmentTime SegmentReverse · Related
时间字段中的时、分、秒和周期等可独立编辑的分段。
- URL InputURL InputRelated
输入并验证 URL 的字段。
- Visually Hidden TextVisually Hidden TextReverse · Related
只为辅助技术或上下文提供说明而不显示在视觉布局中的文本。