Rampsight

All rules

Markup

Remove <marquee>

Why it matters

Scrolling text cannot be paused, is unreadable for many people with low vision or dyslexia, and the element is obsolete.

How to fix it

  1. Replace it with static text.
  2. If motion is essential, build it with CSS, respect prefers-reduced-motion, and add a pause control.

In markup

Fails
<marquee>Breaking news</marquee>
Passes
<p class="news-banner">Breaking news</p>

The requirement behind it

This rule is one way of failing the following WCAG 2.2 success criteria. The W3C, which writes the standard, explains each of them:

Further reading

Deque University on marquee (opens in new tab)

Deque maintains axe-core, the open-source engine our scanner runs. Their page documents the rule as the engine implements it.

Automated checks find failures a browser can prove. They cannot judge whether a caption is accurate, whether an alt text is useful, or whether a page can be operated end to end with a keyboard — those need a person.