无障碍图标

通过添加标签使图标更易访问。

特性

通过包裹任何图标并提供有意义的标签，快速使其可访问。

视觉上没有差异，但屏幕阅读器可以正确朗读。

从命令行安装组件。

npm install @radix-ui/react-accessible-icon

导入组件。

import { AccessibleIcon } from "radix-ui";

export default () => <AccessibleIcon.Root />;

包含要使其可访问的图标。

属性	类型	默认值
`label*`	`string`	没有默认值

大多数图标或图标系统本身不具备无障碍功能。例如，同一个视觉上的 cross 图标实际上可能意味着 “关闭” 或 “删除”。此组件使您可以为应用程序中使用的图标赋予含义。

这是使用 Visually Hidden 构建的。