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

Explore more on DigitalA11Y Insights

  • WAI-ARIA: Role=Section
    WAI-ARIA: Role=Section

    Description A renderable structural containment unit in a document or application. Note: section is an abstract…

  • WAI-ARIA: Role=Sectionhead
    WAI-ARIA: Role=Sectionhead

    Description A structure that labels or summarizes the topic of its related section. Note: sectionhead is…

  • WAI-ARIA: Role=Command
    WAI-ARIA: Role=Command

    A form of widget that performs an action but does not receive input data. Note:…

  • WAI-ARIA: Role=Select
    WAI-ARIA: Role=Select

    Description A form widget that allows the user to make selections from a set of…

  • WAI-ARIA: Role=Structure
    WAI-ARIA: Role=Structure

    Description A document structural element. Roles for document structure support the accessibility of dynamic web…

Share A11y Love
Avatar for Raghavendra Satish Peri

Raghavendra Satish Peri empowers enterprises with his expertise in digital accessibility and marketing. Through his impactful work, he collaborates with both small businesses and large enterprises, spearheading digital transformation initiatives. Raghavendra is the author behind the influential Accessibility Blog hosted at DigitalA11Y.com, where he delves into the intricate realm of digital accessibility and its significance.
Passionate about fostering change within the tech landscape, Raghavendra actively inspires local tech communities through engaging meetups and mentorship. He is the driving force behind HelloA11Y.com, a vibrant platform that unites accessibility professionals, developers, and enthusiasts, propelling the adoption of accessible practices.
Beyond the digital realm, Raghavendra seeks diverse experiences. You might find him exploring various cuisines at local cafes and restaurants or immersing himself in thought-provoking audio books. His insights and musings also find a home on his Personal Blog at raghava.in, where he shares his thoughts and experiences with a wider audience.

Similar Posts

WAI-ARIA Role=Emphasis

WAI-ARIA: Role=Emphasis

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

One or more emphasized characters. Description One or more emphasized characters. The purpose of the emphasis role is to stress or emphasize content. It is not for communicating changes in typographical presentation that do not impact the meaning of the content. Authors SHOULD use the emphasis role only if its absence would change the meaning of the content. The emphasis role is not…

WAI-ARIA: Role=Link

WAI-ARIA: Role=Link

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

An interactive reference to an internal or external resource that, when activated, causes the user agent to navigate to that resource. Description An interactive reference to an internal or external resource that, when activated, causes the user agent to navigate to that resource. See related button. If this is a native link in the host…

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…

WAI-ARIA: Role=Log

WAI-ARIA: Role=Log

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
1 Comment

A type of live region where new information is added in meaningful order and old information may disappear. Description A type of live region where new information is added in meaningful order and old information may disappear. See related marquee. Examples include chat logs, messaging history, game log, or an error log. In contrast to other live…