Rozwiązane

Przyciski nawigacji karuzeli bez dostępnej nazwy

WCAG 4.1.2[A]

WCAG 2.4.6[AA]

Nazwa, rola, wartość · Nagłówki i etykiety

#reserved.com

Anonimowy27 maj 2026

Opis problemu

Karuzela banerów na stronie głównej zawiera przyciski 'poprzedni' i 'następny' (klasy owl-prev / owl-next) z atrybutem role='presentation' i bez żadnej nazwy dostępnej (brak aria-label, tekstu, title). Czytnik ekranu nie odczyta ich jako interaktywnych elementów ani nie poinformuje o ich funkcji.

Dotyczy strony

https://www.reserved.com/pl/pl/

Sugerowane rozwiązanie

Z tymi przyciskami są zasadniczo 2 problemy do rozwiązania.

Wewnątrz tagu Button dodać element z klasą 'sr-only' opisujący przeznaczenie przycisku.
Do tagu <img należy dodać alt='', aby ukryć obrazek przed czytnikiem ekranu. Pełni on role dekoracyjną.

Z racji wykorzystania biblioteki owl-carousel, obecna implementacja prawdopodobnie wykorzystuje już ustawienie navText które pozwoli rozszerzyć zawartość przycisków

<button type="button" class="owl-prev" role="presentation">
    <div class="icon-arrow icon-prev">
        <img width="22" height="22" src="/media/SHARED/stronywizerunkowe/reserved/homepage-new/src/assets/icons/icon_chevron.svg" alt="">
        <span class="sr-only">Poprzedni slajd/następny slajd</span>
    </div>
</button>