Posuvné oblasti nedostupné z klávesnice

Hlášení v axe a Lighthouse: Scrollable region must have keyboard access · scrollable-region-focusable · WCAG 2.1.1, 2.1.3

Co to znamená a proč na tom záleží

Karusely nebo boxy, které se posouvají, ale nedostanou fokus, jsou bez myši nepoužitelné (WCAG 2.1.1).

Oblast zpřístupněte pro fokus (tabindex="0") nebo zajistěte, aby obsahovala fokusovatelné prvky.

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

Otestujte zdarma libovolnou stránku — výsledek za pár sekund, s návodem k opravě.