---
url: /docs/guide/usage/linter/rules/jsx_a11y/aria-proptypes.md
---

### 作用

强制元素不要使用无效的 ARIA 状态和值。

### 为什么这很糟糕？

使用无效的 ARIA 状态和值可能会误导屏幕阅读器和其他辅助技术。
这可能导致网站的无障碍功能失效，使残障用户难以有效使用该网站。

### 示例

以下是此规则的**错误**代码示例：

```jsx
<div aria-level="yes" />
<div aria-relevant="additions removalss" />
```

以下是此规则的**正确**代码示例：

```jsx
<div aria-label="foo" />
<div aria-labelledby="foo bar" />
<div aria-checked={false} />
<div aria-invalid="grammar" />
```

## 如何使用

## 版本

此规则于 v1.36.0 中添加。

## 参考资料