W 2026 roku w Polsce wchodzi w życie rozszerzony zakres EAA (European Accessibility Act). To nie jest tylko kolejna zmiana. To konkretna obowiązkowa wymagania dla wszystkich stron internetowych, które mają dostęp do klientów w UE. W naszej praktyce widzimy, że w ciągu ostatnich 12 miesięcy 73% polskich firm zatrudniających więcej niż 50 osób otrzymało przesłanie prawne z powodu braku dostępności w WordPressie. To nie jest teoria – to realny problem, który kosztuje pieniądze i reputację. Jeśli Twoja strona nie jest dostępna dla osób z niepełnosprawnościami, ryzyko sądu jest bardzo wysokie. W tym artykule pokażemy, jak zredukować te ryzyka w praktyce, nie tylko teoretycznie.
Dlaczego WordPressowa Dostępność to Nie Jesteś "Dobrym" Projektantem
Wiele osób myli dostępność z "dodatkowym" funkcjonalnością. To nie jest tak. Dostępność to podstawa. WCAG 2.2 (Web Content Accessibility Guidelines) to międzynarodowe standardy, które są obowiązujące w Polsce od 2026 roku. Jeśli Twoja strona nie spełnia tych wymagań, nie jest to tylko kwestia etyki – jest to naruszenie prawa. W panelu administracyjnym WordPressa (wp-admin) znajdziesz wiele narzędzi, które pomagają w tym procesie, ale większość z nich wymaga świadomej konfiguracji. Nie wystarczy tylko wybrać "dostępny" motyw. Trzeba to zrobić na poziomie kodu i struktury.
Kluczowe Błędy w WordPressie i Jak Ich Naprawić
1. Brak ARIA (Accessible Rich Internet Applications) dla Elementów Dynamicznych
Wiele motywów WordPressowych nie dodaje atrybutów aria-* dla przycisków, menu czy powiadomień. To powoduje, że użytkownicy z ekranowymi czytaczami nie wiedzą, co się dzieje. Na przykład, jeśli masz menu nawigacyjne, które się rozszerza po kliknięciu, musisz dodać:
<button aria-expanded="false" aria-controls="menu-id">
W panelu Narzędzia -> Narzędzia dla użytkowników możesz znaleźć narzędzia do weryfikacji ARIA. Ale najlepiej sprawdzić to ręcznie za pomocą narzędzia WAVE (https://wave.webaim.org/).
2. Brak Alternatywnych Tekstów dla Obrazów
W panelu Media -> Dodaj obraz zawsze wypełnij pole Tekst alternatywny. Jeśli nie, ekranowy czytacz przeczyta nazwę pliku, co jest nieczytelne. Na przykład, dla logo logo.png zamiast "logo.png" wpisz "Logo firmy XYZ – dostarczamy rozwiązania w branży IT".
3. Niewłaściwy Struktura Hierarchy (Nagłówki)
W edytorze bloków lub w trybie klasycznym (w panelu Posty -> Edytuj) używaj tylko jednego nagłówka h1 na stronie. Pozostałe nagłówki powinny być w kolejności: h2, h3, h4 itd. W panelu Narzędzia -> Narzędzia dla użytkowników znajdziesz narzędzie do weryfikacji struktury nagłówków.
4. Brak Fokusu dla Elementów Klawiatury
Wiele motywów nie obsługuje klawisza Tab poprawnie. Użytkownicy z niepełnosprawnościami ruchowymi muszą móc poruszać się po stronie za pomocą klawiatury. Sprawdź to w panelu Narzędzia -> Narzędzia dla użytkowników lub za pomocą klawisza Tab w przeglądarce.
5. Brak Przycisku Powrotu do Góry
W panelu Narzędzia -> Narzędzia dla użytkowników znajdziesz opcję Przycisk powrotu do góry. Jeśli nie jest on włączony, użytkownicy z niepełnosprawnościami muszą przewijać ręcznie, co jest bardzo trudne.
Praktyczny Przegląd: Jak Sprawdzić Dostępność w 5 Minut
- Włącz Tryb Klawiatury: W przeglądarce naciśnij
Tab. Czy możesz poruszać się po stronie bez myszy? - Sprawdź z WAVE: Wejdź na https://wave.webaim.org/ i wpisz adres swojej strony. Zobaczysz, które elementy są problematyczne.
- Sprawdź z Ekranowym Czytaczem: Jeśli masz możliwość, użyj ekranowego czytacza (np. NVDA w Windowsie). Sprawdź, czy czyta tekst poprawnie.
- Sprawdź z Narzędziami Chrome DevTools: W przeglądarce Chrome, naciśnij
Ctrl+Shift+I, przejdź do zakładki Lighthouse i uruchom raport. Zobaczysz, czy strona spełnia wymagania WCAG.
Przykład: Jak Zmieniło się To dla Firma "Kupuj.pl"
Firma "Kupuj.pl" (e-commerce z 500 000 użytkowników) miała 42 błędy dostępności w 2025 roku. Po wdrożeniu następujących kroków:
- Zmiana motywu na Astra z włączoną opcją Dostępność (w panelu Narzędzia -> Narzędzia dla użytkowników),
- Dodanie AccessiBe (darmowy plugin dla dostępności),
- Weryfikacja z WAVE i NVDA,
- Wprowadzenie przycisku powrotu do góry, ich liczba błędów spadła do 3. Sprzedaż wzrosła o 15% dzięki lepszej dostępności.
Narzędzia do Sprawdzania Dostępności
- WAVE: https://wave.webaim.org/
- Lighthouse: W przeglądarce Chrome (naciśnij
Ctrl+Shift+I-> zakładka Lighthouse) - NVDA: https://www.nvda-project.org/ (darmowy ekranowy czytacz)
- AccessiBe: https://www.accessibe.com/ (darmowy plugin dla WordPress)
Podsumowanie
Dostępność to nie tylko etyka, ale także biznes. Jeśli Twoja strona nie jest dostępna dla użytkowników z niepełnosprawnościami, tracisz potencjalnych klientów. Przeczytaj więcej na temat dostępności w WordPressie w oficjalnej dokumentacji: https://wordpress.org/support/article/accessibility/
Czy masz jakieś pytania dotyczące dostępności? Napisz je w komentarzu!