Прокручиваемые области недоступны с клавиатуры

Сообщение в axe и Lighthouse: Scrollable region must have keyboard access · scrollable-region-focusable · WCAG 2.1.1, 2.1.3

Что это значит и почему это важно

Карусели или блоки, которые прокручиваются, но не получают фокус, невозможно использовать без мыши (WCAG 2.1.1).

Как исправить

Сделайте область фокусируемой (tabindex="0") или убедитесь, что внутри есть фокусируемое содержимое.

Пример кода

До

<div class="product-slider" style="overflow-x:auto">…</div>

После

<div class="product-slider" style="overflow-x:auto" tabindex="0" role="region" aria-label="Recommended products">…</div>

Все ошибки доступности