Przewijane obszary niedostępne z klawiatury
Co to oznacza i dlaczego jest ważne
Karuzele lub ramki, które się przewijają, ale nie dostają fokusu, są bezużyteczne bez myszy (WCAG 2.1.1).
Jak naprawić
Spraw, by obszar był fokusowalny (tabindex="0"), albo upewnij się, że zawiera fokusowalne elementy.
Przykład kodu
Przed
<div class="product-slider" style="overflow-x:auto">…</div>
Po
<div class="product-slider" style="overflow-x:auto" tabindex="0" role="region" aria-label="Recommended products">…</div>
Znajdź ten błąd na swojej stronie
Przetestuj za darmo dowolną stronę — wynik w kilka sekund, z instrukcjami naprawy.