jsx_a11y/no-distracting-elements Correctness
What it does
Enforces that no distracting elements are used.
Why is this necessary?
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, <marquee> and <blink> elements are visually distracting.
What it checks
This rule checks for marquee and blink element.
Example
Examples of incorrect code for this rule:
jsx
<marquee />
<marquee {...props} />
<marquee lang={undefined} />
<blink />
<blink {...props} />
<blink foo={undefined} />Examples of correct code for this rule:
jsx
<div />
<Marquee />
<Blink />