Клавиша / esc

rowheader

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

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

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

Кратко

Скопировано

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

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

Как пишется

Скопировано

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

Элемент rowheader можно вкладывать в контейнер с ролью grid, treegrid или table, которая есть по умолчанию у <table>. Благодаря роли rowheader скринридеры и другие вспомогательные технологии узнают о связи между таблицей или сеткой и всеми ячейками в строке.

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

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

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