Wiesz, ile kosztuje nieprzystępny strona w Polsce? W 2025 roku Poczta Polska zapłaciła 1,2 miliona złotych za brak dostępu dla osób niepełnosprawnych na swojej stronie. To nie jest tylko przykład – to realny przypadek, który pokazuje, że EAA (European Accessibility Act) nie jest już teorią. Jeśli Twoja strona na WordPressie nie spełnia wymagań EAA 2025, ryzykujesz kary, utratę klientów i szkodę wizerunku. W 2026 roku te zasady stają się jeszcze bardziej obowiązkowe. Nie czekaj na kary – zrób to teraz.
Dlaczego WordPress wymaga specjalnej uwagi?
WordPress jest najpopularniejszą platformą CMS na świecie, ale nie jest automatycznie przystępny. Wiele popularnych tematów i wtyczek zawiera błędy, które blokują dostęp dla osób z niepełnosprawnościami. To nie jest kwestia "jakiś tam dodatek" – to fundamentalne pytanie: czy Twoja strona jest dostępna dla 15% polskich mieszkańców z ograniczeniami? W naszej praktyce widzimy, że nawet strony z "przystępnymi" tematami często potrzebują ręcznej korekty. EAA 2025 wymaga, aby wszystkie usługi cyfrowe w UE były dostępne zgodnie z WCAG 2.2 (poziom AA). Jeśli Twoja strona nie spełnia tych standardów, ryzykujesz kary do 10% rocznego obrotu.
7 Kluczowych Kroków do EAA Compliance w WordPress
1. Wybierz Temat z Wsparciem dla Przystępności
Nie zaufaj tylko opisom w sklepie. Sprawdź, czy temat:
- Używa semantycznych tagów HTML (np.
<header>,<nav>,<article>zamiast zwykłych<div>). - Ma dostępne kolory kontrastu (np. czarny tekst na białym tle – minimum 4.5:1).
- Obsługuje nawigację klawiszami (np. tabulator do poruszania się po stronie).
- Zawiera alternatywne opisy dla obrazów (alt text) w panelu zarządzania.
Jak to zrobić w WordPress?
Przejdź do Widok > Ustawienia > Temat. W panelu Narzędzia (lub Narzędzia > Przystępność) sprawdź, czy temat jest WCAG 2.2 zgodny. Jeśli nie, zainstaluj wtyczkę WP Accessibility (wymaga minimalnej wiedzy technicznej) lub zmień temat na Astra, GeneratePress lub OceanWP – wszystkie te tematy mają wbudowane narzędzia do poprawy przystępności.
2. Skonfiguruj Wtyczki do Przystępności
Nie wszystkie wtyczki są przyjazne dla użytkowników z ograniczeniami. Unikaj wtyczek, które:
- Blokują nawigację klawiszami (np. niektóre lightboxy).
- Nie obsługują ekranów czytających (np. brak ARIA-roli).
- Mają niedostępne formularze (np. brak etykiet dla pól).
Najlepsze wtyczki do wyboru:
- WP Accessibility (dla zaawansowanych): Umożliwia dodawanie ARIA-roli, poprawę kontrastu, usuwanie błędów strukturalnych.
- AccessiBe (dla szybkiego rozwiązania): Automatycznie poprawia przystępność, ale nie zastąpi ręcznej korekty.
- WP Accessibility Checker (dla testów): Sprawdza, czy strona spełnia wymagania WCAG.
3. Popraw Kontrast i Czcionki
Błąd powszechny: Tekst na tle o podobnym kolorze (np. szary na jasnoszarym).
Rozwiązanie:
- W panelu Widok > Ustawienia > Temat > Styl użyj narzędzia Kreator kontrastu (np. w Astra).
- Zmień czcionkę na sans-serif (np. Roboto, Open Sans) – lepiej czytelna dla osób z dysleksją.
- Sprawdź kontrast za pomocą WebAIM Contrast Checker (wpisz adres strony i sprawdź kolory).
4. Dodaj Alternatywne Opisy dla Obrazów
Dlaczego to ważne? Osoby z niepełnosprawnościami korzystają z ekranów czytających. Jeśli obraz nie ma opisu, nie wiedzą, co przedstawia.
Jak to zrobić?
- Przejdź do Media > Dodaj nowe.
- W polu Opis (nie w polu Tytuł) wpisz konkretny opis (np. "Zdjęcie przedstawia Pocztę Polską w Warszawie, z logo na czerwonym tle").
- W polu Tytuł użyj krótkiego opisu (np. "Poczta Polska – Warszawa").
Ważne: Jeśli obraz jest dekoracyjny (np. ozdobny element), w polu Opis wpisz puste pole (ale zaznacz opcję "Obraz jest dekoracyjny").
5. Sprawdź Formularze i Linki
Błąd: Formularze bez etykiet (np. pole "Imię" bez opisu).
Rozwiązanie:
- W panelu Widok > Ustawienia > Temat > Formularze dodaj etykiety dla każdego pola.
- Wtyczka WPForms lub Contact Form 7 pozwala na dodanie pomocy tekstowej dla użytkowników (np. "Wpisz numer telefonu w formacie XXX-XXX-XXX").
- Sprawdź linki: czy każda z nich ma opisowy tekst (np. "Zobacz więcej informacji" zamiast "Kliknij tutaj")?
6. Testuj z Ekrany Czytające
Najlepszy test: Użyj JAWS (Windows) lub VoiceOver (Mac) i spróbuj przejść przez stronę.
Jak to zrobić?
- W JAWS: Naciśnij Ctrl + Alt + J.
- W VoiceOver: Naciśnij Cmd + F5.
Co sprawdzić: - Czy ekran czytający czyta tekst w odpowiedniej kolejności?
- Czy formularze są czytelne?
- Czy linki mają opis?
7. Automatyczne Testy Przystępności
Narzędzia do testów:
- Lighthouse (w Chrome): W Narzędzia deweloperskie > Lighthouse uruchom test przystępności.
- WAVE (darmowy): Wpisz adres strony i sprawdź błędy.
- Google PageSpeed Insights: Sprawdź, czy strona jest mobilna (ważne dla osób z niepełnosprawnościami).
8. Dostępność dla Osób z Niepełnosprawnościami
Dodatkowe kroki:
- Dodaj przyciski nawigacji (np. "Przejdź do treści" – w panelu Widok > Ustawienia > Temat).
- Używaj klawiszy klawiatury (np. Tab do przejścia między elementami).
- Sprawdź, czy strona działa bez myszy (np. w trybie klawiatury).
Podsumowanie
- Sprawdź kontrast i czcionki (najczęstszy błąd).
- Dodaj opisy dla obrazów (wymagane przez prawo).
- Testuj z ekranem czytającym (najlepszy sposób na poprawę).
- Używaj narzędzi do automatycznego testowania (np. Lighthouse).
Ważne: Przystępność to ciągły proces. Sprawdź stronę co 3 miesiące i popraw błędy. Jeśli nie masz czasu, zatrudnij specjalistę (np. na Upwork).
Czy potrzebujesz pomocy w konfiguracji?
Napisz, który temat używasz (np. Astra, GeneratePress) i co chcesz poprawić – pomogę Ci w szczegółach!