Skip to content
You are currently reading docs for v1.x. Go to the latest docs if you are using newer version.

noDistractingElements

Diagnostic Category: lint/a11y/noDistractingElements

Since: v1.0.0

Sources:

Enforces that no distracting elements are used.

Elements that can be visually distracting can cause accessibility issues with visually impaired users. Such elements are most likely deprecated, and should be avoided. By default, the following elements are visually distracting: <marquee> and <blink>.

<marquee />
code-block.jsx:1:1 lint/a11y/noDistractingElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Don’t use the ‘marquee’ element.

> 1 │ <marquee />
^^^^^^^^^^^
2 │

Visually distracting elements can cause accessibility issues and should be avoided.

Unsafe fix: Remove the ‘marquee’ element.

1 │ <marquee·/>
-----------
<blink />
code-block.jsx:1:1 lint/a11y/noDistractingElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Don’t use the ‘blink’ element.

> 1 │ <blink />
^^^^^^^^^
2 │

Visually distracting elements can cause accessibility issues and should be avoided.

Unsafe fix: Remove the ‘blink’ element.

1 │ <blink·/>
---------
<div />
biome.json
{
"linter": {
"rules": {
"a11y": {
"noDistractingElements": "error"
}
}
}
}