Dostępność strony internetowej – obowiązek, nie opcja

Od 28 czerwca 2025 roku dostępność strony internetowej to nie trend i nie dobra wola. To prawo. European Accessibility Act objął firmy prywatne w całej Unii – sklepy online, banki, platformy usługowe, a w praktyce większość stron, przez które przechodzą pieniądze. Kary? Do 10% rocznego obrotu.

A mimo to 95,9% stron internetowych ma błędy dostępności (WebAIM Million 2026). To nie jest statystyka z raportu sprzed dekady. To stan na teraz.

Ten artykuł nie jest poradnikiem dla programistów. To przewodnik dla właścicieli firm i osób decyzyjnych – co Cię obowiązuje, co tracisz bez dostępności i od czego zacząć, żeby nie płacić kar i nie tracić klientów.

Czym jest dostępność cyfrowa

Dostępność strony internetowej oznacza, że każdy użytkownik – niezależnie od sprawności wzroku, słuchu, motoryki czy sposobu korzystania z komputera – może z niej korzystać bez barier. Przeglądać ofertę, wypełnić formularz, kupić produkt, przeczytać artykuł.

To nie jest temat niszowy. W Polsce żyje ponad 4,7 miliona osób z niepełnosprawnościami (GUS, 2021). Do tego dochodzą osoby starsze z pogorszonym wzrokiem, użytkownicy z tymczasowymi ograniczeniami (złamana ręka, migrenowy ból głowy) i ludzie, którzy po prostu korzystają z internetu inaczej – na czytniku ekranowym, klawiaturą, głosem.

Dostępność to nie specjalna wersja strony „dla niepełnosprawnych”. To dobrze zaprojektowana strona, z której wygodnie korzystają wszyscy. Jeśli Twoja strona traci klientów w ciągu kilku sekund, brak dostępności może być jedną z przyczyn, o których nie pomyślałeś.

Kogo obowiązuje EAA – European Accessibility Act

Przed czerwcem 2025 roku dostępność cyfrowa obowiązywała głównie sektor publiczny – urzędy, szkoły, instytucje. EAA zmienił zasady gry. Teraz obowiązek dotyczy firm prywatnych oferujących usługi cyfrowe.

Kogo dotyczy

EAA obejmuje firmy, które świadczą usługi drogą elektroniczną na terenie UE. W praktyce to:

• Sklepy internetowe i marketplace’y
• Usługi bankowe i finansowe online
• Platformy komunikacyjne
• Serwisy transportowe i turystyczne
• E-booki i media cyfrowe
• Każda strona, przez którą użytkownik dokonuje transakcji lub korzysta z usługi

Jeśli prowadzisz firmę powyżej progu mikroprzedsiębiorstwa (więcej niż 10 pracowników lub ponad 2 mln euro rocznego obrotu), EAA najprawdopodobniej Cię dotyczy.

Co grozi za brak zgodności

Kary różnią się w zależności od kraju. W Polsce to do 10% rocznego obrotu. W innych krajach UE kary sięgają setek tysięcy euro. We Francji już w listopadzie 2025 roku złożono pierwsze pozwy. To nie jest przyszłość – to się dzieje teraz.

WCAG 2.1 AA – 5 wymagań, które musisz znać

EAA wskazuje na standard WCAG 2.1 na poziomie AA jako techniczny punkt odniesienia. Cały standard to 78 kryteriów, ale 80% problemów z dostępnością strony internetowej sprowadza się do pięciu obszarów.

1. Kontrast kolorów

Tekst musi mieć minimalny współczynnik kontrastu 4,5:1 wobec tła (dla dużego tekstu 3:1). Jasny szary tekst na białym tle? Subtelne pastele na jasnym background? Mogą wyglądać elegancko, ale są nieczytelne dla osób z osłabionym wzrokiem – a to prawie 30% populacji powyżej 65. roku życia.

Sprawdzisz to w 10 sekund narzędziem WebAIM Contrast Checker. Jeśli projektant protestuje, że „kontrast psuje estetykę” – warto wrócić do różnicy między UX a UI. Design, który wyklucza użytkowników, nie jest dobrym designem.

2. Obsługa klawiaturą

Każdy interaktywny element strony – link, przycisk, menu, formularz, slider – musi być osiągalny i obsługiwalny samą klawiaturą, bez myszy. To krytyczne nie tylko dla osób z ograniczeniami motorycznymi. Wielu power userów nawiguje klawiaturą. Użytkownicy czytników ekranowych (screen readers) nie mają innej opcji.

Test: otwórz swoją stronę i spróbuj przejść przez nią samym Tabem. Czy widzisz, gdzie jest fokus? Czy dochodzisz do formularza kontaktowego? Czy możesz otworzyć menu? Jeśli gdzieś utkniesz – masz problem.

3. Teksty alternatywne (alt) dla obrazów

Każdy obraz, który niesie informację, potrzebuje opisu w atrybucie alt. Nie „zdjęcie”, nie „image1.jpg”, nie pusty alt. Konkretny opis: „Zrzut ekranu dashboardu z wykresem konwersji za Q3 2026”. Obrazy dekoracyjne (tła, separatory) dostają pusty alt – żeby czytnik ekranowy je pominął.

To jeden z najczęstszych błędów. WebAIM raportuje, że 54% obrazów na badanych stronach ma brakujący lub nieprawidłowy alt text.

4. Struktura nagłówków

H1 jeden na stronie. Pod nim H2 dla głównych sekcji. Pod H2 – H3 dla podsekcji. Nigdy przeskoki (H1 → H3, H2 → H5). Czytniki ekranowe budują na podstawie nagłówków spis treści, który pozwala użytkownikowi nawigować po stronie. Bez poprawnej hierarchii – strona jest jak książka bez rozdziałów.

To nie jest tylko kwestia dostępności. Poprawna struktura nagłówków jest jednym z elementów, który wpływa na to, co powinna zawierać profesjonalna strona firmowa – zarówno pod kątem SEO, jak i czytelności.

5. Formularze z etykietami i walidacją

Każde pole formularza musi mieć powiązaną etykietę (label), nie tylko placeholder. Dlaczego? Placeholder znika po kliknięciu – użytkownik nie wie, co wpisać. Czytnik ekranowy nie odczyta placeholdera jako nazwy pola.

Dodatkowo: błędy walidacji muszą być zrozumiałe („Podaj adres e-mail w formacie nazwa@domena.pl”, nie „Błąd w polu 3”) i dostępne dla technologii wspomagających.

Co tracisz bez dostępności strony internetowej

Kary finansowe to argument prawny. Ale jest też argument biznesowy – i często ważniejszy.

15% populacji, których nie obsługujesz

WHO szacuje, że 15% światowej populacji żyje z jakąś formą niepełnosprawności. Dodaj do tego osoby starsze, użytkowników z tymczasowymi ograniczeniami i ludzi korzystających z internetu w nieoptymalnych warunkach (jasne słońce, hałas, mały ekran). To nie jest margines – to potencjalnie co piąty odwiedzający Twoją stronę.

SEO, które tracisz

Google nie ma osobnego „rankingu dostępności”. Ale algorytm nagradza to, co robi dostępna strona: poprawną strukturę nagłówków, opisowe alt texty, szybkie ładowanie, działający na mobile, czytelne treści. Core Web Vitals – czynnik rankingowy od 2021 roku – pokrywa się z wymaganiami WCAG w obszarze responsywności i interaktywności.

Strona dostępna to strona lepiej zoptymalizowana pod SEO. Nie dlatego, że Google sprawdza WCAG. Dlatego, że dobre praktyki dostępności i dobre praktyki SEO to w dużej mierze to samo.

Konwersje, które przepalasz

Formularz bez etykiet. Przycisk CTA z kontrastem 2:1, którego nie widać na jasnym tle. Menu, które nie działa na mobile. To nie są problemy „osób niepełnosprawnych”. To problemy każdego użytkownika, który próbuje zrobić na Twojej stronie to, do czego ją zbudowałeś – kupić, skontaktować się, zapisać się. Jeśli Twoja strona ma sprzedawać, dostępność jest warunkiem konwersji, nie dodatkiem.

Od czego zacząć – checklista na pierwszy tydzień

Nie musisz wdrożyć wszystkiego naraz. Zacznij od tego, co daje największy efekt przy najmniejszym nakładzie pracy.

Dzień 1-2: Audyt kontrastów

Użyj WAVE (wave.webaim.org) lub Lighthouse w Chrome DevTools. Przejdź kluczowe strony – homepage, ofertę, formularz kontaktowy. Popraw kolory, które nie przechodzą testu 4,5:1. To najszybszy fix i najczęstszy problem.

Dzień 3: Test klawiaturowy

Otwórz stronę, odłóż mysz, nawiguj Tabem. Zanotuj miejsca, gdzie fokus znika, przycisk nie reaguje, menu się nie otwiera. Przekaż listę deweloperowi.

Dzień 4: Alt texty

Przejrzyj zdjęcia na stronie. Dodaj opisowe alt texty do obrazów informacyjnych. Zostaw pusty alt dla dekoracyjnych. W WordPressie to pole „Tekst alternatywny” w bibliotece mediów – kilka minut na obraz.

Dzień 5: Formularze

Sprawdź, czy każde pole formularza ma widoczną etykietę (nie tylko placeholder). Upewnij się, że komunikaty błędów są zrozumiałe i pojawiają się przy odpowiednim polu.

Dzień 6-7: Nagłówki i struktura

Przejrzyj hierarchię H1-H6 na każdej stronie. Jeden H1, pod nim H2, pod H2 – H3. Bez przeskoków. Zainstaluj rozszerzenie HeadingsMap do przeglądarki – zobaczysz strukturę w jednym kliknięciu.

Ile kosztuje wdrożenie dostępności

Zależy od stanu wyjściowego. Strona zbudowana z myślą o standardach od początku – dodatkowy koszt jest minimalny. Strona istniejąca, budowana bez świadomości WCAG – poprawki mogą być znaczące, w zależności od skali problemów.

Profesjonalny audyt dostępności WCAG 2.1 AA identyfikuje konkretne problemy i priorytetyzuje poprawki – to punkt wyjścia, który pozwala zaplanować wdrożenie bez zgadywania.

Ale porównaj to z potencjalną karą do 10% rocznego obrotu. Albo z utratą 15% potencjalnych klientów. Albo z pozwem, który kosztuje więcej niż samo wdrożenie dostępności.

Dostępność strony internetowej to nie wydatek. To inwestycja, która się zwraca – w zasięgu, konwersjach i spokoju prawnym.

DotLineCode projektuje strony zgodne z WCAG 2.2 od pierwszego szkicu. Każdy projekt zaczynamy od audytu dostępności – bo poprawianie post factum zawsze kosztuje więcej niż robienie dobrze od początku.