Wyobraź sobie klienta, który nie może kliknąć Twojego przycisku, bo korzysta wyłącznie z klawiatury. Albo takiego, który nie odczyta ceny, bo jasnoszary tekst na białym tle zlewa się w plamę. Nie odejdzie z hukiem — po prostu wyjdzie i kupi gdzie indziej. To jest dostępność cyfrowa w praktyce.
Czym jest dostępność cyfrowa
To projektowanie stron tak, aby mogły z nich korzystać wszystkie osoby — również te z niepełnosprawnościami wzroku, słuchu, ruchu czy trudnościami poznawczymi. Standardem opisującym te zasady jest WCAG.
Ważne: dostępność pomaga nie tylko osobom z niepełnosprawnościami. Korzystają na niej też seniorzy, osoby w ruchu, korzystające z telefonu w słońcu albo z wolnym internetem — czyli ogromna część Twoich klientów.
Czy to obowiązek?
Przepisy o dostępności cyfrowej stopniowo obejmują coraz więcej podmiotów — najpierw instytucje publiczne, a w kolejnych latach również część firm prywatnych, zwłaszcza w e-commerce i usługach. Zakres obowiązków zależy od rodzaju i wielkości działalności.
Jeśli prowadzisz sklep internetowy lub świadczysz usługi online, warto sprawdzić swoją sytuację u prawnika. Niezależnie od przepisów dostępność po prostu się opłaca — to mniej porzuconych koszyków i więcej zadowolonych klientów.
Co możesz poprawić od razu
- Kontrast tekstu — jasnoszary napis na białym tle jest nieczytelny dla wielu osób.
- Rozmiar czcionki — teksty poniżej 16 px na telefonie to proszenie się o kłopoty.
- Opisy alternatywne zdjęć, żeby czytniki ekranu wiedziały, co przedstawiają.
- Obsługa klawiaturą — da się przejść przez menu i formularz bez myszki?
- Czytelne etykiety pól w formularzach, nie tylko szary tekst w środku pola.
- Sensowne treści linków — „zobacz ofertę" zamiast „kliknij tutaj".
- Napisy do materiałów wideo.
Częste błędy
Kolor jako jedyna informacja Czerwona ramka wokół błędnego pola nic nie mówi osobie nierozróżniającej kolorów. Dodaj komunikat tekstowy.
Nakładki i „widżety dostępności" Wtyczka obiecująca dostępność jednym kliknięciem zwykle nie rozwiązuje problemów, a bywa, że je pogłębia. Dostępność robi się w kodzie i projekcie, nie w nakładce.
Zbyt małe pola klikalne Na telefonie przycisk mniejszy niż opuszek palca to gwarantowana frustracja.
Dostępna strona to nie strona „dla niepełnosprawnych". To strona, z której da się wygodnie korzystać każdemu.
Efekt uboczny: lepsze SEO
Poprawna struktura nagłówków, opisy alternatywne, czytelne linki i szybkie ładowanie to jednocześnie fundament dostępności i dobrego SEO. Robiąc jedno, dostajesz drugie.
Sprawdzimy Twoją stronę
W ramach bezpłatnego audytu patrzymy również na dostępność i podpowiadamy, co poprawić najpierw. Napisz do nas — bez zobowiązań.
