Перейти к содержимому
v2.5.0
English
Русский
Документация

DataGridPicker

DataGridPicker — визуальный слой пикера поверх DataGridSelectable.

Подписи

  • У пикера должна быть видимая подпись или контекстный заголовок, объясняющий набор вариантов.
  • Содержимое элемента должно быть осмысленным при озвучивании по одной ячейке.

Поведение клавиатуры

ОбъявлениеПереведите фокус на демо и нажмите клавишу из таблицы.
КлавишаДействие
EnterSpaceВыбирает элемент в фокусе.
→←Переносит фокус на следующий или предыдущий элемент, по умолчанию переходя через границу строк (wrap='horizontal'). Следует направлению текста: в right-to-left → ведёт к предыдущему элементу.
↓↑Переносит фокус на элемент ниже или выше.
HomeEndPage UpPage DownПереносят фокус на первый или последний элемент строки либо на первую или последнюю строку колонки, как в DataGrid.
Каждая строка проверена в настоящем браузере: Playwright нажимает клавишу в Chromium и смотрит, где оказались фокус и активный элемент.
  • Циклическую навигацию и выбор диапазона проверяйте на реальной форме пикера.
  • Постраничные пикеры со скроллером должны сохранять предсказуемый фокус после смены страницы.

Поведение фокуса

  • Одновременно активен только один элемент.
  • Фокус должен оставаться видимым, даже когда пикер плотный.
  • Смена страницы в режиме скроллера не должна незаметно терять контекст активной ячейки.

Семантика для скринридеров

  • Озвучивание зависит от итогового содержимого элементов и семантики сетки, которую дают составные части пикера.
  • Предметные обёртки вроде DayPicker должны при необходимости добавлять более сильную семантику дат.

Риски доступности

  • плотные сетки без поясняющих инструкций вокруг
  • смена страницы, скрывающая активный контекст
  • собственный рендер элементов, убирающий видимое выбранное или отключённое состояние