Visuell presentation
För textblock måste användare kunna styra förgrunds- och bakgrundsfärg, radlängd (max 80 tecken), justering (inte marginaljustering), radavstånd (1,5x) och styckeavstånd (1,5x radhöjd) — utan horisontell rullning vid 200 % zoom.
Vad det kräver
För långformatigt textinnehåll samlar framgångskriteriet fem krav: användare kan välja förgrunds- och bakgrundsfärger; radlängden överstiger inte 80 tecken (40 för kinesiska, japanska och koreanska); texten är inte marginaljusterad; radavståndet är minst 1,5 inom stycken och styckeavståndet är minst 1,5 gånger radhöjden; och texten kan skalas till 200 % utan horisontell rullning och utan krav på hjälpmedelsteknik.
Hur du uppfyller det
- Begränsa läskolumner till ungefär 60–75 tecken per rad för engelsk brödtext.
- Använd vänsterjusterad text (eller högerjusterad för RTL-språk), aldrig
text-align: justify. - Sätt
line-heighttill minst 1,5 på brödtext och använd generöstmargin-bottommellan stycken. - Erbjud ett användarstyrt tema eller respektera
prefers-color-schemeså att förgrund och bakgrund kan styras av användaren. - Testa vid 200 % zoom: texten ska flöda om inom kolumnen utan horisontell rullning.
Vanliga fel
- Tidskriftsliknande marginaljusterade kolumner som skapar vita floder och försvårar läsning.
- Brödtext i breda behållare med mer än 120 tecken per rad.
line-height: 1.2på brödtext som tränger ihop raderna och försvårar läsning för synskadade.- Ingen temväxlare och ingen respekt för
prefers-color-scheme.
Varför det spelar roll
AAA, sällan ett avtalskrav. Men rådet i grunden — korta rader, generöst radavstånd, ingen marginaljustering — är bara god typografi. Att uppfylla detta framgångskriterium är en bieffekt av att designa för läsbarhet snarare än densitet.