Od 28 czerwca 2025 r. dostępność cyfrowa przestała być tematem tylko dla urzędów. Coraz częściej pytają mnie o nią firmy rozliczające dotacje unijne, sklepy internetowe i gabinety. Krótka odpowiedź: dostosowanie podstrony projektu unijnego kosztuje od 400 zł, audyt całej strony od 1 200 zł, a poprawki wycenia się po audycie. Poniżej wyjaśniam, kogo dotyczy obowiązek, co sprawdza standard WCAG i jak wygląda to w praktyce — na przykładzie mojej własnej strony.
[Poradnik] Strona zgodna z WCAG
#1. Czym jest WCAG i co zmienia wersja 2.2
WCAG (Web Content Accessibility Guidelines) to międzynarodowe wytyczne dostępności treści internetowych, opracowane przez W3C. Opisują, jak zbudować stronę, z której skorzystają także osoby niewidome i słabowidzące, osoby starsze, osoby z niepełnosprawnością ruchową, a także każdy, kto obsługuje stronę samą klawiaturą albo czyta ją na telefonie w pełnym słońcu.
Wytyczne mają trzy poziomy: A, AA i AAA. Przepisy i wymagania projektów unijnych odwołują się do poziomu AA — to on jest punktem odniesienia dla firm.
Wersja 2.2 (październik 2023) dodała do 2.1 dziewięć kryteriów, z czego sześć na poziomach A i AA, m.in.:
- element z fokusem nie może być zasłonięty, np. przez przyklejony nagłówek albo baner cookies,
- klikalne elementy muszą mieć co najmniej 24 × 24 piksele albo odpowiedni odstęp od sąsiednich,
- operacje wymagające przeciągania muszą mieć prostszą alternatywę,
- logowanie nie może wymagać przepisywania ani zapamiętywania kodów bez możliwości wklejenia.
Strona zgodna z WCAG 2.2 spełnia też wymagania 2.1, dlatego przy nowych wdrożeniach pracuję od razu według 2.2.
Więcej o samej wersji 2.1 i poziomach zgodności A, AA i AAA pisałem we wpisie WCAG 2.1 — obowiązkowe od czerwca 2025.
#2. Kogo dotyczy obowiązek dostępności
| Kto | Podstawa | Co trzeba zapewnić |
|---|---|---|
| Urzędy, szkoły, uczelnie i inne podmioty publiczne | ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej | strona zgodna z WCAG 2.1 AA i aktualna deklaracja dostępności |
| Sklepy internetowe i część usług dla konsumentów (np. bankowość, e-booki, sprzedaż biletów) | ustawa z 26 kwietnia 2024 r. o zapewnianiu spełniania wymagań dostępności przez niektóre produkty i usługi — stosowana od 28 czerwca 2025 r. | dostępna strona lub aplikacja, przez którą świadczona jest usługa, oraz informacja o jej dostępności |
| Beneficjenci dotacji UE 2021–2027 | standardy dostępności w wytycznych dotyczących zasad równościowych | dostępne produkty cyfrowe projektu, w tym strona lub podstrona z informacją o projekcie |
| Pozostałe firmy | brak ogólnego obowiązku | dobrowolnie — dla klientów i lepszego odbioru strony |
Ważne wyjątki: ustawa z 2024 r. nie obejmuje mikroprzedsiębiorców świadczących usługi (mniej niż 10 pracowników i obrót lub suma bilansowa do 2 mln euro). Nadzór nad usługami sprawuje Prezes PFRON, a ustawa przewiduje kary pieniężne. Jeśli nie masz pewności, czy obowiązek dotyczy Twojej firmy, sprawdzę to przy bezpłatnym skanie strony.
#3. Najczęstsze błędy na stronach firmowych — przykład id3ntity.pl
Zanim zacząłem oferować tę usługę, sprawdziłem własną stronę. Narzędzie WAVE (WebAIM) wykazało na stronie głównej 3 błędy i 6 problemów z kontrastem, a test axe-core — kilka rodzajów błędów na każdej podstronie. To typowy obraz strony firmowej zbudowanej na gotowym motywie:
- Za słaby kontrast koloru marki — turkus #009f9f na białym tle miał kontrast 3,25:1, a wymagane minimum dla zwykłego tekstu to 4,5:1. Po przyciemnieniu do #007a7a kontrast wynosi 5,2:1, a charakter strony się nie zmienił.
- Ikony bez nazw — lupa wyszukiwarki, ikony Facebooka czy LinkedIna i przycisk menu były dla czytnika ekranu po prostu „linkiem”.
- Zablokowane powiększanie na telefonie — motyw wyłączał przybliżanie palcami.
- Pola formularza bez etykiet — opis był obok pola, ale nie był z nim powiązany.
- Linki odróżnione tylko kolorem — bez podkreślenia trudno je zauważyć osobom słabo rozróżniającym barwy.
- Półprzezroczyste nagłówki w stopce i bocznej nawigacji — ładne, ale nieczytelne.
Po poprawkach: 0 błędów w WAVE (wskaźnik AIM wzrósł z 7,8 do 9,3 na 10) i 0 błędów axe-core na 20 sprawdzonych podstronach. Większość zmian dotyczyła szablonu, więc jedna poprawka naprawiała problem na wszystkich podstronach naraz.
#4. Ile kosztuje dostosowanie strony do WCAG
| Usługa | Cena | Co obejmuje |
|---|---|---|
| Bezpłatny skan | 0 zł | test strony głównej i kilku podstron, krótkie podsumowanie i wycena |
| Podstrona „Dotacje UE” | od 400 zł | dostosowanie podstrony z informacją o projekcie, test przed i po |
| Audyt WCAG 2.2 AA | od 1 200 zł | test automatyczny i ręczny, raport z listą błędów, priorytetami i opisem naprawy |
| Wdrożenie poprawek | wycena po audycie | poprawki w szablonie i treściach, ponowny test, raport przed i po, deklaracja dostępności |
| Monitoring | w abonamencie opieki | comiesięczny skan i poprawki nowych treści |
Na cenę wdrożenia najbardziej wpływa nie liczba podstron, ale liczba szablonów. Strona z 30 podstronami zbudowanymi na trzech układach bywa tańsza w poprawie niż strona z 10 zupełnie różnymi podstronami. Osobno wyceniam dokumenty PDF do pobrania i napisy do filmów — to praca wykonywana dla każdego pliku z osobna. Podane kwoty są kwotami końcowymi.
#5. Czy wystarczy wtyczka z ikonką dostępności?
Na wielu stronach widać ikonkę z ludzikiem, która po kliknięciu powiększa tekst albo zmienia kolory. To tzw. nakładki. Kuszą prostotą: instalujesz wtyczkę i problem znika. Niestety nie znika.
Nakładka zmienia wygląd strony w przeglądarce, ale nie naprawia jej kodu. Osoba niewidoma korzysta z własnego czytnika ekranu, nie z ikonki na stronie — i dalej trafia na nieopisane przyciski, pola bez etykiet i linki bez nazw. Setki specjalistów od dostępności podpisało otwarte stanowisko przeciwko takim rozwiązaniom (Overlay Fact Sheet), a w USA właściciele stron z nakładkami nadal dostają pozwy. Uczciwe narzędzia, takie jak WAVE czy axe, sprawdzają kod strony, nie obecność ikonki.
Dlatego sam poprawiam stronę, a nie dokładam do niej warstwę udającą zgodność. Na id3ntity.pl wyłączyłem taką wtyczkę po poprawkach — strona przechodzi testy bez niej.
#6. Jak wygląda dostosowanie strony krok po kroku
- Bezpłatny skan — podajesz adres strony, a ja sprawdzam stronę główną i kilka podstron.
- Audyt — test automatyczny (WAVE, axe-core, reguły WCAG 2.2 AA) oraz ręczny: obsługa klawiaturą, czytnik ekranu, ekran o szerokości 320 px, powiększenie 200%, zwiększone odstępy tekstu.
- Poprawki — najpierw szablon (nagłówek, stopka, kolory, formularze), potem treści. Z kopią zapasową, bez wyłączania strony.
- Weryfikacja — ponowne testy i raport przed i po, przydatny np. przy rozliczeniu dotacji.
- Deklaracja dostępności i monitoring — nowe treści i wtyczki potrafią zepsuć dostępność, dlatego warto sprawdzać stronę regularnie.
Uczciwie: testy automatyczne wykrywają tylko część problemów — według różnych szacunków od ok. 30 do 50%. Dlatego audyt zawsze obejmuje kontrolę ręczną, a ja nie obiecuję „certyfikatu zgodności”, tylko pokazuję, co i jak zostało sprawdzone.
#7. Najczęstsze pytania
Czy mała firma musi mieć stronę zgodną z WCAG?
Mikroprzedsiębiorcy świadczący usługi są wyłączeni z ustawy z 2024 r. Obowiązek może jednak wynikać z umowy o dofinansowanie z funduszy UE. Poza tym dostępna strona jest po prostu czytelniejsza dla wszystkich klientów.
WCAG 2.1 czy 2.2?
Przepisy odwołują się do poziomu AA wytycznych WCAG 2.1. Wersja 2.2 jest nowsza i obejmuje 2.1, dlatego pracuję według 2.2 — strona spełnia wtedy oba standardy.
Ile trwa dostosowanie strony?
Podstrona projektu unijnego: kilka dni. Mała strona firmowa: 1–2 tygodnie. Większe serwisy, np. z kilkoma wersjami językowymi, planuję etapami.
Czy po zmianach strona będzie wyglądać inaczej?
Zwykle niewiele. Najczęściej przyciemniam kolory o za słabym kontraście i dodaję wyraźne zaznaczenie aktywnego elementu. Na id3ntity.pl odcień turkusu zmienił się tylko nieznacznie.
Podsumowanie
Dostępność strony to obowiązek dla podmiotów publicznych, części sklepów i usług internetowych oraz beneficjentów dotacji UE — a dla pozostałych firm sposób na czytelniejszą stronę. Najczęstsze problemy, takie jak za słaby kontrast, ikony bez nazw czy pola bez etykiet, da się zwykle poprawić w szablonie, bez przebudowy strony. Dostosowanie podstrony projektu unijnego kosztuje od 400 zł, a audyt całej strony od 1 200 zł.
Chcesz sprawdzić swoją stronę? Zobacz ofertę dostosowania stron do WCAG albo napisz po bezpłatny skan dostępności.
