Как реализовать доступность с клавиатуры

Доступность с клавиатуры обеспечивается через:

1. Tab-навигация — элементы должны быть доступны в логичном порядке (tabindex="0" для интерактивных, tabindex="-1" для программного фокуса).

2. Фокус-стили — всегда добавляй визуальные подсказки:

button:focus {
  outline: 2px solid #4D90FE;
}

3. ARIA-атрибуты — aria-label, aria-hidden для скринридеров.

4. Клавиатурные обработчики — Enter/Space для кнопок, стрелки для меню:

element.addEventListener('keydown', (e) => {
  if (e.key === 'Enter') { /* действие */ }
});

5. Пропуск повторяющихся блоков — добавляй "Skip to content" ссылку в начале страницы.

Проверяй в DevTools (Accessibility панель) и реальным Tab-тестом.