grid

Составная роль виджета из WAI-ARIA для сетки.

Сетка чем-то похожа на таблицу. Она состоит из колонок и строк с ячейками, на которых можно делать фокус и перемещаться между ними с помощью стрелок в разных направлениях. С сетками, например, могли сталкиваться в Exel.

В HTML нет тега с этой ролью.

Задайте role="grid" любому тегу, но лучше всего <div>, <span> или <table>.

Внутри элемента с ролью grid должно быть несколько ячеек с ролью gridcell.

ARIA-роли не изменяют внешний вид и поведение элементов, поэтому не забудьте стилизовать сетку с помощью CSS и добавить поддержку клавиатуры с помощью JavaScript и tabindex.

Для grid можно использовать все глобальные ARIA-атрибуты, а также атрибуты виджетов aria-readonly и aria-multiselectable.