Управление с клавиатуры

КлавишаДействие
Стрелки вниз и вверхОткрывает список, затем переходит по вариантам.
Home и EndПереходит к первому или последнему варианту.
Page Down и Page UpПереходит на десять вариантов.
Enter или ПробелОткрывает список или выбирает активный вариант.
БуквыПереходит к следующему варианту, который с них начинается.
Стрелки вправо и влевоВ дереве раскрывает вариант или переходит к первому дочернему; сворачивает его или переходит к родителю. В тексте справа налево — наоборот.
Alt + стрелка вверхВыбирает активный вариант и закрывает список.
TabПри одиночном выборе выбирает активный вариант и переводит фокус дальше.
EscЗакрывает список без выбора.

Примечания по доступности

  • Кнопка — это combobox только для выбора с aria-expanded и aria-controls. Фокус остаётся на ней, а aria-activedescendant указывает на активный вариант.
  • Список — это listbox или tree с aria-level и aria-expanded. aria-setsize и aria-posinset остаются верными, даже когда рендерится только часть строк.
  • Активный вариант залит сплошным цветом, а в режиме принудительных цветов обведён контуром.
  • Задайте имя через <label for>, указывающий на triggerId, или через label.