Ensure <marquee> Elements Are Not Used

Photo of Researcher
Yotam Flohr
Researcher
Low vision Mobility
WCAG 2.1 Level A

Written and researched for humans by humans

Photo of Researcher
Yotam Flohr
Researcher
Photo of Expert
Ritvik Shrivastava
Expertly reviewed by
Comments: 0
Your entire domain
Get detailed instructions on how to resolve every accessibility issue on your website

According to web accessibility standards, <marquee> elements must not be present because they are deprecated.

Why It Matters

The marquee element creates scrolling text that can be difficult to read and click on. It can also be distracting to users.

People with attention deficits or cognitive disabilities are easily distracted by content that scrolls. What’s more, if scrolling content contains links, people with limited fine motor abilities may not be able to click on the links very easily. 

Lastly, users with visual impairments may not be able to see the scrolling text well enough to see what the content is about.

Fixing the Issue

Deprecated elements have typically been replaced by cascading style sheets (CSS), and their use may prevent assistive technologies from properly rendering content.

Developers should remove all marquee elements, even if they are empty.

Bad Code Example

Code example
<marquee behavior="scroll" direction="left"> Frisbeetarianism is the <a href="http://en.wikipedia.org/wiki/Belief">belief</a> that when you <a href="http://en.wikipedia.org/wiki/Death">die</a>, your <a href="http://en.wikipedia.org/wiki/Soul">soul</a> goes up on the <a href="http://en.wikipedia.org/wiki/Roof">roof</a> and gets stuck.</marquee> Copy