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

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

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

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

1. Оптимизируйте теги заголовков и заголовки.

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

Используйте только один тег H1. Сохраняйте подзаголовки в последовательном порядке (H3 после H2 и т. д.) и точно описывайте контент. Например, вместо использования «Что нужно знать» в качестве подзаголовка H2, сделайте его «Что нужно знать о доступном контенте». При таком подходе посетители могут знать, чего ожидать от каждого раздела контента.

2. Создание доступных таблиц

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

3. Используйте описательный анкорный текст для ссылок

Прочитайте эти два утверждения:

• Чтобы узнать больше, нажмите здесь.
• Чтобы узнать больше, ознакомьтесь со стандартами WCAG.

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

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

4. Включите описательный альтернативный текст для изображений.

Описательный alt-текст помогает поисковым системам интерпретировать содержимое изображения, позволяет слабовидящим понять, что показано, и потенциально повышает видимость и рейтинг вашего сайта в Google. Напишите alt-текст для каждого изображения и видео, размещенного на вашем сайте и в социальных сетях. Добавьте подписи к контенту, опубликованному на таких сайтах, как Instagram Reels, на которых нет опции alt-text.

Вот альтернативный текст, используемый для описания этого изображения в недавней статье Института контент-маркетинга: «Заголовок электронной книги в этом примере от OptinMonster прост: 50 умных способов сегментировать ваш список адресов электронной почты». Альтернативный текст описывает изображение (заголовок электронной книги) и причину его включения (просто).

Если изображение является логотипом, напишите «[company name] логотип». Будьте конкретны, когда это возможно. Например, вместо того, чтобы объяснять изображение как «бизнес-страхование», укажите вид страхования.

5. Добавить общедоступную карту сайта

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

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

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

Убедитесь, что ваш сайт включает в себя как XML, так и HTML-карту сайта.

6. Сделайте контент социальных сетей доступным

Многие маркетологи отдают приоритет доступности своих веб-сайтов, но упускают из виду свои каналы социальных сетей. Некоторые не решаются тратить время на доступность социальных сетей, поскольку это не требуется по стандартам WCAG 2.1. Однако, учитывая, что 85% представителей поколения Z говорят, что социальные сети влияют на их выбор покупок, публиковать доступный контент — это разумное решение.

Следуйте тем же советам, что и для контента вашего сайта — добавляйте подписи и расшифровки для видео и альтернативный текст к изображениям, как это сделал We Rate Dogs в своем посте в Instagram о Пиоппи: «голубой стаффордширский терьер высовывает голову из-за предмета мебели, передние лапы покоятся на белом куске ткани. Его уши широко расставлены, а глаза озорно сверкают, когда он улыбается вам с закрытым ртом».

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

Напишите доступные хэштеги, используя заглавные буквы для каждого слова, например #MyCanyon, #ChelseaSodaro, #CanyonSpeedmax, #Triathlete и #Triathlon, в посте ниже. Это облегчает чтение с экрана для произношения каждого слова по отдельности.

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

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

7. Используйте доступный язык

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

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

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

Вы можете использовать такие инструменты, как Грамматически или Редактор Хемингуэя чтобы упростить содержание.

8. Создавайте доступные призывы к действию

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

• Напишите описательный и ориентированный на действие текст.
• Учитывать цветовой контраст. Минимальное соотношение должно быть 4,5 к 1, чтобы большинство людей могли прочитать текст. Однако это зависит от размера текста или уровня соответствия WCAG. Используйте это проверка контрастности чтобы определить, соответствует ли ваша кнопка CTA требованиям доступности.
• Разместите основной призыв к действию в верхней части страницы, чтобы пользователи могли его видеть, не прокручивая страницу вниз.
• Измените размер и расположение призыва к действию в мобильной версии, чтобы обеспечить его эффективность.

Регулярно оценивайте доступность вашего контента

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

Как показано на этом снимке экрана аудита www.Paralympics.comПроверка доступности присваивает сайту оценку по 100-балльной шкале, определяет, соответствует ли сайт требованиям, и выявляет конкретные проблемы доступности.

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

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

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

ТЩАТЕЛЬНО ОТОБРАННЫЙ СВЯЗАННЫЙ КОНТЕНТ:

Изображение на обложке: Джозеф Калиновски/Институт контент-маркетинга