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

1.4.8 Prezentacja wizualna

WCAG 1.4.8 Visual Presentation

W skrócie

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.

Poziom: AAA Najwyższy poziom – dobrowolny, warto go stosować tam, gdzie się da.
Czy to obowiązkowe?: Poziom AAA – dobrowolne
Kto w zespole odpowiada: Projektowanie UX/UI, Programowanie
Jak to wykryć: Tylko test ręczny

Komu i dlaczego to pomaga

Pomaga osobom z dysleksją, słabowidzącym i z trudnościami poznawczymi w czytaniu dłuższych tekstów.

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

Jak zrobić to dobrze

Ogranicz szerokość kolumny tekstu (np. max-width: 70ch), ustaw line-height ≥ 1,5, wyrównuj do lewej.

Najczęstsze błędy

Tekst justowany z „rzekami” odstępów.
Bardzo długie linie tekstu na szerokich ekranach.

Jak to sprawdzić

Zmierz długość wiersza w artykułach i sprawdź interlinię oraz wyrównanie.

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

Czy to obowiązkowe?

Poziom AAA – dobrowolne

Poziom AAA nie jest wymagany przez ustawę o dostępności cyfrowej ani przez European Accessibility Act. Warto go stosować tam, gdzie to możliwe – szczególnie w serwisach dla osób ze szczególnymi potrzebami.

Powiązane kryteria

1.4.12

Odstępy w tekście

AA Wymagane prawem

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.

1.4.10

Dopasowanie do ekranu