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

YearPicker

YearPicker — подсистема выбора года в семействе календарей.

Подписи

  • Окружающий интерфейс должен объяснять, какой более широкий период представляет сетка лет.

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

ОбъявлениеПереведите фокус на демо и нажмите клавишу из таблицы.
КлавишаДействие
←→Переносит фокус на предыдущий или следующий год с переходом на соседнюю строку. В RTL стрелки зеркальны: ← ведёт к следующему году.
↑↓Переносит фокус на год выше или ниже в том же столбце.
HomeEndПереносит фокус на первый или последний год строки.
Page UpPage DownCtrl + HomeCtrl + EndНа странице YearPickerLayout: Page Up и Page Down переносят фокус в первую или последнюю строку того же столбца; Ctrl + Home и Ctrl + End — на первый или последний год.
EnterSpaceВыбирает год в фокусе.
Каждая строка проверена в настоящем браузере: Playwright нажимает клавишу в Chromium и смотрит, где оказались фокус и активный элемент.
  • Поведение клавиатуры наследуется от DataGridPicker и элементов сетки лет.

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

  • Без defaultActive точкой табуляции становится видимый year, который всегда находится на странице в области видимости
  • Фокус должен оставаться видимым, когда сетка лет перелистывает большие диапазоны.

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

  • Большие диапазоны лет проще понять, когда видимое десятилетие или диапазон чётко озвучиваются в соседнем тексте или подписях пикера.

Семантика форм

  • YearPicker — подсистема пикера, а не нативное поле формы.

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

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