# 无障碍图标

通过添加标签使图标可访问。

## Features

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

- 没有视觉差异，但被屏幕阅读器正确宣布。

## [解剖结构](#解剖结构)

导入组件。

```jsx
import { AccessibleIcon } from "radix-ui";

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

## [API 参考](#api-参考)

### [根部](#根部)

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

| Prop     | Type     | Default          |
| -------- | -------- | ---------------- |
| `label*` | `string` | No default value |

## [可访问性](#可访问性)

大多数图标或图标系统没有内置的可访问性。例如，相同的视觉 **交叉** 图标实际上可能表示 **“关闭”** 或 **“删除”**。该组件允许您为应用程序中使用的图标赋予意义。

这是使用 [视觉隐藏](../utilities/visually-hidden) 构建的。

<!--$-->

<!--/$-->