Priorytet: Krytyczny. Uzasadnienie: Zgłoszenie opisuje dwa poważne błędy. Pierwszy (modal) uniemożliwia korzystanie z funkcjonalności i blokuje interfejs, zmuszając do odświeżenia strony. Drugi (linki social media) całkowicie wyklucza użytkowników klawiatury z dostępu do tej funkcji. Oba błędy stanowią istotną barierę.
Problem 1: Błędy w modalu obrazka (Lightbox)
Dotknięty komponent: Modal do wyświetlania obrazków, uruchamiany po kliknięciu na obrazek w treści artykułu.
Kroki:
- Otwórz stronę artykułu zawierającą klikalny obrazek np. https://testerzy.pl/baza-wiedzy/artykuly/audyt-dostepnosci-cyfrowej-a-lokalne-prawo-nowe-egzaminy-mitc
- Używając wyłącznie klawisza Tab, przemieść fokus na klikalny obrazek.
- Naciśnij klawisz Enter, aby otworzyć modal.
- Po otwarciu modala, spróbuj nacisnąć Tab, a następnie Escape.
Obecne zachowanie
- Brak widocznego fokusu: Gdy fokus jest na obrazku, nie ma żadnego wizualnego wskaźnika.
- Brak przeniesienia fokusu: Po otwarciu modala, fokus pozostaje na stronie w tle.
- Nawigacja po tle: Naciśnięcie Tab przemieszcza fokus po elementach strony w tle.
- Pułapka na klawiaturę: Modala nie można zamknąć klawiszem Escape ani żadnym innym klawiszem. Użytkownik jest zablokowany.
Oczekiwane zachowanie
- Obrazek ma wyraźny wskaźnik fokusu.
- Po otwarciu modala fokus jest automatycznie przenoszony do jego wnętrza.
- Nawigacja Tab jest "uwięziona" wewnątrz modala.
- Modal można zamknąć klawiszem Escape, a fokus wraca do obrazka, który go otworzył.
Naruszone wytyczne WCAG 2.1:
2.4.7 Focus Visible (Poziom AA)
2.1.2 No Keyboard Trap (Poziom A)
2.4.3 Focus Order (Poziom A)
Problem 2: Linki social media pomijane podczas nawigacji klawiaturą
Dotknięty komponent: Grupa trzech linków do udostępniania w social mediach, znajdująca się na górze każdej strony artykułu.
Kroki:
- Otwórz dowolną stronę artykułu.
- Rozpocznij nawigację od początku strony, używając wyłącznie klawisza Tab.
- Obserwuj ścieżkę fokusu.
Obecne zachowanie:
Fokus klawiatury całkowicie pomija trzy linki/przyciski do udostępniania w social mediach. Nie ma możliwości dotarcia do nich ani aktywowania ich za pomocą klawiatury.
Oczekiwane zachowanie:
Linki do social mediów powinny być częścią naturalnej kolejności nawigacji (Tab order). Użytkownik powinien móc dotrzeć do każdego z nich za pomocą klawisza Tab, a wskaźnik fokusu powinien być na nich wyraźnie widoczny.
Naruszone wytyczne WCAG 2.1:
2.1.1 Keyboard (Poziom A): Cała funkcjonalność strony musi być dostępna z klawiatury. Pominięcie tych linków w nawigacji stanowi bezpośrednie naruszenie tej zasady.
Inne przykłady stron z tymi problemami:
Raport generowany z pomocą AI ;)
