# jsx-a11y/aria-props

> Disallow `aria-*` attributes that do not exist

Browsers and screen readers ignore an `aria-*` attribute they don't know. A typo such as `aria-labeledby` doesn't cause an error anywhere. The element loses its label, and you only find out by testing with a screen reader.

The rule checks every attribute that starts with `aria-`, on elements and on components.

`--fix` corrects five common mistakes: `aria-labeledby`, `aria-lable`, `aria-sorted`, `aria-value` and `aria-role`.

{/* Generated by src/codegen/lint-rule-docs.ts. Do not edit this section. */}

## Configure

Off by default. To turn it on:

```toml bunfig.toml
[lint.rules]
"jsx-a11y/aria-props" = "error" # or "warn"
```

{/* End of the generated section. */}

## Examples

Reported:

{/* bad {"count": 2} */}
```jsx
const name = <input aria-labeledby="name-label" />;
const menu = <button aria-open={isOpen}>Menu</button>;
```

Not reported:

{/* good */}
```jsx
const name = <input aria-labelledby="name-label" />;
const menu = <button aria-expanded={isOpen}>Menu</button>;
```