Skip to content
DigitalA11y logo blue fill

DigitalA11Y

Your Accessibility Partner

  • Home
  • About
  • Blog
  • ResourcesExpand
    • WAI-ARIA
    • WCAG
    • Cheat Sheets
    • A11Y Blogs
  • Contact
DigitalA11y logo blue fill
DigitalA11Y
Your Accessibility Partner

WAI-ARIA: Role=Marquee

Home » WAI-ARIA: Role=Marquee

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated :January 17, 2023
Table of Contents
  • Description
  • Role=Marquee Example
  • Characteristics
  • Inherited States and Properties
  • Semantic HTML
  • Reference

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

  • 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)

Services

  • Accessibility Audits
  • Accessibility Consulting
  • Accessibility Training

Resources

  • Understanding WCAG
  • Understanding WAI ARIA
  • WCAG 2.1 Checklist

Terms & Conditions

Privacy Policy

Accessibility Statement

Disclaimer

© 2023 DigitalA11Y
All Rights Reserved

Linkedin Twitter Facebook
DigitalA11Y

Plot No 108, 3rd Cross Rd, Saipuri Colony,
Hastinapuri Colony, Sainikpuri, Secunderabad

500094
Telangana, India

Tel:(+91)99082 66680,
E-mail: [email protected]

Scroll to top
  • Home
  • About
  • Blog
  • Resources
    • WAI-ARIA
    • WCAG
    • Cheat Sheets
    • A11Y Blogs
  • Contact
Search