Posúvateľné oblasti nedostupné z klávesnice

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

Čo to znamená a prečo na tom záleží

Karusely alebo boxy, ktoré sa posúvajú, ale nedostanú fokus, sú bez myši nepoužiteľné (WCAG 2.1.1).

Oblasť sprístupnite pre fokus (tabindex="0") alebo zaistite, aby obsahovala fokusovateľné 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 zadarmo ľubovoľnú stránku — výsledok za pár sekúnd, s návodom na opravu.