1. Brak tekstu alternatywnego (alt text) dla obrazów
Jednym z podstawowych wymogów dostępności jest zapewnienie tekstów alternatywnych dla obrazów. Użytkownicy korzystający z technologii asystujących, takich jak czytniki ekranu, nie są w stanie zobaczyć obrazów. Zamiast tego, technologie te przekazują treść wizualną poprzez opisy zawarte w znaczniku alt. Brak takich opisów uniemożliwia im zrozumienie, co przedstawia dany obraz, co może znacznie wpłynąć na pełne doświadczenie użytkownika, szczególnie w kontekście ważnych elementów wizualnych, takich jak infografiki czy zdjęcia produktów.
Alt text to opis, który przekazuje treść wizualną w formie tekstu, co pozwala osobom niewidomym lub słabowidzącym zrozumieć, co znajduje się na obrazie. Zawartość obrazu jest zatem dostępna nie tylko wizualnie, ale również w formie werbalnej.
2. Słaby kontrast kolorów
Kontrast między tekstem a tłem odgrywa kluczową rolę w zapewnieniu czytelności treści, zwłaszcza dla osób z wadami wzroku, takimi jak daltonizm czy jaskra. Niski kontrast może sprawić, że tekst będzie trudny do odczytania, co zmniejsza dostępność strony dla dużej grupy użytkowników. Standardy WCAG zalecają określony poziom kontrastu (minimum 4.5:1 dla zwykłego tekstu), aby zapewnić czytelność dla wszystkich użytkowników.
3. Brak nawigacji klawiaturą
Nie wszyscy użytkownicy korzystają z myszy – wielu polega na nawigacji klawiaturą lub urządzeniach pomocniczych. Jeżeli strona internetowa nie jest zaprojektowana tak, aby była dostępna za pomocą klawiatury, użytkownicy mogą mieć problem z poruszaniem się po witrynie. Przykładem może być brak możliwości aktywacji przycisków lub formularzy za pomocą klawisza Tab.
4. Nieopisowe teksty linków
Linki z opisami typu "kliknij tutaj" lub "więcej" nie dostarczają kontekstu dla użytkowników korzystających z czytników ekranu. Dla nich linki powinny być jednoznacznie opisane, aby mogli zrozumieć, do czego prowadzi dany link bez potrzeby przeszukiwania otaczającego tekstu.
5. Brak etykiet formularzy
Formularze stanowią istotny element interakcji na wielu stronach internetowych. Pola formularzy bez jasnych etykiet mogą być trudne do zrozumienia dla użytkowników korzystających z technologii asystujących. Oznaczenie etykiet jest niezbędne, aby czytniki ekranu mogły poprawnie zidentyfikować cel każdego pola.
6. Filmy bez napisów
Filmy, które nie mają napisów, są niedostępne dla osób z wadami słuchu. Brak napisów oznacza, że osoby te nie mogą zrozumieć zawartości multimedialnej, co wyklucza je z korzystania z pełnej zawartości strony internetowej.
7. Brak transkrypcji dla plików audio
Podobnie jak w przypadku filmów bez napisów, pliki audio bez transkrypcji są niedostępne dla osób z wadami słuchu. Transkrypcje pozwalają takim użytkownikom na dostęp do treści audio w formie tekstu, co znacząco zwiększa ich doświadczenie na stronie.
8. Skomplikowana struktura nawigacyjna
Strony internetowe o złożonej i nieintuicyjnej strukturze mogą być trudne do przeglądania dla użytkowników z niepełnosprawnościami poznawczymi. Skomplikowane menu, zbyt wiele poziomów hierarchii czy brak jasnej struktury utrudniają znalezienie potrzebnych informacji.
9. Niezoptymalizowane pliki PDF
Pliki PDF mogą stanowić wyzwanie dla użytkowników korzystających z technologii asystujących, jeżeli nie są odpowiednio zoptymalizowane. Brak właściwego oznaczania, struktury czy tytułów sprawia, że czytniki ekranu nie są w stanie poprawnie przetwarzać zawartości dokumentów.
10. Nierozszerzalny tekst
Użytkownicy powinni mieć możliwość powiększenia tekstu bez utraty czytelności strony. Jeśli powiększenie tekstu powoduje zniekształcenie układu lub utrudnia nawigację, strona staje się trudna do używania dla osób z wadami wzroku.
11. Treść o ograniczonym czasie
Treści, które znikają lub zmieniają się zbyt szybko, mogą być niedostępne dla osób z niepełnosprawnościami. Użytkownicy powinni mieć możliwość kontrolowania tempa zmian lub zatrzymywania dynamicznych elementów, aby móc w pełni skorzystać z treści.
12. Brak linków do pomijania nawigacji
Linki umożliwiające pominięcie nawigacji są szczególnie przydatne dla użytkowników korzystających z czytników ekranu, ponieważ pozwalają im szybko przejść do głównej treści, zamiast wielokrotnego odczytywania nawigacji na każdej stronie.
13. Pop-upy bez zarządzania fokusem
Pop-upy mogą wprowadzać chaos, jeśli nie zarządza się prawidłowo ich fokusowaniem. Użytkownicy korzystający z klawiatury lub czytników ekranu mogą nie być w stanie zamknąć okienek lub wrócić do głównej treści, co powoduje problemy z nawigacją.
14. Autoodtwarzające się multimedia bez kontroli
Automatyczne odtwarzanie filmów lub dźwięków bez opcji ich wyłączenia może zakłócać działanie technologii asystujących i być uciążliwe dla użytkowników, którzy nie są w stanie ich szybko zatrzymać.
15. Słaba dostępność mobilna
Dostępność mobilna jest kluczowa, ponieważ coraz więcej użytkowników korzysta z internetu za pośrednictwem urządzeń mobilnych. Strony, które nie są responsywne i nie współpracują dobrze z technologiami asystującymi na urządzeniach mobilnych, mogą być trudne do obsługi przez użytkowników z niepełnosprawnościami.
16. CAPTCHA bez alternatywy
Wizualne CAPTCHA są często barierą dla użytkowników z niepełnosprawnościami, zwłaszcza dla osób niewidomych lub słabowidzących. Brak alternatywnych metod uwierzytelniania, takich jak dźwiękowe CAPTCHA lub inne rozwiązania dostępnościowe, wyklucza wiele osób z procesu autoryzacji.
Podsumowanie
Naruszenia dostępności stron internetowych mogą znacząco wpłynąć na doświadczenia użytkowników z niepełnosprawnościami. Przestrzeganie wytycznych WCAG oraz ADA to nie tylko obowiązek prawny, ale także moralny – aby internet był dostępny dla wszystkich. Poprawa dostępności strony internetowej nie tylko chroni przed potencjalnymi problemami prawnymi, ale również zwiększa zasięg i zaangażowanie użytkowników, zapewniając lepsze wrażenia z korzystania z witryny dla wszystkich odwiedzających.
