ADA Website Compliance – co to jest i jak wdrożyć na Twojej stronie?

W Europie mamy European Accessibility Act, w Stanach – ADA. Jak Amerykanie podchodzą do dostępności stron WWW i czy te zasady mocno różnią się od naszych standardów? Jak się do nich dostosować? O tym poniżej.

Czym jest ADA Website Compliance i czy musisz się tym przejmować?

ADA (Americans with Disabilities Act) to amerykańska ustawa uchwalona w 1990 roku, która zakazuje dyskryminacji osób z niepełnosprawnościami w różnych obszarach życia, w tym również w dostępie do treści i usług cyfrowych. Chociaż sama ustawa nie zawiera bezpośrednich zapisów o stronach internetowych, sądy w USA uznają, że serwisy WWW firm działających na tamtejszym rynku również muszą być dostępne dla każdego.

W Polsce najważniejszą ustawą w kwestii dostępności jest oczywiście European Accessability Act (EAA), z którą warto być na bieżąco. Natomiast jeśli obsługujesz klientów z USA lub planujesz wejście na tamten rynek – o ADA też warto wiedzieć.

Krótko o WCAG

Na szczęście same standardy dot. dostępności usług cyfrowych i w Europie, i w Stanach są takie same – bo za punkt odniesienia przyjmuje się wytyczne WCAG (Web Content Accessibility Guidelines). U nas zostały one wprost wskazane w EAA oraz w polskich ustawach jako obowiązujący standard, w Stanach, jak wspomnieliśmy, nie – ale wszyscy praktycy i tak odwołują się właśnie do nich. 

Jeśli więc Twoja strona ma być dostępna dla każdego – zapoznaj się z najnowszą wersją WCAG (obecnie 2.2) i trzymaj się tych wytycznych. 

5 rzeczy, od których możesz zacząć pracę nad dostępnością Twojej strony

Dostosowanie się do zasad WCAG oraz ADA Website Compliance nie jednak musi oznaczać rewolucji na stronie. Wiele problemów z dostępnością sprowadza się do raptem kilku obszarów, w których poprawa uczyni witrynę bardziej przyjazną dla wszystkich użytkowników. 

1. Zawsze dodawaj opisy alternatywne (alt text) do obrazów

Każda grafika pełniąca funkcję informacyjną lub nawigacyjną powinna posiadać atrybut alt, który czytniki ekranu będą mogły odczytać niewidomym lub niedowidzącym użytkownikom. Dobre alt texty:

• opisują precyzyjnie, co znajduje się na obrazie (np. „Zdjęcie produktu – buty sportowe Nike Air Max”);
• informują o funkcji obrazu (np. „Ikona koszyka – przejście do strony z zamówieniem”);
• nie zawierają fraz typu „obrazek przedstawiający” – czytniki same to rozpoznają

Grafiki „tylko dla dekoracji” mogą mieć pusty atrybut alt=””; wtedy czytniki je pominą.

2. Uporządkuj strukturę nagłówków (H1, H2, H3…)

Czytniki ekranu analizują stronę zgodnie z hierarchią nagłówków. Dlatego:

• H1 powinien być tylko jeden na podstronę – to główny tytuł,
• H2 i H3 należy stosować do logicznego podziału treści na sekcje i podsekcje,
• nie należy pomijać poziomów (czyli np. przechodzić z H2 bezpośrednio do H4).

Tak zaplanowana struktura nagłówków nie tylko ułatwia nawigację osobom z niepełnosprawnościami, ale także… wspiera pozycjonowanie.

3. Zadbaj o kontrast między tekstem a tłem

Słaby kontrast kolorystyczny to jeden z najczęstszych błędów w projektach graficznych stron. Tak, jasnoszare czcionki na białym tle czy pastelowe przyciski mogą wyglądać nowocześnie, ale często są nieczytelne – szczególnie dla osób niedowidzących. 

Minimalne wartości według WCAG 2.1 to 4.5:1 dla tekstu standardowego i 3:1 dla dużych nagłówków.

4. Umożliwiaj pełną obsługę strony przy pomocy klawiatury

Wiele osób z niepełnosprawnościami nie korzysta z myszy, a wyłącznie z klawiatury (lub innych urządzeń wspomagających). A więc zawsze muszą mieć możliwość:

• przechodzenia między wszystkimi elementami interaktywnymi (przyciski, linki, formularze) przy pomocy klawisza Tab;
• aktywowania tych elementów klawiszem Enter;
• łatwego śledzenia aktualnie zaznaczonego elementu (widoczny focus!).

5. Zapewnij wszystkim dostęp do multimediów

Jeśli publikujesz materiały wideo lub podcasty, pamiętaj o tym, aby:

• dodać napisy do filmów (mogą być wgrane lub dostępne do włączenia),
• udostępnić transkrypcję tekstową dla podcastów i nagrań audio.

Docenią to nie tylko osoby niesłyszące, ale także ci, którzy na przykład… przeglądają treści w komunikacji miejskiej w drodze do pracy.

Jeśli zaś chcesz sprawdzić, w jakim stopniu Twoja strona już dziś jest przyjazna dla osób z niepełnosprawnościami, polecamy też darmowe narzędzie WAVE, które wskazuje błędy dostępności bezpośrednio na stronie – czytelnie nawet dla „nietechnicznych”.