Prezentacja wizualna

Czego wymaga kryterium

Dla długich treści tekstowych kryterium łączy pięć wymagań: użytkownicy mogą wybierać kolory pierwszego planu i tła; długość wiersza nie przekracza 80 znaków (40 dla języków chińskiego, japońskiego i koreańskiego); tekst nie jest justowany obustronnie; interlinia wynosi co najmniej 1,5 w obrębie akapitu, a odstępy między akapitami — co najmniej 1,5× wysokości wiersza; tekst można powiększyć do 200% bez poziomego przewijania i bez konieczności korzystania z technologii wspomagających.

Jak spełnić kryterium

• Kolumny czytelnicze należy ograniczać do około 60–75 znaków w wierszu dla tekstu w języku polskim.
• Tekst powinien być wyrównany do lewej strony (lub do prawej w przypadku języków pisanych z prawej do lewej), nigdy text-align: justify.
• Dla tekstu podstawowego należy ustawiać line-height na co najmniej 1,5 i stosować odpowiednie margin-bottom między akapitami.
• Należy oferować motyw ustawiany przez użytkownika lub respektować prefers-color-scheme, aby kolory pierwszego planu i tła były kontrolowane przez użytkownika.
• Należy testować przy powiększeniu 200%: tekst powinien zawijać się w kolumnie bez poziomego przewijania.

Typowe błędy

• Kolumny w stylu magazynowym z justowaniem obustronnym, powodującym rzeki białych przestrzeni i utrudniającym czytanie.
• Tekst podstawowy renderowany w szerokich kontenerach z ponad 120 znakami w wierszu.
• Interlinia line-height: 1.2 przy tekście podstawowym, która zagęszcza wiersze i utrudnia czytanie osobom słabowidzącym.
• Brak przełącznika motywu, brak obsługi prefers-color-scheme.

Dlaczego to jest ważne

Poziom AAA, rzadko wymagany umownie. Jednak zawarte w nim zalecenia — krótkie wiersze, hojne odstępy, brak justowania obustronnego — to po prostu dobra typografia. Spełnienie tego kryterium jest naturalnym efektem ubocznym projektowania z myślą o czytelności, a nie gęstości treści.