Zasada 1: Postrzegalność 1.4 Rozróżnialność

1.4.5 Obrazy tekstu

WCAG 1.4.5 Images of Text

W skrócie

Tekst ma być tekstem, a nie obrazkiem z tekstem – wyjątkiem są logotypy i sytuacje, gdy konkretny wygląd jest niezbędny.

Poziom
AA Standard, którego wymaga prawo – usuwa najczęstsze bariery.
Czy to obowiązkowe?
Wymagane prawem
Kto w zespole odpowiada
Redakcja treści, Projektowanie UX/UI
Jak to wykryć
Tylko test ręczny

Wyjaśnienie prostym językiem: Tekst na obrazku (obraz tekstu)

Komu i dlaczego to pomaga

Tekstu w obrazku nie da się powiększyć bez rozmycia, zmienić mu koloru ani przeczytać czytnikiem ekranu (jeśli alt jest niepełny).

  • Osoby słabowidzące
  • Osoby niewidome
  • Osoby z trudnościami poznawczymi

Jak zrobić to dobrze

  • Treść ogłoszenia opublikuj jako tekst HTML, a plakat jako dodatek.
  • Skany przepuść przez OCR i opublikuj jako tekst lub dostępny PDF.
  • Efekty typograficzne rób CSS-em i fontami webowymi.

Najczęstsze błędy

  • Plakat wydarzenia wstawiony jako jedyna forma ogłoszenia.
  • Skan pisma lub zarządzenia jako obraz/PDF bez warstwy tekstowej.
  • Przyciski i nagłówki jako grafiki z tekstem.

Jak to sprawdzić

  1. Spróbuj zaznaczyć tekst myszką – jeśli się nie da, to prawdopodobnie obraz.
  2. Powiększ stronę do 200% – tekst w obrazach się rozmyje.

Tylko test ręczny. Automat tego nie sprawdzi – potrzebny jest test ręczny lub audyt ekspercki.

Czy to obowiązkowe?

Wymagane prawem

Kryterium poziomu AA z WCAG 2.1 – obowiązkowe dla podmiotów publicznych (ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych) oraz dla firm objętych European Accessibility Act (ustawa o zapewnianiu spełniania wymagań dostępności przez niektóre produkty i usługi). Brak zgodności trzeba wykazać w deklaracji dostępności.

Naucz się tego w praktyce

Zobacz wszystkie kursy dostępności

Powiązane kryteria

1.1.1

Treść nietekstowa

Poziom A Wymagane prawem

Każdy obrazek, ikona, wykres czy przycisk graficzny musi mieć tekstowy odpowiednik, który przekazuje tę samą informację. Grafiki czysto dekoracyjne należy ukryć przed czytnikami ekranu.

1.4.9

Obrazy tekstu (bez wyjątków)

Poziom AAA

Obrazy tekstu są używane wyłącznie dekoracyjnie albo gdy konkretny wygląd jest niezbędny (np. logo).

1.4.4

Zmiana rozmiaru tekstu

Poziom AA Wymagane prawem

Tekst można powiększyć do 200% (np. zoomem przeglądarki) bez utraty treści i funkcji – nic nie może się uciąć ani nałożyć.

Ostatnia aktualizacja: .
Źródło: Understanding SC 1.4.5: Images of Text – oficjalne objaśnienie W3C (po angielsku).