Клавиша / esc

grid

ARIA-роль для сетки как в Exel.

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

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

Кратко

Скопировано

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

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

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

Как пишется

Скопировано

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

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

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

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