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=Directory

Home » WAI-ARIA: Role=Directory

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated :March 21, 2022
Table of Contents
  • Description
  • Example
  • Characteristics
  • Inherited States and Properties
  • Semantic HTML
  • Reference

A list of references to members of a group, such as a static table of contents.

Description

A list of references to members of a group, such as a static table of contents.
Authors SHOULD use this role for a static table of contents, whether linked or unlinked. This includes tables of contents built with lists, including nested lists. Dynamic tables of contents, however, might use a tree role instead.

Example

HTML Example

<div role="directory"> 
<ul> 
<li>Global Warming Causes
<ul>
<li>CO2 Buildup</li>
<li>Auto emissions<li>
<li>Factory emissions</li>
<li>Destruction of rainforests</li>
</ul>
</li>
<li>Tailoring CO2 buildup
<ul>
<li>Elimination of the incandescent light bulb</li>
<li>Hydrogen fuel cells</li>
<li>Solar energy</li>
<li>Wind power</li>
</ul>
</li>
</ul>
</div>

HTML Example 2

<ul role="directory">
<li><a href="/chapter-1">Chapter 1</a></li>
<li><a href="/chapter-2">Chapter 2</a></li>
<li><a href="/chapter-3">Chapter 3</a></li>
</ul>

Characteristics

Superclass Role

  • list

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

Name From

  • author

Semantic HTML

No HTML element equivalent.

Reference

  • W3C (opens new window)

Share A11Y Love

  • LinkedIn
  • Twitter
  • Facebook
  • Reddit
  • Pinterest
  • Pocket
  • WhatsApp

Terms & Conditions

Privacy Policy

Accessibility Statement

Disclaimer

© 2022 DigitalA11Y
All Rights Reserved

Facebook Twitter Linkedin
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