Как включить навигацию с клавиатуры для таблицы material-ui

Question

У меня есть приложение для реагирования, созданное с помощью Material-UI. Пользователь попросил включить навигацию с клавиатуры для всего сайта. Я не могу перемещаться по таблицам с помощью клавиатуры на этом веб-сайте. Моя таблица выглядит примерно такhttps://material-ui.com/components/tables/#fixed-header. Я хочу перемещаться по строке вверх и вниз, нажимая "стрелку вверх" и "стрелку вниз" на клавиатуре. Как я могу это включить?

Answer 1

Навигация с помощью клавиатуры обычно означает возможность фокусироваться и запускать интерактивные элементы, такие как ссылки, кнопки, средства выбора даты, модальные окна и т. Д., Используя только элементы управления с клавиатуры. Таблица не является интерактивным элементом, поэтому клавиатура не может ее сфокусировать.

Ваш запрос пользователя может быть направлен на обеспечение соответствия веб- сайта Руководству по доступности веб-контента . Таблицы пользовательского интерфейса материалов семантически размечены как таблицы со строкой заголовка таблицы, поэтому есть основы, чтобы соответствовать этим критериям.

Если вы активируете программу чтения с экрана (например, VoiceOver на Mac или NVDA в Windows), вы сможете перемещаться по таблице с помощью клавиш со стрелками, и программа чтения с экрана будет озвучивать каждую ячейку.

• https://webaim.org/techniques/tables/data