Przeanalizowałem setki stron szkół publicznych w Polsce. Wyniki są niepokojące: 85% z nich ma co najmniej jeden błąd WCAG 2.1 AA, który kwalifikuje się do zgłoszenia w ramach kontroli Ministerstwa Cyfryzacji. Co ciekawe, większość z tych błędów pojawia się wciąż w tych samych kategoriach.
Oto pięć najczęstszych problemów — sprawdź, czy Twoja szkoła ich nie popełnia.
Błąd nr 1: Brak opisów alternatywnych zdjęć (78% szkół)
Kryterium WCAG: 1.1.1 Treść nietekstowa (poziom A)
Każde zdjęcie na stronie szkoły musi mieć atrybut alt opisujący, co widać na obrazku. Bez tego osoby korzystające z czytników ekranu (np. niewidome) nie wiedzą, co przedstawia fotografia.
Najczęstsze błędy:
- Pusty lub brakujący atrybut alt na zdjęciach informacyjnych
- Opis „zdjęcie" lub „obrazek" zamiast treści opisującej zawartość
- Dekoracyjne obrazki bez
alt=""(powinno być puste, ale musi istnieć) - Zdjęcia z tekstem — cały tekst musi być w
alt
Jak to sprawdzić? W przeglądarce Firefox: prawy przycisk myszy → Zbadaj element. Szukaj <img> bez atrybutu alt lub z pustym altem na zdjęciach informacyjnych.
Błąd nr 2: Nieczytelny kontrast tekstu (65% stron)
Kryterium WCAG: 1.4.3 Kontrast (minimalny) (poziom AA)
Stosunek kontrastu między kolorem tekstu a tłem musi wynosić co najmniej:
- 4,5:1 dla normalnego tekstu (poniżej 18pt lub 14pt pogrubionego)
- 3:1 dla dużego tekstu (powyżej 18pt lub 14pt pogrubionego)
Szkoły najczęściej używają szarego tekstu na białym tle, jasno szarego na jasnoszarym tle lub kolorowego tekstu bez sprawdzenia kontrastu. Szczególnie niebezpieczne są linki wyróżnione tylko kolorem bez podkreślenia — często mają za niski kontrast z otaczającym tekstem.
Narzędzie do sprawdzenia: WebAIM Contrast Checker (webaim.org/resources/contrastchecker) — wpisz kolory i sprawdź wynik.
Błąd nr 3: Niedostępne PDF-y (89% dokumentów)
Kryterium WCAG: 1.3.1 Informacje i relacje (poziom A)
To prawdopodobnie największy problem szkół. Regulaminy, plany lekcji, zarządzenia dyrektora — wszystko jest skanowanym PDF-em bez warstwy tekstowej. Taki dokument to dla czytnika ekranu zupełnie czarna ściana.
Prawidłowy PDF powinien:
- Mieć prawdziwą warstwę tekstową (nie skan-obrazek)
- Mieć ustawiony język dokumentu
- Mieć logiczną strukturę nagłówków (H1, H2…)
- Zawierać opisy alternatywne grafik
- Mieć tytuł dokumentu w metadanych
Jeśli niemożliwe jest przygotowanie dostępnego PDF-u (np. zeskanowane stare dokumenty), w deklaracji dostępności należy wyraźnie to opisać i wskazać sposób uzyskania treści w innej formie.
Błąd nr 4: Zła hierarchia nagłówków (71% witryn)
Kryterium WCAG: 1.3.1 Informacje i relacje (poziom A)
Nagłówki (H1–H6) to nie tylko wizualne wyróżnienie tekstu — to struktura dokumentu. Czytniki ekranu pozwalają użytkownikom nawigować po stronie właśnie przez nagłówki.
Typowe błędy:
- Brak H1 na stronie lub więcej niż jeden H1
- Używanie H2 zaraz po H1, a potem przeskakiwanie do H4
- Używanie tagów nagłówków do stylizowania tekstu (np. H3 dla podkreślonego zdania)
- Używanie bold/italic zamiast nagłówków dla sekcji z tytułem
Narzędzie: Rozszerzenie Headings Map dla Chrome/Firefox — wyświetla całą hierarchię nagłówków na stronie.
Błąd nr 5: Brak etykiet w formularzach (54% formularzy)
Kryterium WCAG: 1.3.5 Określenie pożądanej wartości (poziom AA) i 3.3.2 Etykiety i instrukcje (poziom A)
Formularze kontaktowe, zapisy na wycieczki, ankiety — jeśli pola formularza nie mają etykiet powiązanych przez for/id lub aria-label, użytkownik z czytnikiem ekranu nie wie, w co wpisuje.
Placeholder to nie jest etykieta — znika po kliknięciu w pole i nie jest odczytywany poprawnie przez wszystkie technologie asystujące.
<label> powiązany z polem, albo atrybut aria-label lub aria-labelledby.
Co dalej?
Każdy z tych błędów można naprawić — część w ciągu kilku minut, część wymaga więcej pracy (szczególnie PDF-y). Kluczem jest systematyczne podejście: monitorowanie, wykrywanie i poprawianie na bieżąco.
Nie wiesz, od czego zacząć? Zamów bezpłatną mini-ocenę strony — w ciągu 48h prześlę listę najważniejszych problemów do naprawy.