Как сделать текст простым. Чеклист

Артем Жигалин

·

Follow

2 min read

·

Aug 31, 2015

--

Share

Список правил как упростить и улучшить доступность
текста на веб страницах

Размеры

1. Сделать шрифт основного текста не меньше 14 px.
2. Сделать шрифт адаптивным к разным размерам экранов.
   Используйте относительные величины в CSS атрибутах (em или проценты).
3. Ограничить строку до 55–75 символов.
4. Ограничить предложение до 12–15 слов.
5. Ограничить абзац до 3–4 предложений.
6. Установить расстояние между строками в 1.5 раза больше размера шрифта.
7. Установить расстояние между абзацами в 1.5 раза больше расстояния между строками.

Оформление

1. Сделать основной текст (или текст на рисунке) контрастным к фону не менее 7:1.
   Калькулятор определения контраста.
2. Сделать заголовки и крупный текст контрастным к фону не менее 4.5:1.
   Калькулятор определения контраста.
3. Использовать подзаголовки для оформления структуры.
4. Убедиться, что текст можно прочитать при отключенных стилевых страницах.
5. Убрать текст в виде изображений.
   За исключением случаев когда это действительно необходимо.
6. Убрать слова написанные заглавными буквами.
7. Выровнять основной текст по левому краю.
8. Выровнять заголовки по левому краю или по центру.

Понимание текста

1. Убедиться, что назначение ссылки понятно из текста ссылки или текста рядом со ссылкой.
2. Использовать слова соответствующие уровню читателя.
3. Одно предложение — одна мысль.
4. Один абзац — одна идея.
5. Убрать причастные и деепричастные обороты.
   Пример: Он писал письмо, кажущееся длинным.
   Пример: Он писал длинное письмо, не отрывая глаз.
6. Сделать прямой порядок слов в предложениях.
   Хороший пример: Он написал длинное письмо.
   Плохой пример: Написал он длинное письмо.
7. Убрать абстракции образованные от глаголов.
   Плохой пример: У нас было обсуждение этой проблемы.
   Хороший пример: Мы обсудили эту проблему.
8. Описать неизвестные жаргонные и профессиональные слова простым языком.
   Пример: Инсталлируйте программу.
9. Расшифровать аббревиатуры в тексте.
   В HTML используется атрибут title для элементов abbr и acronym.
10. Убрать предложения со страдательным залогом.
    Хороший пример: Курица снесла яйцо.
    Плохой пример: Яйцо снесенное курицей.
11. Подобрать к длинным словам простые синонимы с меньшим количеством букв.

Главное и второстепенное

1. Выстроить важность всего текста по принципу пирамиды.
2. Выстроить важность абзацев по принципу пирамиды.
3. Облегчить беглый просмотр текста.
4. Выделить ключевые слова.
5. Убрать рекламную воду с субъективными оценками.

Дополнительные рекомендации

• Использовать чаще глаголы, чем существительные.
• Использовать побудительные и повелительные наклонения.
  Пример: Укажите ваше местоположение.
• Использовать маркированные списки.
• Использовать простые предложения.
• Используйте утвердительную форму глагола вместо отрицательной.
  Хороший пример: Пишите письма!
  Плохой пример: Не забывайте писать письма!

Источники

• Руководство по обеспечению доступности веб-контента (WCAG) 2.0
• Web Content Accessibility Guidelines 1.0
• Сайт Якоба Нильсена
• Typographic Design Patterns And Current Practices (2013 Edition) by Jan Constantin
• Д. Э. Розенталь. «Справочник по правописанию и стилистике»
• Статья «Принцип пирамиды» Вадима Галкина
• Free guides Plain English Campaign

Полезные сервисы

• Проверка текста в информационном стиле
• Оценка читабельности текста Ивана Бегтина
• Калькулятор определения контраста