Dostępność strony WWW (WCAG) w 2026 - obowiązek, konwersja i 10 rzeczy do sprawdzenia dziś
Dostępność kojarzy się z „urzędami i dużymi korporacjami”. Tymczasem od czerwca 2025 Europejski Akt o Dostępności (w Polsce ustawa o dostępności produktów i usług) objął m.in. e-commerce i wybrane usługi online. A poza przepisami: strona, którą da się obsłużyć klawiaturą i przeczytać w słońcu na telefonie, po prostu sprzedaje lepiej.
Nie musisz robić audytu za 10 000 zł. Zacznij od 10 rzeczy, które sprawdzisz w 30 minut.
1. Kontrast tekstu
Szary tekst na białym (#999 na #fff) wygląda „elegancko” i jest nieczytelny. Minimum 4.5:1 dla tekstu, 3:1 dla dużych nagłówków. Sprawdź kontrast przycisków - szczególnie zielony/żółty CTA z białym napisem.
2. Obsługa klawiaturą
Tab przez całą stronę: menu, formularz, przycisk. Widzisz, gdzie jesteś? Jeśli fokus znika albo wpada w ukryte menu mobilne - to błąd (i tak, Lighthouse też to wyłapuje).
3. Teksty alternatywne
Zdjęcia realizacji z alt="IMG_2034" nic nie mówią czytnikowi ekranu ani Google. Opisuj to, co widać i po co to jest. Dekoracje - pusty alt.
4. Formularze z etykietami
Placeholder to nie etykieta. Każde pole ma label, błędy są opisane słowami, nie tylko czerwoną ramką.
5. Nagłówki w kolejności
Jedno H1, potem H2, H3. Nie H4 „bo mniejsza czcionka”. Czytniki ekranu i AI nawigują po nagłówkach.
6. Rozmiar dotyku na mobile
Przyciski min. 44×44 px, odstępy między linkami. Cookie baner, FAB i sticky CTA nie mogą leżeć na sobie.
7. Ruch i animacje
Szanuj prefers-reduced-motion. Autoodtwarzane wideo w hero z możliwością pauzy. Bez migających elementów.
8. Język strony i linki
lang="pl" w HTML. Linki mówią, gdzie prowadzą („Zobacz cennik”), nie „kliknij tutaj”.
9. Zoom do 200%
Powiększ stronę w przeglądarce. Nic nie ucieka poza ekran? Tekst się zawija? Jeśli layout się rozpada - to problem też dla seniorów na tabletach.
10. Deklaracja i kontakt
Jeśli podlegasz ustawie - krótka deklaracja dostępności i kanał zgłaszania problemów. Jeśli nie - i tak warto mieć alternatywny kontakt (telefon + mail), nie tylko formularz.
"Dostępność to nie osobny projekt dla niepełnosprawnych. To ta sama strona, tylko działająca dla wszystkich - w tym dla Ciebie w słońcu, z jedną ręką i słabym zasięgiem."
Przy nowych stronach pilnuję kontrastu, fokusu, etykiet i nagłówków od pierwszego szkicu - bo poprawianie tego po fakcie zawsze jest droższe. Jeśli chcesz szybki przegląd obecnej strony pod WCAG i pod konwersję, napisz - odpowiem, co poprawić w tydzień, a co wymaga większej pracy.
