# jsx-a11y/no-distracting-elements

> Disallow `<marquee>` and `<blink>`

Text that scrolls or flashes by itself is hard to read for people with low vision or a cognitive disability, and they can't pause it. Both elements are also deprecated, and browsers no longer make `<blink>` blink.

{/* 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/no-distracting-elements" = "error" # or "warn"
```

Every option, set to its default:

```toml bunfig.toml
[lint.rules]
"jsx-a11y/no-distracting-elements" = ["error", {
  elements = ["marquee", "blink"],
}]
```

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

## Examples

Reported:

{/* bad {"count": 2} */}
```jsx
const banner = <marquee>Free shipping this week</marquee>;
const warning = <blink>Sale ends today</blink>;
```

Not reported:

{/* good */}
```jsx
const banner = <p className="banner">Free shipping this week</p>;
const warning = <strong>Sale ends today</strong>;
```

## Options

| Option | Default | What it does |
| --- | --- | --- |
| `elements` | `["marquee", "blink"]` | Which of the two elements to report. |

{/* good {"options": [{"elements": ["blink"]}]} */}
```jsx
const banner = <marquee>Free shipping this week</marquee>;
```