eslint-plugin-lit-a11y
Version:
linting plugin for lit-a11y
31 lines (19 loc) • 811 B
Markdown
# no-distracting-elements
Enforces that no distracting `<marquee>` or `<blink>` elements are used. These elements are visually distracting and can cause accessibility issues with visually impaired users. Such elements are also deprecated, and should not be used.
## Rule Details
Examples of **incorrect** code for this rule:
```js
html` <marquee>Can't read this</marquee> `;
```
```js
html` <blink>Can't read this</blink> `;
```
Examples of **correct** code for this rule:
```js
html` <span class="highlight">Readable Content</span> `;
```
## Accessibility guidelines
- [WCAG 2.2.2](https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide)
### Resources
- [axe-core, marquee](https://dequeuniversity.com/rules/axe/3.2/marquee)
- [axe-core, blink](https://dequeuniversity.com/rules/axe/3.2/blink)