`columnheader`

Роль заголовка ячейки или строки таблицы и обычной сетки.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Роль структуры документа из WAI-ARIA для заголовка ячейки или строки таблицы и обычной сетки.

В HTML эта роль есть по умолчанию у <th> с атрибутом scope="col.

Скопировано

Задайте тегу role="columnheader", лучше всего <div> или <span>. В большинстве случаев используйте тег <th scope="col">.

Элемент columnheader можно вкладывать в контейнер с ролью grid или table, которая есть по умолчанию у <table>.

Внутри заголовка с columnheader должна находится минимум одна строка с row. Эта роль по умолчанию есть у тега <tr>.

Если это обычная и древовидная сетка, то у элемента с columnheader могут быть атрибуты aria-readonly и aria-required.

Элементам с ролью columnheader также можно задавать все глобальные ARIA-атрибуты и ещё один атрибут виджета aria-sort.