Skip to content

Find what you need, instantly

Search components, ARIA roles & attributes, and WCAG criteria.

All roles

columnheader

Document structure role

A header cell that labels a column of a table or grid, exposing the column's meaning to assistive technologies. It can also carry aria-sort to indicate the column's sort state. It maps to a native `<th scope='col'>`.

Used on
A header cell for a column. Prefer <th scope="col">.
Accessible name
From child content, or aria-label / aria-labelledby.
Example
role="columnheader"
<th scope="col" role="columnheader" aria-sort="ascending">Name</th>
See a live, tested example on the Grid (interactive data grid) page