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

КлавишаДействие
TabПеремещает фокус на кнопку или ссылку.
EnterАктивирует кнопку или выполняет переход по ссылке.
ПробелАктивирует кнопку. На ссылке прокручивает страницу (нативное поведение).

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

  • Доступное имя берётся из текста элемента. Кнопкам, у которых есть только иконка, нужен aria-label.
  • Контраст текста не ниже 4,5:1 в каждом варианте, тоне и теме; это гарантирует генератор палитры.
  • Индикатор фокуса — обводка толщиной 2px с контрастом не менее 3:1 относительно страницы в обеих темах.
  • Отключённый <button> выпадает из порядка табуляции. Отключённая ссылка остаётся фокусируемой, чтобы пользователи скринридеров могли её найти, и озвучивается как отключённая.
  • В режиме принудительных цветов прозрачная рамка превращается в видимый контур системного цвета.