Skip to main content

a11y/noDistractingElements

enforce distracting elements are not used

ESLint Equivalent: no-distracting-elements

Examples

Invalid

<blink />

 file.tsx:1 lint/a11y/noDistractingElements ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  Avoid using deprecated blink elements.

    <blink />
    ^^^^^^^^^

  Deprecated blink are difficult to read and distract attention away
    from page content, especially for users with visual impairments.


<marquee />

 file.tsx:1 lint/a11y/noDistractingElements ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  Avoid using deprecated marquee elements.

    <marquee />
    ^^^^^^^^^^^

  Deprecated marquee are difficult to read and distract attention away
    from page content, especially for users with visual impairments.

<blink />

 file.html:1 lint/a11y/noDistractingElements ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  Avoid using deprecated blink elements.

    <blink />
    ^^^^^^

  Deprecated blink are difficult to read and distract attention away
    from page content, especially for users with visual impairments.


<marquee />

 file.html:1 lint/a11y/noDistractingElements ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  Avoid using deprecated marquee elements.

    <marquee />
    ^^^^^^^^

  Deprecated marquee are difficult to read and distract attention away
    from page content, especially for users with visual impairments.

Valid

<div />
<Marquee />
<div />
<Marquee />