8 способов обеспечить доступность вашего контента

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

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

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

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

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

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

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

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

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

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

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

• Чтобы узнать больше, нажмите здесь.
• Дополнительную информацию см. в стандартах WCAG.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ИЗБРАННЫЙ ПОХОЖИЙ СОДЕРЖАНИЕ:

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