Main content

tablist

Characteristics

Superclass Role:

  • composite
  • directory

Related Concepts:

  • DAISY Guide

Required Owned Elements:

  • tab

Supported States and Properties:

  • aria-level
  • aria-multiselectable

Inherited States and Properties:

  • aria-activedescendant
  • aria-atomic
  • aria-busy (state)
  • aria-controls
  • aria-describedby
  • aria-disabled (state)
  • aria-dropeffect
  • aria-expanded (state)
  • aria-flowto
  • aria-grabbed (state)
  • aria-haspopup
  • aria-hidden (state)
  • aria-invalid (state)
  • aria-label
  • aria-labelledby
  • aria-live
  • aria-owns
  • aria-relevant

Name From:

  • author

A list of tab elements, which are references to tabpanel elements.

A tablist role is assigned to the container that holds the tab elements. All the tablists are referenced by tabpannel. The tab role elements are owned by tablist elements. Tablist elements are typically placed near, usually preceding, a series of tabpanel elements.

To be keyboard accessible, authors should manage focus of descendants for all instances of this role.

For a single-selectable tablist, authors should hide other tabpanel elements from the user until the user selects the tab associated with that tabpanel. For a multi-selectabletablist, authors should ensure each visible tabpanel has its aria-expanded attribute set to true, and that the remaining hidden tabpanel elements have their aria-expanded attributes set to false.

tablist elements are typically placed near, usually preceding, a series of tabpanel elements.

Microsoft Active Accessibility accRole Property: 

  • ROLE_SYSTEM_PAGETABLIST

UI Automation ControlType Property: 

  • Tab

UI Automation AriaRole Property: 

  • tablist
More in this category: « tabpanel tab »