视觉隐藏
概述
VisuallyHidden 是一个工具组件:它会在视觉上隐藏内容,但仍能被屏幕阅读器读取。当你需要在不影响视觉设计的前提下,为依赖辅助技术的用户提供额外上下文时,它对无障碍体验非常重要。
注意:该组件从
@vean/aria导出。
用法
API
属性
| 属性名 | 类型 | 默认值 | 描述 |
|---|---|---|---|
as | string | Component | 'span' | 渲染的元素 |
asChild | boolean | false | 将属性合并到子元素 |
插槽
| 插槽名 | 参数 | 描述 |
|---|---|---|
default | - | 隐藏内容 |
VisuallyHidden
VisuallyHidden 属于 工具 分类。建议先看演示与用法,再对照 API 表格完成接入和样式调整。
先用快捷跳转面板找到概述、用法、演示和 API,再往下细读完整文档内容。
如果你在同一类交互里做组合,这些组件通常会一起出现。
VisuallyHidden 是一个工具组件:它会在视觉上隐藏内容,但仍能被屏幕阅读器读取。当你需要在不影响视觉设计的前提下,为依赖辅助技术的用户提供额外上下文时,它对无障碍体验非常重要。
注意:该组件从
@vean/aria导出。
| 属性名 | 类型 | 默认值 | 描述 |
|---|---|---|---|
as | string | Component | 'span' | 渲染的元素 |
asChild | boolean | false | 将属性合并到子元素 |
| 插槽名 | 参数 | 描述 |
|---|---|---|
default | - | 隐藏内容 |
版本记录按发布版本分组,便于快速查看这个组件在不同版本里的实际变更。
2025-11-18
调整定位样式以提升无障碍访问性
将 FormFieldProps 替换为 FormNameValueProps,并更新相关的解析函数
调整定位样式以提升无障碍访问性
将 FormFieldProps 替换为 FormNameValueProps,并更新相关的解析函数