Инструкции
March 12
Как сделать текст простым. Чеклист
Список правил как упростить и улучшить доступность
текста на веб страницах
Размеры
- Сделать шрифт основного текста не меньше 14 px;
- Ограничить строку до 55–75 символов;
- Ограничить предложение до 12–15 слов;
- Ограничить абзац до 3–4 предложений;
- Установить расстояние между строками в 1.5 раза больше размера шрифта;
- Установить расстояние между абзацами в 1.5 раза больше расстояния между строками.
Оформление
- Сделать основной текст (или текст на рисунке) контрастным к фону не менее 7:1. Калькулятор определения контраста;
- Сделать заголовки и крупный текст контрастным к фону не менее 4.5:1. Калькулятор определения контраста;
- Использовать подзаголовки для оформления структуры;
- Убедиться, что текст можно прочитать при отключенных стилевых страницах;
- Убрать текст в виде изображений.
За исключением случаев когда это действительно необходимо; - Убрать слова написанные заглавными буквами;
- Выровнять основной текст по левому краю;
- Выровнять заголовки по левому краю или по центру.
Понимание текста
- Убедиться, что назначение ссылки понятно из текста ссылки или текста рядом со ссылкой;
- Использовать слова соответствующие уровню читателя;
- Одно предложение — одна мысль;
- Один абзац — одна идея;
- Убрать причастные и деепричастные обороты.
Пример: Он писал письмо, кажущееся длинным.Пример: Он писал длинное письмо, не отрывая глаз; - Сделать прямой порядок слов в предложениях.Хороший пример: Он написал длинное письмо.Плохой пример: Написал он длинное письмо;
- Убрать абстракции образованные от глаголов.Плохой пример: У нас было обсуждение этой проблемы.Хороший пример: Мы обсудили эту проблему;
- Описать неизвестные жаргонные и профессиональные слова простым языком.
Пример: Инсталлируйте программу; - Расшифровать аббревиатуры в тексте.В HTML используется атрибут title для элементов abbr и acronym;
- Убрать предложения со страдательным залогом.Хороший пример: Курица снесла яйцо.Плохой пример: Яйцо снесенное курицей;
- Подобрать к длинным словам простые синонимы с меньшим количеством букв.
Главное и второстепенное
- Выстроить важность всего текста по принципу пирамиды;
- Выстроить важность абзацев по принципу пирамиды;
- Облегчить беглый просмотр текста;
- Выделить ключевые слова;
- Убрать рекламную воду с субъективными оценками.
Дополнительные рекомендации
- Использовать чаще глаголы, чем существительные;
- Использовать побудительные и повелительные наклонения.
Пример: Укажите ваше местоположение; - Использовать маркированные списки;
- Использовать простые предложения;
- Используйте утвердительную форму глагола вместо отрицательной.
Хороший пример: Пишите письма!Плохой пример: Не забывайте писать письма!
Источники
- Руководство по обеспечению доступности веб-контента (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