Scrollbereiche per Tastatur nicht erreichbar

Meldung in axe und Lighthouse: Scrollbare Regionen müssen per Tastatur erreichbar sein. · scrollable-region-focusable · WCAG 2.1.1, 2.1.3

Was das bedeutet und warum es wichtig ist

Karussells oder Boxen, die scrollen, aber nicht fokussierbar sind, sind ohne Maus unbenutzbar (WCAG 2.1.1).

Bereich fokussierbar machen (tabindex="0") oder fokussierbare Inhalte darin sicherstellen.

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

Prüfen Sie eine beliebige Seite kostenlos — Ergebnis in Sekunden, mit Lösungshinweisen.