marquee

Description

The <marquee> element must not be used. It creates text or content that scrolls automatically across the screen with no built-in way for users to pause or stop the movement. This is a problem for users with cognitive disabilities who need more time to read content, for users with vestibular disorders who are affected by moving content, and for users who rely on screen readers which may not handle moving content predictably. The <marquee> element is also deprecated in HTML5.

Example

In the following example, a <marquee> element is used to display a scrolling announcement. Users cannot pause the movement, which makes the content inaccessible. This breaks the marquee rule.

In contrast, the following code snippet displays the same announcement as static text. All users can read it at their own pace, and the code does not break the marquee rule.

How to fix?

Check if your site uses <marquee> elements. If so:

• Replace the <marquee> element with static text or a standard HTML element such as <p>, <div>, or <span>. This is the recommended solution.
• If animated or moving content is essential, implement it using CSS animations or JavaScript and provide a visible pause or stop control so users can halt the movement.

Reference

• WCAG 2.2.2: Pause, Stop, Hide
• WCAG 2.3.3: Animation from Interactions