Я уверен, что мы все помним, как в начале года на Бейонсе подали в суд за то, что ее веб-сайт не соответствует требованиям ADA.
Однако вам нужно беспокоиться не только о своем веб-сайте, но и о своей электронной почте. Как маркетологи, мы хотим быть уверены, что предоставляем нашим подписчикам наилучшие впечатления от электронной почты.
Поскольку в мире болеемиллиарда человек живут с той или иной формой инвалидности, важно также удовлетворять их потребности..
Речь идет об инклюзивности и обеспечении наилучшего взаимодействия с каждым, кто взаимодействует с вашим брендом.
Благодаря адаптивным технологиям и таким инструментам, как программы чтения с экрана, экранные лупы, системы отслеживания глаз и передовые устройства для питья и затяжки, теперь этот миллиард человек может не остаться в стороне.
Итак, как ты можешь внести свой вклад?
Email Monks создали инфографику о том, как создать идеальную доступную электронную почту, и включили ключ, показывающий, какие методы помогут вам удовлетворить различные потребности людей.
При написании, разработке и построении электронной почты следует учитывать три аспекта, когда речь идет о доступности:
- Создание контента
- Стилизация контента
- Структура контента
Давайте углубимся в каждый из них.
Создание контента
Copy - Когда дело доходит до копии, разбейте ее на разделы. Дайте каждому разделу заголовок, чтобы с первого взгляда или с помощью программы чтения с экрана ваши подписчики могли быстро понять сообщение, которое вы пытаетесь донести в этом разделе.
Imagery - Используйте изображения. Избегайте создания анимированных GIF-изображений, которые постоянно мигают, поскольку у некоторых людей они могут вызвать приступы фотосенсибилизации. Добавьте атрибут alt в каждый
тег и используйте слова для описания изображения.
Buttons - Кнопки должны выбираться по всей их площади. Совет для профессионалов: создайте кнопки высотой минимум 44 пикселя. Если в вашем электронном письме несколько кнопок, попробуйте написать для каждой из них отдельный призыв к действию.
Links- Вместо того, чтобы инструктировать подписчиков, как реагировать на ваши призывы к действию, просто упростите призывы к действию. Например:обновите свои настройкивместонажмите здесь, чтобы обновить свои настройки.
Стилизация контента
Белое пространство - Точно так же, как веб-сайты позволяют вашему контенту дышать, используйте это пробелы.
Шрифты:
- Headlines - выберите удобный для чтения декоративный шрифт с засечками или без засечек.
- Heading - выберите шрифт с засечками или без засечек, чтобы отличить заголовки от основного текста.
- Body Copy - выберите шрифт без засечек, избегайте использования тонких или легких шрифтов.
- Font-size - позаботьтесь о том, чтобы основной текст имел читаемый размер, 14 пикселей, если ваш шрифт имеет большую высоту по оси X, и если он имеет стандартную высоту по оси x, сделайте размер шрифта 16 пикселей.
- Line-height – Высота строки должна быть в 1,5 раза больше размера шрифта. Например: размер шрифта 16 пикселей должен иметь высоту строки 24 пикселя.
Color - сохраняйте соответствие цвета между цветом текста и цветом фона, используя средство проверки контрастности, например средство проверки контрастности цвета WebAim.
Alignment - придерживайтесь выравнивания по левому краю по умолчанию, избегайте центрирования или выравнивания текста.
Структура контента
Flow- Создайте свою электронную почту так, чтобы она имела смысл при чтении отсверху вниз.
Длина строки - Длина каждой строки текста не должна превышать 60-70 символов. Если длиннее, укажите ширину столбцов.
Hierarchy - используйте семантические теги (H1–6, P) для разметки каждой части контента.
Tables – В структурных таблицах добавьте role="presentation" внутри каждого отверстия