Zonas desplazables inaccesibles con teclado

Mensaje que muestran axe y Lighthouse: Asegurar que la región de desplazamiento vertical ('scroll') tiene acceso por teclado · scrollable-region-focusable · WCAG 2.1.1, 2.1.3

Qué significa y por qué importa

Carruseles o cajas que se desplazan pero no reciben el foco son inutilizables sin ratón (WCAG 2.1.1).

Cómo corregirlo

Haz la zona enfocable (tabindex="0") o asegúrate de que contiene elementos enfocables.

Ejemplo de código

Antes

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

Después

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

Todos los errores de accesibilidad