Доступность email: 7 правок, которые поднимают CTR у экранных читалок и mobile-first
Контекст: письма для SaaS, финансовки и нутры часто читают с VoiceOver, TalkBack и в тёмной теме. Если письмо ломается без мыши и без картинки, часть кликов вы теряете ещё до CTA.
• Один H1 вверху, дальше логичная иерархия заголовков.
• Alt у всех смысловых картинок: 5–10 слов, без «image» и без воды.
• CTA — текстом, не только кнопкой; размер кликабельной зоны не меньше 44×44 px.
Проверь контраст: серый текст на белом и бледная кнопка на тёмном фоне читаются плохо даже на хорошем экране. Не прячь ключевой оффер в изображение: если картинки отключены, тема и preheader должны уже продавать открытие и клик. Для таблиц добавляй подписи, а сложные multi-column блоки упрощай до одной колонки на мобиле.
Не полагайся на один цвет как на единственный сигнал: «зелёный = ок», «красный = стоп» не работает без подписи. И ещё: если в письме есть форма, чекбокс или аккордеон, у каждого элемента должен быть понятный текст рядом. Доступность в email — это не про заботу ради заботы, а про меньше потерь на каждом экране.
Email Design Desk
@email_design_desk
Доступность email: 7 правок, которые поднимают CTR у экранных читалок и mobile-first
Этот пост опубликован в Telegram-канале Email Design Desk. Подписаться можно по ссылке: @email_design_desk.