Jak dostosować stronę do wymogów ADA

Strona zgodna z ADA usuwa bariery dla użytkowników z niepełnosprawnościami. Zobacz, jakie są wymagania i jakie praktyczne kroki prowadzą do ich spełnienia.

Wersja robocza

Zgodność strony z wymogami dostępności to w większości krajów obowiązek prawny, a nie tylko kwestia projektu. W Stanach Zjednoczonych ramą jest ustawa Americans with Disabilities Act. W Unii Europejskiej europejski akt o dostępności. W Wielkiej Brytanii ustawa Equality Act. Standard techniczny, do którego odwołują się wszystkie te regulacje, jest ten sam: WCAG 2.1 poziom AA. Zbudowanie strony zgodnej z ADA oznacza spełnienie tego standardu, a kroki do tego prowadzące są takie same niezależnie od tego, w jakim kraju działa Twoja firma.

Projekt strony zgodnej z ADA oznacza zbudowanie witryny spełniającej WCAG 2.1 poziom AA, czyli standard techniczny, do którego ustawa Americans with Disabilities Act odwołuje się w kwestii dostępności stron. WCAG to ten sam standard, do którego odwołuje się europejski akt o dostępności, brytyjskie przepisy o dostępności dla podmiotów publicznych oraz przepisy o dostępności w Kanadzie, Australii i większości innych krajów z wymogami dostępności stron. Oprawa prawna różni się w zależności od kraju. Wymagania techniczne są spójne.

Ten proces to nie jednorazowy audyt. To ciągła praktyka budowania, testowania i utrzymywania dostępności w miarę rozwoju strony. Nowe podstrony, nowe funkcje i zmiany projektu mogą wprowadzać nowe luki w dostępności.

Co oznacza zgodność z ADA dla strony internetowej?

Ustawa Americans with Disabilities Act, uchwalona w 1990 roku, zakazuje dyskryminacji osób z niepełnosprawnościami w życiu publicznym. Tytuł III ustawy obejmuje miejsca użyteczności publicznej, które sądy i Departament Sprawiedliwości konsekwentnie interpretują jako obejmujące strony internetowe prowadzone przez firmy obsługujące publiczność.

Liczba pozwów o dostępność stron składanych w amerykańskich sądach federalnych rośnie co roku od 2015 roku, a w ostatnich latach po raz pierwszy przekroczyła 4000 rocznie. Firmy wymieniane w tych sprawach to zarówno duże sieci handlowe, jak i mali usługodawcy. Wielkość firmy nie chroniła pozwanych przed działaniami prawnymi w sposób, na którym można polegać.

Standard, do którego sądy najczęściej odwołują się przy ocenie roszczeń o dostępność stron, to WCAG 2.1 poziom AA. Zbudowanie strony zgodnie z tym standardem to najbardziej bezpośredni sposób na ograniczenie ryzyka prawnego. Artykuł czym jest dostępność strony internetowej opisuje w całości, czego wymaga WCAG, w tym cztery podstawowe zasady porządkujące wytyczne.

Które firmy muszą spełniać standardy dostępności stron?

W Stanach Zjednoczonych Tytuł III ustawy ADA dotyczy każdej firmy obsługującej publiczność: handlu detalicznego, gastronomii i hotelarstwa, opieki zdrowotnej, usług finansowych, nieruchomości i każdej innej firmy, w której członkowie publiczności korzystają z towarów lub usług. Nie ma minimalnego progu wielkości. Małe firmy spotykały się z działaniami prawnymi dotyczącymi dostępności równie często jak duże.

W Unii Europejskiej europejski akt o dostępności wymaga od firm sprzedających cyfrowe produkty i usługi klientom z UE spełniania standardów dostępności od czerwca 2025 roku. Brytyjska ustawa Equality Act nakłada równoważne obowiązki na firmy obsługujące klientów w Wielkiej Brytanii. Kanadyjska ustawa Accessible Canada Act i australijska ustawa Disability Discrimination Act tworzą podobne wymogi na tych rynkach.

W przypadku większości firm z publiczną stroną internetową dotyczy ich co najmniej jedna z tych ram. Praktyczny wniosek jest w każdym przypadku taki sam: buduj zgodnie z WCAG 2.1 poziom AA i dokumentuj zgodność.

Czego wymaga strona zgodna z ADA?

Spełnienie WCAG 2.1 poziom AA oznacza zadbanie o dostępność w kilku obszarach strony.

Wszystkie istotne obrazy potrzebują opisowego tekstu alternatywnego. Odwiedzający korzystający z czytnika ekranu powinien zrozumieć, co przekazuje obraz, wyłącznie z tekstu alternatywnego. Obrazy dekoracyjne, które nie dodają informacji, należy oznaczyć tak, by czytniki ekranu je pomijały.

Tekst musi spełniać minimalne współczynniki kontrastu kolorów względem tła. Tekst podstawowy wymaga współczynnika kontrastu co najmniej 4,5 do 1. Duży tekst i elementy interfejsu wymagają co najmniej 3 do 1. Schematy kolorów o niskim kontraście to jedna z najczęstszych niezgodności z WCAG AA i jedna z najłatwiejszych do naprawienia.

Wszystkie pola formularzy muszą mieć widoczne etykiety. Komunikaty o błędach muszą wskazywać, które pole ma problem, i wyjaśniać, jak go naprawić. Formularze, które sygnalizują błędy wyłącznie kolorem, zawodzą użytkowników, którzy nie rozróżniają kolorów.

Wszystkie elementy interaktywne, w tym menu nawigacyjne, listy rozwijane i okna modalne, muszą być w pełni obsługiwane klawiaturą. Odwiedzający, który nie może używać myszy, musi móc przechodzić klawiszem Tab przez każdy element interaktywny, otwierać i zamykać menu oraz wysyłać formularze wyłącznie klawiaturą. Artykuł czym jest nawigacja strony opisuje, jak elementy nawigacji muszą być zbudowane, by działały dla użytkowników klawiatury i czytników ekranu.

Treści wideo muszą mieć napisy. Nagrany dźwięk musi mieć transkrypcje. Treści wideo na żywo zawierające mowę wymagają napisów w czasie rzeczywistym. Artykuł czym jest projektowanie stron opisuje szersze decyzje projektowe, które kształtują sposób budowania i prezentacji tych elementów na podstronie.

Jak sprawdzić, czy Twoja strona jest zgodna z ADA?

Praktyczna kontrola zgodności łączy automatyczne skanowanie z ręcznymi testami. Narzędzia automatyczne skanują podstrony pod kątem najczęstszych niezgodności z WCAG, w tym braku tekstu alternatywnego, niedostatecznego kontrastu i problemów ze strukturą. Są szybkie i można je uruchomić na całej witrynie, ale wychwytują tylko około 30 do 40 procent problemów z dostępnością. Resztę trzeba ocenić samodzielnie.

Ręczne testy powinny obejmować nawigację klawiaturą na każdej podstronie i w każdym przebiegu użytkownika. Przejdź klawiszem Tab przez całą stronę, używając tylko klawiatury. Sprawdź, czy wskaźniki fokusu są widoczne przez cały czas, byś zawsze widział, który element jest aktywny. Upewnij się, że rozwijane menu otwierają się i zamykają klawiaturą. Zweryfikuj, że formularze da się wypełnić i wysłać bez myszy.

Test z czytnikiem ekranu ujawnia problemy, których nie pokażą ani narzędzia automatyczne, ani test klawiaturą. Przejście przez główne podstrony z włączonym czytnikiem ekranu pokazuje, czy podstrona czyta się w logicznej kolejności, czy obrazy są użytecznie opisane i czy elementy interaktywne są jasno oznaczone.

Do formalnej oceny zgodności profesjonalny audyt dostępności obejmuje wszystkie trzy metody testowania i daje raport względem WCAG 2.1 poziom AA. Jest to przydatne przed startem strony, po znaczącym przeprojektowaniu albo gdy trzeba formalnie ocenić ryzyko prawne.

Czym jest deklaracja dostępności strony?

Deklaracja dostępności to podstrona witryny, która określa poziom zgodności, jaki strona ma spełniać, wskazuje znane ograniczenia, wyjaśnia, jak użytkownicy z niepełnosprawnościami mogą uzyskać pomoc, i daje sposób zgłaszania problemów z dostępnością.

Deklaracja dostępności nie gwarantuje ochrony prawnej. Strona z deklaracją dostępności, ale ze znaczącymi barierami, nadal jest stroną niedostępną. Deklaracja to środek przejrzystości, który pokazuje użytkownikom z niepełnosprawnościami, czego się spodziewać i jak uzyskać pomoc. Jest wymagana przez unijną dyrektywę o dostępności stron internetowych dla stron sektora publicznego i zalecana w większości ram dostępności.

Przydatna deklaracja zawiera wersję WCAG i poziom zgodności, do którego strona dąży, datę ostatniego przeglądu, sposób kontaktu dla użytkowników zgłaszających bariery oraz krótki opis znanych, jeszcze nierozwiązanych problemów.

Jak zgodność z ADA wiąże się z SEO?

Praktyki, dzięki którym strona jest zgodna z ADA, w dużym stopniu pokrywają się z tym, czego wyszukiwarki używają do oceny jakości podstrony. Tekst alternatywny sensownie opisujący obrazy daje kontekst, którego wyszukiwarki nie mogą uzyskać z samego obrazu. Logiczna struktura nagłówków pomaga wyszukiwarkom zrozumieć, jak podstrona jest zorganizowana. Podstrony obsługiwane klawiaturą, z czystym kodem HTML, zwykle są pewniej skanowane.

Poza pokrywaniem się technicznym poprawa dostępności zmniejsza współczynnik odrzuceń i wydłuża czas na podstronie dla odwiedzających, którym służy. Te sygnały behawioralne wpływają na to, jak wyszukiwarki oceniają, czy podstrona dostarcza wartość. Artykuł czym jest SEO opisuje, jak sygnały doświadczenia użytkownika łączą się z pozycjami w wyszukiwarce na przestrzeni czasu.

Jak WEMASY podchodzi do zgodności z wymogami dostępności

Kreator stron WEMASY generuje poprawny, semantyczny kod HTML, który czytniki ekranu i automatyczne narzędzia do kontroli dostępności potrafią poprawnie odczytać. Szablony są testowane pod kątem standardów kontrastu kolorów WCAG AA. Pola tekstu alternatywnego są wbudowane w narzędzie do wgrywania obrazów, więc każdy obraz może mieć opis bez edycji kodu. Nawigacja klawiaturą domyślnie działa we wszystkich elementach interaktywnych w wynikach kreatora.

Zobacz, co jest w zestawie, na stronie kreatora stron WEMASY albo sprawdź plany na stronie z cennikiem.

Najczęściej zadawane pytania

Czy małą firmę można pozwać za niedostępną stronę?

Tak. Pozwy o dostępność stron na podstawie ADA obejmowały firmy każdej wielkości, od jednoosobowych usług po duże sieci handlowe. Nie ma progu przychodów ani liczby pracowników, który zwalniałby firmę z Tytułu III ustawy ADA. Małe firmy należały do najczęstszych pozwanych w sprawach o dostępność właśnie dlatego, że rzadziej przeprowadzały przeglądy dostępności. Koszt ugody lub naprawy po pozwie jest zwykle znacznie wyższy niż koszt zadbania o dostępność z wyprzedzeniem. W kreatorze stron WEMASY możesz to ustawić bezpośrednio na swojej stronie.

Czy istnieje oficjalny certyfikat ADA dla stron internetowych?

Nie. Nie ma wydawanego przez rząd certyfikatu ADA dla stron internetowych. Zgodność ocenia się według tego, jak dobrze strona spełnia WCAG 2.1 poziom AA, a nie według certyfikatu. Zewnętrzni audytorzy dostępności mogą wydawać raporty zgodności dokumentujące, że strona została przetestowana względem kryteriów WCAG, ale to profesjonalne oceny, a nie oficjalne certyfikaty. Żadna nakładka ani plakietka nie zastępuje prawdziwego audytu względem standardu WCAG.

Jak często strona zgodna z ADA wymaga przeglądu?

Za każdym razem, gdy strona znacząco się zmienia. Dodanie nowych podstron, aktualizacja szablonów, instalacja nowych funkcji czy publikacja nowych treści mogą wprowadzić luki w dostępności, których nie było w poprzedniej wersji. Strona, która przeszła przegląd dostępności pół roku temu, może go już nie przejść, jeśli od tego czasu zmieniono projekt. Regularne skanowanie automatyczne szybko wychwytuje regresje, a pełny audyt ręczny powinien następować po każdym większym przeprojektowaniu lub zmianie platformy.

Czym jest Section 508 i czym różni się od zgodności z ADA?

Section 508 ustawy Rehabilitation Act wymaga, by agencje federalne i organizacje otrzymujące fundusze federalne zapewniały osobom z niepełnosprawnościami dostęp do swoich technologii elektronicznych i informacyjnych. Jako standard techniczny odwołuje się do WCAG 2.0 poziom AA. Dla większości firm sektora prywatnego właściwą ramą jest ADA i jej wzorzec WCAG 2.1 poziom AA. Dla organizacji pracujących przy kontraktach lub grantach federalnych wymogi Section 508 obowiązują obok zgodności z ADA lub zamiast niej, zależnie od charakteru pracy.

Czy nakładki dostępności sprawiają, że strona jest zgodna z ADA?

Nie. Nakładki dostępności to skrypty, które próbują automatycznie naprawić problemy z dostępnością po załadowaniu podstrony. Eksperci od dostępności i organizacje rzecznicze mocno je krytykują, bo nie rozwiązują w sposób wiarygodny podstawowych problemów strukturalnych, przez które strona jest niedostępna. Sądy nie przyjmowały nakładek jako obrony w sprawach o dostępność. Prawdziwa zgodność wymaga naprawy dostępności w samej stronie, a nie łatania jej po fakcie skryptem zewnętrznym.

Wykorzystaj to od razu
na własnej stronie.

Zacznij za darmo z WEMASY i zbuduj stronę w kilka minut.