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

1.4.12 Odstępy w tekście

WCAG 1.4.12 Text Spacing

W skrócie

Strona nie może się psuć, gdy użytkownik zwiększy odstępy: interlinię do 1,5, odstęp po akapicie do 2×, odstępy między literami do 0,12 i między słowami do 0,16 wielkości czcionki.

Poziom
AA Standard, którego wymaga prawo – usuwa najczęstsze bariery.
Czy to obowiązkowe?
Wymagane prawem
Kto w zespole odpowiada
Programowanie
Jak to wykryć
Tylko test ręczny

Wyjaśnienie prostym językiem: Odstępy w tekście

Komu i dlaczego to pomaga

Osoby z dysleksją i słabowidzące często używają własnych stylów lub rozszerzeń zwiększających odstępy. Treść nie może się wtedy ucinać ani nakładać.

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

Jak zrobić to dobrze

  • Unikaj stałych wysokości elementów z tekstem; używaj min-height i paddingów.

Najczęstsze błędy

  • Przyciski i karty o stałej wysokości, z których wypada tekst.
  • overflow: hidden ucinający treść po zwiększeniu odstępów.

Jak to sprawdzić

  1. Zainstaluj bookmarklet „Text Spacing” i uruchom go na stronie – nic nie może się uciąć ani nałożyć.

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.4.8

Prezentacja wizualna

Poziom AAA

Bloki tekstu dają się dostosować: użytkownik może wybrać kolory, wiersze mają do 80 znaków, tekst nie jest justowany, interlinia wynosi co najmniej 1,5, a po powiększeniu do 200% nie trzeba przewijać w poziomie.

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.12: Text Spacing – oficjalne objaśnienie W3C (po angielsku).