A type of live region where non-essential information changes frequently.
Description
A type of live region where non-essential information changes frequently. See related log.
Common usages of marquee include stock tickers and ad banners. The primary difference between a marquee and a log is that logs usually have a meaningful order or sequence of important content changes.
Elements with the role marquee have an implicit aria-live value of off.
Example
HTML Example
The marquee role is used when non-essential information changes regularly. A role of marquee is a live region with an implied aria-live value of off. If you use marquees, ensure you provide a simple provision to stop it scrolling and updating, as they can be distracting and annoying.
<div role=”marquee”>Marquee text.</div>
HTML Example 2
<ul role=”marquee”>
<li>Dow +0.26%</li>
<li>Nasdaq +0.54%</li>
<li>S&P +0.44%</li>
</ul>
Characteristics
Superclass Role
- section
Inherited States and Properties
- aria-atomic
- aria-busy (state)
- aria-controls
- aria-current (state)
- aria-describedby
- aria-details
- aria-disabled (state)
- aria-dropeffect
- aria-errormessage
- aria-expanded (state)
- aria-flowto
- aria-grabbed (state)
- aria-haspopup
- aria-hidden (state)
- aria-invalid (state)
- aria-keyshortcuts
- aria-label
- aria-labelledby
- aria-live
- aria-owns
- aria-relevant
- aria-roledescription
Semantic HTML
No HTML element equivalent.
Reference
W3C (opens new window)