Scrollable areas can't be reached by keyboard

Message shown by axe and Lighthouse: Scrollable region must have keyboard access · scrollable-region-focusable · WCAG 2.1.1, 2.1.3

What it means and why it matters

Carousels or boxes that scroll but can't be focused are unusable without a mouse (WCAG 2.1.1).

Make the region focusable (tabindex="0") or ensure it contains focusable content.

<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>

Run a free check of any page — results in seconds, with fix instructions.