Визуално представяне

Какво изисква

За текстово съдържание в дълъг формат критерият обединява пет изисквания: потребителите могат да избират цвета на преден и заден план; дължината на реда не надвишава 80 знака (40 за китайски, японски и корейски); текстът не е с пълно двустранно подравняване; разстоянието между редовете в рамките на параграфа е поне 1,5, а разстоянието между параграфите — поне 1,5 пъти височината на реда; и текстът може да се преоразмери до 200% без хоризонтално превъртане и без нужда от помощна технология.

Как да се изпълни

• Ограничете четимите колони до приблизително 60–75 знака на ред за основен текст на английски.
• Използвайте подравняване вляво (или вдясно за езици с посока отдясно наляво) — никога text-align: justify.
• Задайте line-height поне 1,5 за основния текст и използвайте щедро margin-bottom между параграфите.
• Предложете избор на тема от потребителя или спазвайте prefers-color-scheme, така че цветовете на преден и заден план да могат да се управляват.
• Тествайте при 200% мащабиране: текстът трябва да се преформатира в рамките на колоната без хоризонтално превъртане.

Чести грешки

• Колони с пълно двустранно подравняване в стил списание, създаващи „реки” от бяло пространство и забавящи четенето.
• Основен текст в широки контейнери с 120+ знака на ред.
• Основен текст с line-height: 1.2, при който редовете са прекалено наблизо и затруднява четенето при слабо зрение.
• Липсващ избор на тема и неспазване на prefers-color-scheme.

Защо е важно

Ниво AAA, рядко договорно изискване. Но основните препоръки — кратки редове, щедро разстояние, без пълно двустранно подравняване — са просто добра типографска практика. Изпълнението на този критерий е страничен ефект от проектирането с акцент върху четимостта, а не върху плътността.