Main content

rowheader

Characteristics

Superclass Role:

  • gridcell
  • sectionhead
  • widget

Base Concept:

  • HTML th[scope="row"]

Required Context Role:

  • row

Supported States and Properties:

  • aria-sort

Inherited States and Properties:

  • aria-atomic
  • aria-busy (stat)
  • 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-readonly
  • aria-relevant
  • aria-required
  • aria-selected (state)

Name From:

  • contents
  • author

Accessible Name Required:

  • True

A cell containing header information for a row in a grid.

To form a logical relation between the headers and the corresponding data in data tables < th> tags are used. These < th> tags are supported with HTML scope attribute. scope="row" forms a relation between row header and its corresponding data.

In certain scenarios use of < th scope="row"> might not be possible. Usage of role="rowheader" helps in these situations. Role="columnheader" does the same functionality for < th scope="col">. Screen readers such as JAWS and NVDA recognize the columnheader (role) and rowheader (role).

Authors must ensure elements with role rowheader are contained in or owned by an element with the role row.

Microsoft Active Accessibility accRole Property: 

  • ROLE_SYSTEM_ROWHEADER

UI Automation ControlType Property: 

  • DataItem

UI Automation AriaRole Property: 

  • rowheader
More in this category: « article