WAI-ARIA: Role=Marquee

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated : Roles
WAI-ARIA: Role=Marquee
WAI-ARIA: Role=Marquee

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.

Role=Marquee 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&amp;P +0.44%</li>
</ul>

Characteristics

Superclass Role

  • section

Inherited States and Properties

Semantic HTML

No HTML element equivalent.

Reference

W3C (opens new window)

Share A11Y Love

Avatar for Raghavendra Satish Peri

Raghavendra Satish Peri is a digital Transformation specialist working with small & large enterprises in the areas of digital accessibility & digital marketing. He authors an Accessibility Blog at DigitalA11Y.com & is galvanizing the adoption of accessibility by inspiring the local tech community with meetups and mentorship. He propelled this thought by founding HelloA11y.com, a community of accessibility professionals, developers, and enthusiasts. When away from his computer, Raghava can be found at local cafes & restaurants sampling cuisines, attending local meetups, listening to audio books, or writing on his Personal Blog at raghava.in.

Similar Posts

WAI-ARIA: Role=Definition

WAI-ARIA: Role=Definition

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

A definition of a term or concept. Description A definition of a term or concept. See related term. Authors SHOULD identify the element being defined by giving that element a role of term and referencing it with the aria-labelledby attribute. Role=Definition Example Inline Definition Example In the example below, the definition of a term that…

WAI-ARIA: Role=Document

WAI-ARIA: Role=Document

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

An element containing content that assistive technology users may want to browse in a reading mode. Description An element containing content that assistive technology users may want to browse in a reading mode. When user agent focus moves to an element assigned the role of document, assistive technologies having a reading mode for browsing static content MAY switch to…

WAI-ARIA: ROLE=FIGURE

WAI-ARIA: ROLE=FIGURE

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

A perceivable section of content that typically contains a graphical document, images, code snippets, or example text. The parts of a figure MAY be user-navigable. Description New in ARIA 1.1 A perceivable section of content that typically contains a graphical document, images, code snippets, or example text. The parts of a figure MAY be user-navigable….

WAI-ARIA: Role=Application

WAI-ARIA: Role=Application

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

A structure containing one or more focusable elements requiring user input, such as keyboard or gesture events, that do not follow a standard interaction pattern supported by a widget role. Description A structure containing one or more focusable elements requiring user input, such as keyboard or gesture events, that do not follow a standard interaction…