email-accessibility-and-color-blindness
14 августа

Доступность писем и дальтонизм: создание писем, адаптированных для дальтоников

Давид Геворкян
Давид Геворкян CEO / Основатель Be Accessible
Оглавление
  1. Что такое дефицит цветового зрения?
  2. Какие бывают виды дефицита цветового зрения?
  3. Как создать доступные письма для дальтоников
  4. В завершение
1.
Что такое дефицит цветового зрения?

Почти 300 миллионов человек в мире имеют ту или иную форму дефицита цветового зрения, что составляет около 5% населения планеты. Большинство из этих людей используют электронную почту в качестве основного канала взаимодействия в цифровой среде.

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

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

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

Что такое дефицит цветового зрения?

Дефицит цветового зрения, известный как дальтонизм, — это неспособность различать определенные оттенки цветов.

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

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

Вы знали, что дальтонизм чаще встречается у мужчин, чем у женщин? Исследование от American Academy of Ophthalmology показало, что каждый десятый мужчина и каждая двухсотая женщина страдает от недостатка цветового зрения.

Другие интересные факты о дальтонизме:

Какие бывают виды дефицита цветового зрения?

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

Таблица типов цветовой слепоты с цветами

Дефицит красно-зеленого цветового зрения

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

Существует четыре основных типа красно-зеленой цветовой недостаточности:

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

Вот пример из нашего шаблона:

Пример шаблона Stripo _ Цветовая слепота

А вот как это воспринимают люди с протанопией.

Пример шаблона Stripo _ Протанопия

Дефицит сине-желтого цветового зрения

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

Существует два основных типа дефицита сине-желтого цветового зрения:

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

Вот пример того, как люди с тританопией воспринимают цвета в шаблоне ниже:

Пример шаблона Stripo _ Тританопия

Полный дефицит цветового зрения

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

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

Вот пример того, как люди с ахроматопсией воспринимают цвета в шаблоне ниже:

Пример шаблона Stripo _ Ахроматопсия

Как создать доступные письма для дальтоников

Хотите, чтобы ваши письма попадали в целевую аудиторию и максимизировали ROI email-маркетинга?

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

Люди с различными типами дальтонизма воспринимают цвета по-разному, и письма, созданные без учета доступности, могут затруднить восприятие вашего сообщения.

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

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

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

Выбирайте цвета с умом

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

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

Простой совет по использованию высококонтрастных цветов: возьмите цветовой круг и выберите противоположные цвета, например фиолетовый и желтый.

Пример цветового круга

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

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

4. Проверьте контрастность цветов. Убедиться в том, что вы все сделали правильно, можно, проверив цветовой контраст. С помощью таких чекеров контрастности цветов, как этот, можно оценить цвета на соответствие WCAG. WCAG 2.2 требует, чтобы коэффициент контрастности составлял не менее 4,5:1. Для крупного текста коэффициент контрастности может составлять 3:1.

Не используйте только цвет для передачи информации

Выбор правильного сочетания цветов для email-рассылок очень важен, но не стоит полагаться только на цвет.

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

Доступность писем в Stripo. Зеленый и красный

(Источник: We Are Colorblind)

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

Как дальтоники видят красный и зеленый цвета

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

Еще один нестандартный вариант — использовать в email-дизайне иконки, фигуры и hover-эффекты, чтобы наложить дополнительный коммуникационный слой к основному месседжу.

Рассматривайте текст как визуальный элемент

Не думайте о тексте отдельно от визуального оформления письма. То, как вы расположили текст, представляет собой важный визуальный элемент всего письма. Он должен быть оптимизирован для цифровой доступности.

Например, доступные шрифты и крупный текст, выровненный по левому краю с правильным интервалом, могут значительно улучшить читаемость. Размер шрифта должен быть больше 12 и меньше 38 пунктов — в идеале 14-18 пунктов.

Добавляйте alt-текст к изображениям и графике

Alt-текст — это краткое описание изображения или графики, которое читают скринридеры, чтобы люди с нарушениями зрения или дальтонизмом могли понять их содержание.

Убедитесь, что alt-текст понятен и лаконичен. Однако он должен подробно описывать изображение или графику. Если на картинке присутствуют кнопки разных цветов, обязательно опишите их назначение или обозначьте каждую из них.

Если цвет имеет важное значение для кнопки, опишите его и его значение.

Избегайте технических терминов и аббревиатур.

Добавьте текстовую версию письма

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

В завершение

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

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

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

Обеспечьте доступность писем с помощью Stripo
Была ли статья полезна?
Tell us your thoughts
Спасибо за ваш отзыв!
0 комментариев
Тип
Индустрия
Сезоны
Интеграции
Редактор Stripo
Упростите процесс создания писем.
Плагин Stripo
Интегрируйте Drag-n-Drop редактор Stripo в свое веб-приложение.
Заказать шаблон
Наша команда может разработать и сверстать его для вас. Просто заполните бриф, и мы свяжемся с вами в ближайшее время.

Редактор Stripo

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

Плагин Stripo

Для продуктов, которые могут эффективно использовать интегрированный white label конструктор писем.