Scrollgebieden niet bereikbaar met toetsenbord

Melding in axe en Lighthouse: Scrollable region must have keyboard access · scrollable-region-focusable · WCAG 2.1.1, 2.1.3

Wat het betekent en waarom het belangrijk is

Carrousels of vakken die scrollen maar geen focus krijgen, zijn onbruikbaar zonder muis (WCAG 2.1.1).

Zo los je het op

Maak het gebied focusbaar (tabindex="0") of zorg dat het focusbare inhoud bevat.

Codevoorbeeld

Voor

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

Na

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

Alle toegankelijkheidsfouten