Лучшие практики в области доступности писем: полный гайд на 2026 год

Позвоните своей маме и скажите ей, что вы специально создали письма, которые она не может прочитать. Вот что на самом деле означает игнорирование требований доступности писем.

Райан Фелан,

CEO компании RPEOrigin на вебинаре Stripo.

Доступность писем — это реальная и всеобщая потребность. Электронная почта по-прежнему остается одним из самых популярных каналов коммуникации: 69% потребителей во всем мире называют ее предпочтительным способом получения информации от брендов. В то же время, по данным Всемирной организации здравоохранения, каждый шестой человек в мире имеет серьезные проблемы со здоровьем, которые влияют на его возможности пользоваться цифровыми технологиями.

Это означает, что письма должны быть доступны, чтобы каждый мог читать, понимать и реагировать на ваши сообщения. Кроме того, доступность становится обязательным требованием законодательства во многих регионах. В совокупности эти факторы делают доступность писем не просто желательным, а базовым требованием ответственной цифровой коммуникации.

Ключевые выводы

1. WCAG 2.2 Level AA — это практическая цель для команд, занимающихся рассылками. Это наиболее часто используемый бенчмарк в области цифровой доступности, который предоставляет командам реалистичный стандарт для улучшения текстов, дизайна и кода писем.
2. Доступные письма выгодны как подписчикам, так и компаниям. Подписчики получают сообщения, которые они могут читать и с которыми могут взаимодействовать без каких-либо барьеров, а компании снижают юридические и репутационные риски, повышают удобство использования и избегают непреднамеренного исключения клиентов.
3. Для обеспечения доступности необходимо, чтобы текстовое наполнение, дизайн, код и тестирование работали в комплексе. Понятный язык, содержательный alt-текст, описательные ссылки, читаемый дизайн, семантический код, автоматические проверки, тестирование скринридером, навигация с помощью клавиатуры и ручная ревизия — все это способствует повышению доступности писем.

Что такое доступность писем?

Доступность писем означает создание писем, которые могут читать, понимать, просматривать и с которыми могут взаимодействовать все подписчики, включая людей с ограниченными возможностями и тех, кто использует ассистивные технологии, такие как скринридеры, навигация с помощью клавиатуры, голосовое управление, инструменты для зума или настройки доступности.

Эта тема обсуждается уже более 10 лет, однако доступность писем по-прежнему далека от идеала. Согласно Email Markup Consortium’s 2025 Accessibility Report за 2025 год, 99,89% протестированных HTML-писем содержали серьезные или критические проблемы с доступностью. В 2024 году этот показатель составлял 99,97%. Различие в процентах может показаться небольшим, но оно все же свидетельствует о незначительном прогрессе: количество писем без серьезных или критических проблем увеличилось с 28 из 409357 писем в 2024 году до примерно 488 из 443585 писем в 2025 году.

Эти успехи пока весьма скромны, но они свидетельствуют о том, что все больше команд начинают уделять внимание вопросам доступности и что впереди еще долгий путь.

WCAG для писем: уровни, принципы и применение

Законы и стандарты в области доступности во всем мире часто опираются на Web Content Accessibility Guidelines (WCAG). Разработанный World Wide Web Consortium (W3C), WCAG содержит рекомендации по тому, как сделать цифровой контент более доступным для людей с ограниченными возможностями. 

WCAG 2.2, изданные в 2023 году, являются последней версией этих директив и в настоящее время служат самым актуальным бенчмарком в области цифровой доступности. Хотя WCAG не есть законом, во многих законодательных актах и нормативных документах по доступности используются требования, основанные на WCAG, для определения того, каким должен быть доступный цифровой контент.

WCAG опираются на четыре основных принципа, известных под аббревиатурой POUR:

1. Perceivable (воспринимаемый): люди должны иметь возможность получать доступ к информации как визуально, так и на слух, а также с помощью ассистивных технологий. Например, текст должен иметь достаточную контрастность по отношению к фону.
2. Operable (пригодный к использованию): пользователи должны иметь возможность использовать контент и ориентироваться в нем. Например, интерактивные элементы должны работать без необходимости использования исключительно мыши.
3. Understandable (понятный): контент должен быть понятным, целостным и предсказуемым. Это предполагает удобный для чтения текст, логичную структуру и привычную разметку.
4. Robust (надежный): контент должен корректно отображаться на различных устройствах, в почтовиках и при использовании ассистивных технологий, включая скринридеры.

Эти принципы лежат в основе большинства рекомендаций по доступности. Каждая практическая рекомендация, от альтернативного текста до контрастности цвета и навигации с клавиатуры, связана с одним или несколькими из них.

WCAG также определяет три уровня соответствия: A, AA и AAA:

• уровень A охватывает наиболее базовые требования к доступности. Это помогает устранить основные барьеры, но само по себе не делает контент полностью доступным. Например, уровень A требует, чтобы цвет не был единственным способом передачи смысла;
• уровень AA — это уровень, на который чаще всего ссылаются законы, стандарты и политики в области доступности. Он основан на уровне A и охватывает более широкий спектр потребностей пользователей. Для команд, занимающихся письмами, WCAG 2.2 Level AA обычно является наиболее практичной и рекомендуемой целью;
• уровень AAA — это самый высокий и продвинутый уровень. Его можно использовать в качестве ориентира, особенно в отношении отдельных элементов, но он обычно слишком жесткий, чтобы применяться в качестве стандартного требования ко всему контенту.

На практике одного соответствия уровню A недостаточно. Большинству команд следует стремиться к уровню AA, поскольку он обеспечивает более высокий базовый порог доступности и в большей степени соответствует стандартам доступности для электронной почты.

Это важно не только с точки зрения удобства пользователей, но и с позиции соблюдения нормативных требований. Во всем мире в законах и политиках по доступности все чаще используются стандарты, основанные на WCAG, для определения того, как должен выглядеть доступный цифровой контент.

Соблюдение закона: ADA, Section 508 и European Accessibility Act

Законодательные требования зависят от страны, индустрии и типа организации, поэтому данный раздел не является юридической рекомендацией. Однако тенденция очевидна: цифровая доступность становится официальным требованием во все большем числе регионов, и письма могут стать частью этой экосистемы цифровой коммуникации.

Вот основные положения, о которых должны знать email-маркетологи:

1. Section 508: этот закон распространяется на федеральные агентства США и требует, чтобы их информационно-коммуникационные технологии были доступны для людей с ограниченными возможностями, включая сотрудников и представителей общественности. Сюда могут входить официальные цифровые сообщения, внутренние системы, документы и письма.
2. Americans with Disabilities Act (ADA): в США ADA запрещает дискриминацию в отношении людей с ограниченными возможностями, а цифровую доступность все чаще рассматривают как составную часть равного доступа к государственным услугам и онлайн-ресурсам. Правило DOJ’s 2024 ADA Title II требует, чтобы вебконтент и мобильные приложения органов власти штатов и местных органов власти соответствовали стандарту WCAG 2.1 Level AA. 
3. European Accessibility Act (EAA): EAA устанавливает требования к доступности для многих товаров и услуг, предлагаемых на рынке ЕС. С 28 июня 2025 года компании, подпадающие под действие этого регламента, обязаны выполнять требования по доступности, причем технические стандарты, такие как EN 301 549, в значительной степени основаны на WCAG. 
4. Accessible Canada Act (ACA): закон ACA направлен на выявление, устранение и предотвращение барьеров, препятствующих доступности, в организациях, подпадающих под федеральное регулирование в Канаде. Нормативные акты ACA предусматривают штрафные санкции в зависимости от степени несоблюдения требований, причем за более серьезные нарушения предусмотрены более высокие штрафы. 
5. Equality Act 2010: в Великобритании закон Equality Act 2010 обязывает сервис-провайдеров вносить необходимые изменения, чтобы люди с ограниченными возможностями не лишались доступа к услугам. В сфере цифровых технологий в качестве практического бенчмарка для обеспечения доступности обычно используются рекомендации WCAG.

Соблюдение нормативных требований — это одна из причин, по которой стоит уделять внимание доступности, но она не должна быть единственной. В конечном счете, доступность писем касается людей: подписчиков, которым необходимо получать информацию без каких-либо препятствий, и компаний, которые хотят, чтобы их сообщения доходили до всей аудитории и отвечали ее потребностям.

Почему доступные письма полезны?

Доступные письма приносят пользу всем участникам процесса. Подписчики получают письма, которые они могут читать, понимать и использовать без барьеров. Компании получают более эффективную коммуникацию, меньше неоправданных рисков и больше шансов охватить всю целевую аудиторию, на которую они рассчитывали.

1. Ваши подписчики получают выгоду от доступных писем

Если вы соблюдаете стандарты доступности писем, их смогут читать, понимать и взаимодействовать с ними люди, которые ранее были лишены такой возможности:

• 2,2 миллиарда человек во всем мире имеют ту или иную форму нарушения зрения;
• 45 миллионов человек полностью слепы;
• около 340 миллионов человек являются дальтониками (примерно 1 из 12 мужчин и 1 из 200 женщин);
• 1,2 миллиарда человек живут с дислексией (15% населения мира), что сказывается на их способности читать и воспринимать текст;
• 430 миллионов человек имеют необратимую потерю слуха;
• около 5% людей с эпилепсией страдают светочувствительной эпилепсией, при которой мигающие изображения могут вызывать приступы;
• 12,2% населения США испытывают серьезные проблемы с моторикой;
• еще многие сталкиваются с ситуативными или временными ограничениями, такими как травмы или возрастные изменения.

2. Бизнес тоже получает выгоду

Когда доступность становится стандартом, письма не просто помогают брендам избежать юридических и репутационных рисков. Их становится проще читать, понимать и реагировать на них. Это имеет большое значение для эффективности бизнеса. Если подписчики могут четко понять суть вашего сообщения, следовать его структуре, перейти по нужной ссылке и выполнить желаемое действие, ваши письма с большей вероятностью будут способствовать повышению вовлеченности и конверсии.

Финансовые компании, с которыми я работаю, отмечают рост всех показателей после улучшения доступности. Кроме того, им удается избежать судебных исков и даже получать такие отзывы, как «Ваши письма легко читать».

Райан Фелан,

CEO компании RPEOrigin на вебинаре Stripo.

Доступность также помогает компаниям избежать непреднамеренного исключения клиентов. Люди с ограниченными возможностями — это подписчики, клиенты, сотрудники и руководители. Если письма недоступны, бренды могут невольно затруднить части своей аудитории чтение сообщений, понимание предложений или выполнение действий.

Рынок товаров и услуг для людей с ограниченными возможностями контролирует более $13 трлн годового чистого дохода во всем мире.

Майк Пачелло,

Chief Accessibility Officer компании AudioEye в интервью для Stripo.

Понимание важности доступности — это лишь первый шаг. Следующий шаг заключается в том, чтобы превратить это в стандартизированный процесс создания писем: от текста, который вы пишете, до кода, который генерирует ваш конструктор писем или разработчик.

Шаги по созданию доступных писем

Теперь, когда мы рассмотрели стандарты, правовые аспекты и коммерческую ценность, давайте перейдем от теории к практике. Создание доступных писем — это результат совместной работы специалистов по копирайтингу, дизайну, верстанию и тестированию. Сосредоточиться только на одной области, например на контрастности цвета или alt-тексте, недостаточно, поскольку различные барьеры по-разному затрагивают подписчиков. 

Вам также может понравиться

Почему цифровая доступность важна и как начать работу над ее обеспечением

Вот как это сделать:

Шаг 1. Написание доступного текста для писем

Виды ограничений: визуальные / когнитивные / неврологические нарушения и проблемы с обучаемостью.

Рекомендации по созданию доступного текста:

• составляйте лаконичные тексты, чтобы читатели могли быстро понять суть, не зацикливаясь на длинных фразах;
• используйте простой язык, понятный ученику 7-8 класса; избегайте сложного жаргона или академических терминов;
• установите межстрочный интервал примерно на 1,5;
• разбивайте текст на секции с четкими подзаголовками, чтобы письма было проще просматривать;
• используйте заголовки, а не просто увеличивайте размер шрифта.

Шаг 2. Оптимизация alt-текста

Виды ограничений: alt-текст особенно важен для пользователей скринридеров, но он также помогает в тех случаях, когда изображения заблокированы, загружаются медленно или недоступны. 

Для начала давайте разберемся в разнице между атрибутом alt и alt-текстом:

• атрибут alt — это атрибут HTML, используемый в элементе image;
• alt-текст — это контент, помещаемый в атрибут alt.

Хотя эти термины часто используются как синонимы, они имеют разное значение.

Давайте посмотрим, что происходит, когда атрибут alt отсутствует:

• пользователи скринридеров услышат название файла, если изображение не содержит ссылки, или URL-адрес изображения, если изображение содержит ссылку;
• ни один из получателей не поймет, о чем идет речь на изображении, если оно будет заблокировано.

(Источник: вебинар с Сарой Галлардо)

Лучшие практики использования альтернативного текста:

• добавляйте alt-текст только к изображениям, несущим смысловую нагрузку, избегайте его добавления к декоративным изображениям;
• учитывайте контент и контекст изображения;
• убедитесь, что alt-текст точно передает то, что изображено на картинке;
• старайтесь составлять описательный alt-текст;
• alt-текст должен быть лаконичным, в идеале около 100-120 символов, чтобы его можно было легко понять;
• не используйте фразы типа «это изображение о...», так как скринридеры и так сигнализируют о наличии изображения;
• используйте регистр, как в предложении или заголовке, избегая использования только заглавных букв;
• обеспечьте хорошую контрастность между alt-текстом и фоном для визуальной четкости.

Плохой пример: рубашка.

Хороший пример: мужская белая рубашка с длинными рукавами и синими пуговицами.

Обратите внимание, что в Stripo можно использовать AI для генерирования alt-текста. AI от Stripo анализирует изображение и предлагает для него содержательный и конкретный alt-текст.

Вам также может понравиться

Шаг 3. Обеспечение доступности ссылок

Виды ограничений: поддержка пользователей скринридеров и людей с нарушениями моторики.

Лучшие практики в области доступных ссылок:

• придерживайтесь целенаправленной стратегии размещения ссылок: добавляйте ссылки только на важные изображения и избегайте ссылок на декоративные;
• используйте описательный текст ссылки, чтобы четко указать, куда ведет ссылка, избегая общих фраз, таких как «Узнать больше» или «Кликните здесь»;
• убедитесь, что alt-текст для изображений со ссылками описывает место назначения ссылки;
• убедитесь, что ссылки выделяются с помощью таких методов форматирования, как подчеркивание или выделение жирным шрифтом, а не только цветом;
• по возможности помещайте ссылки в кнопки с призывом к действию, чтобы помочь слабовидящим или людям с ограниченными моторными функциями кликать на них.

Обратите внимание, что инструмент проверки доступности от Stripo может помочь в проверке ссылок. Он выявляет неинформативный текст ссылок и позволяет с помощью AI за считанные секунды генерировать более понятные и доступные описания ссылок.

Вам также может понравиться

Шаг 4. Оптимизация email-дизайна с учетом требований доступности

Вопросы доступности необходимо учитывать в процессе проектирования с самого начала.

Люк Гласнер,

Director of email deliverability в ZeroBounce для Stripo’s Email Trends 2026.

Ввиду своей сложности этот этап разделен на несколько групп.

Группа 1. Рекомендации по доступности при форматировании текста

Виды ограничений: люди с ослабленным зрением, пользователи скринридеров и дислектики.

• избегайте использования заглавных букв, так как они могут быть неправильно истолкованы людьми с дислексией, а скринридеры могут воспринимать их как аббревиатуры;
• используйте знаки препинания в конце маркированных списков и заголовков;
• сведите к минимуму использование курсива и подчеркивания для выделения текста и полностью избегайте сочетания курсива и подчеркивания;
• подчеркивайте текст только в том случае, если это гиперссылка;
• WCAG не устанавливает минимальный размер шрифта. Однако для обеспечения хорошей читаемости стремитесь к размеру не менее 14 пикселей на десктопах и 16 пикселей на мобильных устройствах;
• используйте доступные шрифты, такие как OpenDyslexic, Comic Sans, а также шрифты без засечек, например Arial, Verdana, Tahoma, Century Gothic, Trebuchet, Calibri и Open Sans;
• выравнивайте основной текст по направлению чтения языка: слева для языков с направлением чтения слева направо и справа для языков с направлением чтения справа налево. Избегайте центрирования основного текста, выравнивания по ширине и ручных разрывов строк.

Хотя Success Criterion 1.4.8 (соответствие уровню AAA) это допускает, в соответствии с лучшими практиками рекомендуется избегать выравнивания текста по ширине по указанным причинам. Выравнивайте текст только по одному краю.

Давид Геворкян,

CEO / основатель компании Be Accessible.

Группа 2. Работа с цветами

Виды ограничений: люди с дальтонизмом, слабым зрением и дислексией.

• обеспечьте достаточную контрастность между текстом и изображениями: для текста размером менее 16 пикселей (жирный шрифт) и 24 пикселей (обычный шрифт) она должна составлять 4,5:1, а для текста, превышающего этот порог, — 3:1;
• проверяйте контрастность в светлом и темном режимах;
• используйте одноцветный фон; 
• это не является конкретным требованием WCAG 2.2, но рекомендуется специалистами из British Dyslexia Association: текст чисто черного цвета на чисто белом фоне может казаться слишком резким для некоторых читателей с дислексией; вместо этого используйте текст темного цвета на фоне не совсем белого цвета;
• не стоит использовать одни лишь цвета для выделения важной информации в письмах;
• при использовании изображений для обозначения правильных или неправильных ответов (с помощью красного и зеленого цветов соответственно) или трендов в цифрах, для большей наглядности дополняйте их текстовыми описаниями или знаками «+» и «-».

(Источник: письмо от HubSpot)

Группа 3. Работа с изображениями

Виды ограничений: люди с дальтонизмом, слабым зрением, дислексией и фоточувствительной эпилепсией. 

Здесь речь идет о GIF-ках и статичных изображениях:

• используйте GIF-ки с частотой смены кадров не более трех в секунду;
• используйте не более одного анимированного изображения (GIF-ки) на одном экране;
• соблюдайте контрастность цвета, как указано выше;
• добавляйте содержательный alt-текст для изображений. Для GIF-ок, содержащих инструкции или важную информацию, добавьте дополнительное описание под изображением.

Шаг 5. Обеспечение соответствия требованиям доступности в коде писем

Виды ограничений: поддержка пользователей скринридеров и других видов ассистивных технологий.

Доступность писем зависит от кода. Если код составлен некорректно, пользователи скринридеров, клавиатурной навигации или других ассистивных технологий могут столкнуться с трудностями при просмотре письма, даже если визуально оно выглядит безупречно.

• используйте теги абзаца для основного текста: оберните важные блоки текста тегами <p>, чтобы письмо имело четкую структуру;
• используйте теги заголовков: применяйте теги <h1> и <h6> для структурирования текста и облегчения навигации по письму пользователям скринридеров;
• верстайте списки правильно: используйте элементы <ul> и <li> вместо буллетов, эмодзи или символов, которые отображаются только визуально;
• правильно работайте с таблицами разметки: поскольку в HTML-письмах для обеспечения правильного отображения часто используются таблицы, убедитесь, что таблицы разметки имеют атрибут role="presentation" или role="none", чтобы скринридеры не воспринимали их как таблицы данных;
• добавьте соответствующие атрибуты alt: используйте содержательный alt-текст для информационных изображений и пустой атрибут alt="" для декоративных картинок;
• создайте ссылки, доступные для ассистивных технологий: каждый тег <a> должен содержать понятный и разборчивый текст. Следует избегать пустых ссылок или ссылок, состоящих только из изображений, без alt-текста. Если ссылка привязана к изображению, необходимо указать содержательный alt-текст, видимый или скрытый текст ссылки либо атрибут aria-label;
• добавляйте целенаправленные ссылки для изображений: добавляйте ссылки только на те изображения, по которым можно было бы кликнуть. Старайтесь не добавлять ссылки на декоративные картинки, так как это может создавать лишний шум для пользователей скринридеров;
• установите нужный язык: добавьте атрибут lang к элементу <html> и непосредственным дочерним элементам <body>. Такая дублируемость необходима, поскольку некоторые почтовики могут удалить этот атрибут из элемента <html>. По возможности используйте правильный код языка; если язык неизвестен, в качестве фолбэка используйте lang="und";
• оберните контент в тег <body>, указав атрибут dir для определения направления.

Шаг 6. Проверка соответствия писем стандартам доступности HTML-писем

Нужно самому пользоваться тем, что создаешь. То есть необходимо проверить результат.

Майк Пачелло,

Chief Accessibility Officer @ AudioEye | основатель, VP, Director, автор, ментор.

Даже если вы соблюдаете все рекомендации по доступности при написании, оформлении и верстании письма, все равно следует проверить конечный результат. Проблемы с доступностью часто возникают на последнем этапе: у изображения может отсутствовать alt-текст, ссылка может звучать непонятно вне контекста, цветовая контрастность может нарушиться после обновления дизайна, а код письма может измениться при экспорте.

Именно поэтому проверка доступности должна стать частью процесса подготовки к отправке, а не каким-то редким занятием.

Используйте комбинацию методов тестирования:

1. Автоматическая проверка доступности: используйте инструменты доступности для проверки писем на наличие распространенных проблем, таких как отсутствие alt-текста, отсутствие атрибутов языка, некорректная структура, низкая контрастность цветов, а также проблемы с кодом, которые могут повлиять на работу ассистивных технологий.
2. Тестирование скринридеров: откройте письмо с помощью скринридера, такого как VoiceOver, NVDA, Narrator или TalkBack. Проверьте, логичен ли порядок чтения, четко ли озвучиваются изображения и ссылки, помогают ли заголовки в навигации и понятен ли призыв к действию без визуального контекста.
3. Тестирование клавиатурной навигации: управляйте письмом без использования мыши. Проверьте, доступны ли ссылки, кнопки и интерактивные элементы, удобны ли они в использовании и расположены ли они в логическом порядке.
4. Ручной анализ: прочитайте письмо так, как это сделал бы подписчик. Убедитесь, что текст понятен, разделы легко просматриваются, ссылки имеют описательные названия, изображения сопровождаются содержательным или пустым alt-текстом (когда это уместно), а основное действие является четким. Для оценки таких параметров, как цветовая контрастность, используйте специальные инструменты, а не полагайтесь на визуальную оценку. 

Мы подготовили подробный гайд по инструментам тестирования доступности писем, в котором рассмотрены решения для проверки структуры кода, alt-текста, ссылок, контрастности, проблем, связанных с дальтонизмом, рисков сенситивности к свету, совместимости со скринридерами, а также общего уровня доступности. 

Вам также может понравиться

Шаг 7. Использование чеклиста по доступности перед отправкой

Даже после автоматической проверки и тестирования с помощью инструментов окончательная ручная проверка по-прежнему остается важной. Инструменты могут выявить множество технических проблем, но они не всегда способны определить, насколько письмо воспринимается реальным подписчиком как понятное, логичное и удобное в использовании.

В этом гайде мы рассмотрели рекомендации по доступности, касающиеся текста писем, дизайна, кода, ссылок, изображений и тестирования. Чтобы упростить итоговую проверку, мы объединили наиболее важные пункты в один удобный чеклист. Вы можете использовать его перед стартом email-кампании или внедрить в качестве этапа внутреннего контроля качества для своей команды.

1.Структура и код

Убедитесь, что структура ваших писем понятна скринридерам и другим ассистивным технологиям:

• укажите правильный атрибут lang в теге <html> и, при необходимости, в ключевых контейнерах контента, поскольку некоторые почтовики могут удалять атрибуты из корневого элемента;
• укажите атрибут dir в тегах <html> и <body>, чтобы ассистивные технологии могли отображать текст в правильном порядке чтения;
• по возможности избегайте использования таблиц для разметки. Если таблица разметки необходима, добавьте атрибут role="presentation" или role="none" к элементу <table>;
• используйте теги заголовков от <h1> до <h6>, чтобы отобразить иерархию контента и помочь получателям ориентироваться в письме;
• оберните каждый значимый блок текста тегом <p>, чтобы создать четкую структуру чтения;
• используйте элементы списка, такие как <ul>, <ol> и <li>, вместо маркеров или эмодзи, имеющих только визуальное значение;
• добавляйте содержательный alt-текст к информационным изображениям и используйте пустой alt="" для декоративных картинок;
• добавляйте ссылки только там, где они помогают получателю ориентироваться. Не делайте ссылки на декоративные изображения;
• убедитесь, что каждая ссылка имеет четкий различимый текст. Не оставляйте ссылки пустыми и не опирайтесь только на изображение, если оно не имеет содержательного alt-текста или другого доступного обозначения. 

2. Контент и смысл

Убедитесь, что текст легко понять и он не зависит исключительно от визуальных элементов:

• напишите содержательный alt-текст, который точно описывает суть изображения. Длина текста не должна превышать 100-120 символов;
• используйте текст CTA, который сообщает пользователям, что произойдет дальше, вместо расплывчатых фраз вроде «Кликните здесь»;
• делайте предложения короткими, четкими и понятными;
• разбивайте контент на разделы с содержательными заголовками;
• предоставляйте транскрипты для аудио, титры или субтитры для видео, а также содержательный описательный alt-текст для GIF-ок;
• не полагайтесь только на цвет для передачи смысла. Добавляйте текстовые метки, иконки или другие ориентиры.

3. Визуальное оформление и удобство чтения

Убедитесь, что письмо удобно читать и с ним легко взаимодействовать:

• используйте коэффициент контрастности не менее 4,5:1 для обычного текста и 3:1 для крупного текста;
• проверяйте цветовую палитру с помощью симуляторов цветовой слепоты;
• избегайте мигающего или быстро меняющегося контента. Ограничьте частоту мигания тремя повторениями в секунду и используйте не более одного анимированного элемента на экране, включая GIF-ки;
• избегайте длинных отрывков, набранных курсивом, заглавными буквами, или подчеркнутого текста, который не является ссылкой;
• используйте доступные семейства шрифтов, такие как Arial, Verdana, Tahoma, Trebuchet, Calibri, Open Sans или OpenDyslexic;
• WCAG не устанавливает минимальный размер шрифта. Однако для хорошей читаемости стремитесь к размеру не менее 14 пикселей на десктопах и 16 пикселей на мобильных устройствах;
• используйте межстрочный интервал около 1,5 для основного текста;
• используйте однотонный фон за текстом. Избегайте узоров или изображений за текстом;
• сделайте кнопки заметными и достаточно большими, чтобы их было удобно касаться, в идеале не менее 44 × 44 пикселей;
• сделайте ссылки визуально отличимыми, не полагаясь только на цвет. Подчеркивание часто является самым понятным вариантом;
• выравнивайте основной текст в соответствии с направлением чтения языка: слева для языков с чтением слева направо и справа для языков с чтением справа налево. Избегайте центрирования основного текста и выравнивания по ширине;
• рассмотрите возможность использования более мягких цветовых комбинаций, таких как темно-серый текст на не совсем белом фоне, так как для некоторых читателей они могут быть более комфортными, чем контрастный черный цвет на ярко-белом фоне.

Шаг 8. Обеспечение доступности писем на протяжении длительного времени

Обеспечение доступности не заканчивается после проведения одного аудита или успешного тестирования. Шаблоны писем меняются, стили бренда развиваются, добавляются новые модули, а почтовики обновляют свои правила рендеринга. Это означает, что письмо, которое вчера работало без нареканий, позже может столкнуться с проблемами доступности.

Чтобы обеспечить доступность писем, сделайте это частью вашего обычного рабочего процесса:

• регулярно проверяйте основные шаблоны и многоразовые модули;
• обновляйте alt-текст, ссылки и заголовки при изменении контента;
• проверяйте доступность после обновления дизайна, ребрендинга или переработки шаблонов;
• опишите правила доступности для всех, кто участвует в создании писем;
• обучите маркетологов, дизайнеров и верстальщиков соблюдать единые стандарты.

Доступность работает наиболее эффективно, когда она становится общей привычкой, а не спонтанным решением. Цель состоит в том, чтобы каждое следующее письмо по умолчанию было проще читать, понимать, ориентироваться в его структуре и взаимодействовать с ним. 

Вам также может понравиться

В завершение

Доступность писем — это не просто небольшое исправление или еще одна галочка перед отправкой. Это комплексный подход к созданию писем, который затрагивает текст, дизайн, код, тестирование и инструменты, которыми ваша команда пользуется каждый день.

Когда доступность писем для всех улучшена, больше подписчиков могут прочитать ваше сообщение, понять ваше предложение, следовать структуре письма, перейти по нужной ссылке и выполнить желаемое действие. Это улучшает пользовательский опыт для людей с ограниченными возможностями, а также делает рассылки более понятными и удобными для всех.

Обеспечение доступности — это непрерывный процесс. Стандарты меняются, почтовики ведут себя по-разному, а даже небольшие изменения в дизайне или контенте могут привести к новым проблемам. Именно поэтому цель заключается не в создании одного идеального письма раз и навсегда. Цель состоит в том, чтобы интегрировать обеспечение доступности в рабочий процесс, чтобы каждая email-кампания по умолчанию становилась более читаемой, удобной в использовании и инклюзивной.

FAQ

1. Влияет ли доступность писем на доставляемость?

Да, но скорее косвенно. Доступность не является самостоятельным фактором, влияющим на доставляемость, однако многие рекомендации по обеспечению доступности писем пересекаются со стандартами высокого качества писем.

Описательный alt-текст и четкая структура помогают как подписчикам, так и автоматизированным системам понять содержание письма. Кроме того, они позволяют избежать таких распространенных проблем, как разметка, состоящая исключительно из изображений, некорректное отображение или подозрительный код.

Доступность также может способствовать повышению вовлеченности. Если больше людей смогут читать ваши письма и взаимодействовать с ними, со временем это может укрепить репутацию отправителя.

Вывод: соответствие стандартам доступности не гарантирует попадание письма во входящие, но может способствовать его доставляемости, делая письма более лаконичными, простыми для восприятия и полезными для подписчиков. 

Вам также может понравиться

2. Как проверить доступность писем без использования скринридера?

Настоятельно рекомендуется провести тестирование с помощью скринридера, поскольку это позволяет увидеть, как реальные подписчики будут воспринимать письмо. Встроенные скринридеры доступны на большинстве устройств, например, VoiceOver на устройствах Apple, Narrator в Windows и TalkBack на Android.

Однако если на данном этапе у вас нет возможности провести тестирование доступности с помощью скринридера, воспользуйтесь инструментами для проверки доступности, чтобы убедиться, что письмо технически готово к работе с ассистивными технологиями. Эти инструменты помогут выявить проблемы в структуре кода, отсутствующий или неясный alt-текст, неинформативные ссылки, отсутствующие языковые атрибуты, некорректную структуру заголовков и другие недочеты, которые могут повлиять на то, как ассистивные технологии будут читать письмо.

Перед отправкой можно также проверить доступность в Stripo. Система проверяет как технические, так и визуальные аспекты доступности, включая структуру кода, alt-текст, текст ссылок, языковые настройки, цветовую контрастность и многое другое.

Наилучший подход заключается в сочетании автоматизированного тестирования, ручной проверки по чеклисту доступности и, по возможности, тестирования с помощью скринридера. Автоматизированные инструменты позволяют выявить многие проблемы, но они не могут полностью заменить проверку реального опыта чтения. 

Вам также может понравиться

3. Какому уровню WCAG должно соответствовать мое письмо?

Письмо должно соответствовать требованиям WCAG 2.2 Level AA, поскольку уровень AA является наиболее распространенным бенчмарком в области доступности писем и цифровых ресурсов, а также уровнем, на который чаще всего ссылаются законы, стандарты и политики в сфере доступности.

В стандарте WCAG 2.2 определены три уровня соответствия: A, AA и AAA. Уровень A охватывает минимальные требования к доступности, тогда как уровень AA является практической целью для большинства команд, поскольку он учитывает более широкий спектр потребностей получателей и является реалистичным для повседневного создания писем.

Уровень AAA представляет собой цель в области доступности для продвинутого уровня. К нему стоит стремиться там, где это возможно, особенно в отношении отдельных элементов, однако обычно он не рассматривается в качестве стандартного требования для каждого письма.

Инструмент проверки доступности от Stripo разработан с целью помочь командам перед отправкой проверить, соответствуют ли их письма стандартам доступности писем, основанным на WCAG 2.2 Level AA, и соблюдаются ли более строгие рекомендации по доступности писем.

4. Нужны ли мне доступные письма, если я отправляю их только своим сотрудникам?

Да. Внутренние письма также должны быть доступны. Даже если правовые риски могут отличаться от рисков, связанных с внешними email-кампаниями, доступность по-прежнему важна для обеспечения комфорта сотрудников, инклюзивности и равного доступа к важной информации:

• по данным Всемирной организации здравоохранения, примерно каждый шестой человек в мире имеет серьезные нарушения здоровья. В условиях цифровой рабочей среды это означает, что у некоторых сотрудников могут быть нарушения, влияющие на то, как они читают, понимают или работают с письмами;
• некоторые нарушения здоровья также бывают незаметными или диагностируются в более позднем возрасте, в том числе дальтонизм, дислексия или определенные когнитивные и зрительные нарушения. Другие нарушения могут носить временный характер, например, перенапряжение глаз, травма или период восстановления после операции.

Именно поэтому внутренние письма должны соответствовать тем же принципам доступности, что и внешние: четкая структура, удобный для чтения дизайн, описательные ссылки, содержательный alt-текст и контент, который хорошо взаимодействует с ассистивными технологиями. Доступная внутренняя коммуникация помогает всем получать одинаковую информацию без дополнительных усилий.

Вам также может понравиться

5. Считаются ли доступными текстовые письма?

Не совсем. Письма в формате простого текста позволяют избежать некоторых распространенных проблем с доступностью писем, характерных для HTML-писем, таких как сломанная структура разметки, проблемы с изображениями (например отсутствие alt-текста) или некачественно сверстанные элементы. 

Однако у простого текста есть свои ограничения:

• отправители практически не могут влиять на визуальное оформление, в частности на размер шрифта, семейство шрифта, цвет текста, цвет фона или межстрочный интервал. Эти настройки обычно зависят от почтовика, устройства, приложения и настроек доступности у получателя. А для людей с когнитивными расстройствами длинный блок неформатированного текста может оказаться сложнее для восприятия, чем хорошо структурированное HTML-письмо;
• вы не можете добавлять реальные заголовки, кнопки или стилизованные секции, на которые некоторые получатели полагаются для быстрого просмотра контента. Ссылки часто отображаются в виде сырых URL-адресов вместо описательного текста ссылки, что может сбивать с толку пользователей скринридеров.