Чтобы письмо было удобно читать с телефона и с помощью экранного диктора, выстройте его в понятном порядке, используйте читаемый текст, различимые цвета и ссылки с ясными названиями. Важные сведения не должны быть спрятаны только в картинке или обозначены одним цветом. Ниже — практический способ проверить структуру, оформление и альтернативные описания до отправки рассылки.
Как построить письмо, чтобы его было легко просмотреть?
Читатель с телефона часто сначала быстро просматривает письмо, поэтому начните с главного: коротко объясните, зачем вы написали, затем изложите детали и предложите одно основное действие. Разбивайте текст на небольшие абзацы и ставьте информативные заголовки. По ним человек сможет найти нужный раздел, а экранный диктор — перейти между частями письма.
Проверьте порядок чтения без оформления: скопируйте текст письма в простой текстовый редактор. Заголовки и содержание должны идти последовательно, а смысл не должен зависеть от расположения колонок, фона или изображения. Если сначала читается меню, потом случайный блок и лишь затем предложение, упростите шаблон.
Для мобильного экрана используйте одну основную колонку и не заставляйте читателя увеличивать письмо, чтобы прочитать обычный текст. Проверьте макет на узком экране: абзацы не должны уезжать за край, а кнопки и ссылки должны оставаться различимыми и доступными для нажатия.
Как подобрать контраст, шрифт и ссылки?
Текст должен заметно отличаться от фона. Светло-серый текст на белом фоне и надпись поверх фотографии могут быть трудны для чтения, особенно при слабом освещении или увеличении экрана. Перед отправкой просмотрите письмо на телефоне и проверьте, сохраняется ли контраст в каждом блоке, включая подписи и мелкие пояснения.
Не передавайте смысл только цветом. Например, если нужный пункт выделен красным, добавьте к нему слово или значок с текстовым пояснением. Это поможет понять сообщение человеку, который не различает часть цветов, а также при просмотре письма в режиме, где цвет отображается иначе.
Пишите на кнопках и ссылках конкретно: «Посмотреть условия доставки» понятнее, чем «Нажмите сюда». Экранный диктор может прочитать ссылки отдельно от окружающего текста, поэтому расплывчатые подписи теряют смысл. Проверьте, что ссылки различимы не только по цвету, а кнопки не сливаются с фоном.
Когда нужен альтернативный текст для изображения?
Если картинка передаёт важную информацию, добавьте краткое альтернативное описание. Например, если на изображении показан товар с подписью или условия предложения, изложите эту информацию словами в тексте письма. Тогда содержание останется доступным, даже если изображение не загрузилось или его читает экранный диктор.
Декоративной картинке, которая ничего не добавляет к сообщению, длинное описание не нужно. Оно может отвлекать от основного текста. Если изображение выполняет роль кнопки или ссылки, опишите действие: читателю должно быть понятно, куда ведёт этот элемент.
Не помещайте весь текст письма в одну картинку. Такой макет плохо масштабируется на телефоне, а экранный диктор не сможет прочитать содержимое как обычный текст. Оставьте важные условия, цену, адрес и призыв к действию в текстовых блоках.
Как проверить письмо перед отправкой?
Отправьте тестовое письмо себе и проверьте его на телефоне. Затем прослушайте содержание экранным диктором, если он доступен на устройстве: порядок чтения и названия ссылок часто обнаруживают ошибки, которые не заметны при обычном просмотре. Проверьте и текстовую версию письма, чтобы убедиться, что она сохраняет основной смысл.
Перед отправкой пройдитесь по короткому списку:
- Главная мысль и действие понятны без чтения всех деталей.
- Заголовки описывают содержание следующих за ними разделов.
- Текст читается на фоне, а смысл не передаётся одним цветом.
- Ссылки объясняют, куда ведут, а кнопки заметны на телефоне.
- Изображения с важной информацией имеют текстовое описание.
Типичные ошибки:
- Слишком бледный текст на светлом фоне.
- Кнопка подписана общим словом «Подробнее» без пояснения, что откроется.
- Заголовки сделаны крупным шрифтом, но не размечены как заголовки.
- Вся информация находится внутри изображения.
- В письме много декоративных элементов, которые экранный диктор читает как отдельные объекты.
Начните с ближайшего письма: упростите его порядок, уточните подписи ссылок и проверьте, что ключевой текст можно прочитать без изображений. После этого откройте тестовую версию на телефоне и прослушайте её экранным диктором. Если читатель понимает предложение и может найти нужное действие без подсказок, письмо готово к следующей проверке.
