Marquee

WHEN TO USE

• A page needs a band of movement between two dense sections, and the brand's display face is the right texture for it.
• The words are a refrain the reader has already been told, so nothing is lost if they are never read.

WHEN NOT TO USE

• The text is information the reader actually needs. The band is hidden from assistive technology and scrolls out of view, so required content placed here is content nobody is guaranteed to see.USE TEXT-BLOCK →
• You want a row of logos, moving or static. That is a different component with its own sizing and contrast treatment.USE LOGO-WALL →

DO

• Repeat the item list so the belt loops seamlessly. The component translates by half its track, which only reads as continuous when the second copy matches the first.
• Use paused from the outside when a page needs the motion stopped; it is a reflected attribute, so no page CSS has to reach into the shadow root.

DON’T

• Do not put a link or a button in it. The whole band is aria-hidden, so anything focusable inside becomes a control a keyboard user can reach but a screen reader never announces.
• Do not lengthen the item list to say more. A longer belt does not make the words more readable, it just slows the loop.