Во время моего исследования доступности веб-контента я наткнулся на некоторые шокирующие статистические данные. Знаете ли вы, что значительное количество людей с ограниченными возможностями страдают от проблем с доступностью веб-сайтов? Цифры действительно ошеломляют.
Только представь, что вокруг% 15 населения мира имеет тот или иной тип инвалидности, согласно данным Всемирной организации здравоохранения. Только в США примерно 61 миллионов взрослыхили примерно 1 из 4 взрослых имеют инвалидность.
Было бы глупо игнорировать возможность того, что определенному сегменту вашей целевой аудитории могут понадобиться вспомогательные технологии для доступа к вашему веб-сайту. Более того, многие компании учитывают и включают людей с ограниченными возможностями при создании персон клиентов.
Недостаточно публиковать отполированный контент; сегодня необходимо сделать ваш веб-контент доступным для всех пользователей. К счастью, Google регулярно представляет новые функции доступности и обновления для улучшения доступности цифрового контента.
Чтобы избежать препятствий для доступа определенных людей к вашему контенту, вам следует узнать больше о доступности веб-контента и принять во внимание приведенные ниже советы по расширению аудитории и увеличению конверсий.
Что такое доступный веб-контент?
Доступный контент предоставляет всем пользователям равный доступ к онлайн-материалам и информации, включая людей с ограниченными возможностями. Эта группа людей обширна, и они часто могут иметь более одного типа инвалидности.
Если говорить кратко, то люди могут быть следующих типов:
- Когнитивные, обучаемые и неврологические нарушения – нарушения памяти, аутизм, нарушения восприятия и психического здоровья, СДВГ и судорожные расстройства;
- Нарушения зрения – слабое зрение, дальтонизм и слепота;
- Нарушения слуха – глухота и тугоухость;
- Физические нарушения – артрит, паралич, ампутация и повторяющиеся стрессовые травмы;
- Нарушения скорости — заикание, дизартрия и немота.
При создании доступного контента следует следовать определенному набор руководящих принципов учитывать все эти типы инвалидности. Это увеличит пользовательский опыт для людей с ограниченными возможностями и расширит охват ваших цифровых продуктов.
Чтобы сделать ваш контент доступным, примите во внимание следующие принципы доступности:
- Работоспособен;
- Воспринимаемый;
- Крепкий;
- Понятный.
Ты можешь читать здесь чтобы узнать больше о каждом принципе в глубине. Сосредоточение на этих принципах означает рассмотрение того, как люди взаимодействуют с контентом. Например, люди могут:
- Используйте клавиатуру вместо мыши;
- Используйте голосовые команды для навигации по веб-сайту;
- Используйте программу чтения с экрана, чтобы озвучить контент;
- Используйте экранную лупу, чтобы увеличить весь экран или его часть.
Важность доступного контента
Работая со многими клиентами, включая юридические фирмы, мы недавно заметили следующую распространенную практику: если ваш веб-сайт недоступен для всех пользователей, люди с ограниченными возможностями могут подать в суд на компанию.
Вот что сказал Адам Заид, основатель Адвокатское бюро Заида, говорит:
«С 3000 года в федеральный суд было подано более 2013 исков в соответствии с ADA. В этих исках утверждается, что некоторые веб-сайты были неудобны для использования людьми с ограниченными возможностями, что противоречит требованиям Раздела III ADA. Этот рост числа исков показывает заметный рост за эти годы».
Таким образом, обеспечение доступности вашего сайта становится не просто моральным обязательством, но и юридическим требованием.
Как сделать ваш контент доступным
Создание и продвижение доступного контента и веб-доступности имеет важное значение, и не менее важно подумать о том, как этого добиться. Вот несколько практичных и простых в реализации советов, которые следует помнить при создании вашего следующего контента.
- Оптимизируйте теги заголовков и заголовки
Оптимизация ваших тегов заголовков и заголовков — один из лучших способов улучшить ваши усилия по SEO и организовать ваш контент логически. Используйте понятные и уникальные заголовки и заголовки страниц в правильном порядке, чтобы гарантировать, что люди смогут легко понять структуру вашего контента и найти нужную им информацию.
Когда пользователи с нарушениями зрения используют программу чтения с экрана для доступа к вашему сайту, тег заголовка зачитывается вслух. Поисковые системы также используют эти теги для понимания содержимого вашей страницы. Поэтому важно включать релевантные ключевые слова в теги заголовка.
Другим аспектом, который следует рассмотреть, является структурирование вашего контента с помощью заголовков, поскольку это помогает улучшить читаемость вашего веб-сайта. Благодаря вспомогательным технологиям люди с ограниченными возможностями могут читать только те части вашего контента, которые им нужны, а не всю страницу.
Убедитесь, что заголовки находятся в правильном порядке (H3 после H2 и т. д.) и что каждый заголовок точно описывает ваш контент. Используйте только один тег H1 и включайте подзаголовки на своих веб-страницах.
Вы можете использовать SE Ranking AI Writer, чтобы упростить весь процесс и быстро сгенерировать структуру вашего контента, включив до 20 целевых ключевых слов. Вам просто нужно указать свою тему и использовать предложения из меню Темы.
- Сделайте свой контент в социальных сетях доступным
Многие владельцы бизнеса уделяют первостепенное внимание доступности своих веб-сайтов, но часто упускают из виду свои каналы в социальных сетях. Пользователи с ограниченными возможностями могут сталкиваться с препятствиями при доступе к информации или взаимодействии с контентом на платформах социальных сетей.
Некоторые специалисты по маркетингу в социальных сетях не решаются тратить время на доступность социальных сетей, поскольку это не требуется стандартами доступности WCAG 2.1. Однако, 81% клиентов говорят, что сообщения в социальных сетях влияют на их выбор покупок. Поэтому важно охватить как можно больше пользователей социальных сетей, включая людей с ограниченными возможностями.
Чтобы сделать ваш контент в социальных сетях доступным:
- Опишите свои изображения: добавьте альтернативный текст, чтобы помочь слепым или слабовидящим людям.
- Добавляйте транскрипты и субтитры к видео: Вы можете разместить их на той же странице, что и видео. Это упростит просмотр транскриптов без звука и позволит программам чтения с экрана читать их.
- Включите переводчика языка жестов, которого можно включить в видео, чтобы сделать их более доступными, а также субтитры и расшифровки.
- Добавьте описание к вашему аудио или видео, чтобы помочь людям с ограниченными возможностями понять происходящее без диалога.
- Напишите доступные хэштеги: пишите каждое слово заглавными буквами, например #SocialMediaOptimization, чтобы программам чтения с экрана было легче понять каждое слово по отдельности.
- Не используйте слишком много эмодзи: при использовании программы чтения с экрана название каждого эмодзи произносится вслух, что может быть сложно для пользователей.
- Используйте инструменты планирования публикаций в социальных сетях, чтобы сэкономить время и повысить эффективность своего контента, гарантируя вовлеченность аудитории в период ее наибольшей активности.
- Сделайте кнопки обмена сообщениями в социальных сетях или встроенные каналы доступными: этими функциями следует управлять с помощью клавиатуры, не отвлекаясь.
- Создание доступных полей формы
Когда считыватели экрана читают веб-страницу, они делают это слева направо, сверху вниз. Однако онлайн-формы или таблицы с вложенными таблицами и интервалами затрудняют для них интерпретацию содержимого. Это может затруднить для пользователей с нарушениями зрения понимание макета и структуры веб-страницы.
Важно сделать ваши онлайн-формы и таблицы доступными для всех пользователей, даже тех, кто использует вспомогательные технологии. Вы должны добавить описательный текст к каждому элементу формы, включая раскрывающиеся меню, кнопки или текстовые поля.
Включите опцию автозаполнения в формы для лучшего пользовательского опыта и инклюзивности веб-сайта. Чтобы связать ваши онлайн-формы с другими приложениями, используйте Google Forms или веб-формы вместо PDF-файлов или документов Word.
Вам следует перейти на CSS вместо того, чтобы полагаться на таблицы для макета сайта. Все поля ввода на вашем сайте должны быть доступны для навигации с помощью клавиатуры. Инструкции по проверке форм и сообщения об ошибках должны быть понятными и простыми для понимания пользователями.
- Предоставьте описательный текст ссылки
Пожалуйста, ознакомьтесь со следующими двумя утверждениями:
- Узнать больше, нажмите здесь..
- Узнать больше, обзор стандартов WCAG.
Второй вариант звучит лучше, не правда ли?
Якорный текст — это интерактивный текст в гиперссылке, который сообщает поисковым системам, о чем идет речь на связанной странице, и помогает программам чтения с экрана сначала идентифицировать текст, чтобы читатели могли решить, хотят ли они нажать на ссылку.
Для обеспечения доступности опишите свои ссылки и предоставьте контекст того, куда они ведут. Будьте лаконичны, добавьте целевое ключевое слово и избегайте общих фраз, таких как «нажмите здесь».
- Напишите полезный альтернативный текст для изображений
Включение описательного alt-текста для изображений имеет решающее значение для того, чтобы сделать контент доступным для пользователей с нарушениями зрения. Альтернативный текст служит нескольким целям, включая помощь поисковым системам в интерпретации контента изображений, улучшение доступности и потенциальное повышение видимости и рейтинга вашего веб-сайта в Google.
Включите описательный текст для любых изображений и видео, которые вы добавляете на свой веб-сайт. Программы чтения с экрана будут читать этот текст вслух, чтобы описать ваш визуальный контент для пользователей с ограниченными возможностями. Если раздела для альтернативного текста нет, опишите ваши изображения или видео в подписи. Это поможет сделать ваш контент более удобным для пользователя и доступным для всех.
«Как специалист по цифровому маркетингу, я получил один из самых ценных советов по поводу альтернативных текстов:
Подумайте о том, чтобы описать это изображение так, чтобы его мог понять человек с нарушением зрения. Я всегда делюсь им с новыми членами команды, чтобы включить всех и улучшить точность нашей коммуникации», — говорит Сэм Минасян, основатель Бизнес Страхование США.
Например, вместо того, чтобы говорить «маркетинг» для изображения, скажите, к какому виду услуг относится изображение:маркетинг для юридических фирм.” Если на вашем изображении изображен логотип, напишите «_Название компании _логотип».
- Используйте доступный язык
Слова, которые вы используете, так же важны, как и то, как вы организуете свой контент. Ясный язык и хорошо структурированный формат имеют решающее значение для того, чтобы сделать контент понятным, особенно для людей с ограниченными возможностями.
Руководящие принципы WAI заявить, что вы должны объяснить неупотребительные слова, идиомы, фразы и сокращения. Более того, вы должны использовать понятный и простой язык или предоставить упрощенную версию.
Мы уже рассмотрели использование простого языка для соблюдения принципа доступности «Понятно». Поэтому важно помнить о следующих моментах:
- Пишите короткие предложения и абзацы;
- Избегайте использования жаргона и ненужных слов;
- Объясните аббревиатуры, метафоры и сокращения;
- Включайте маркеры и расставляйте акценты в тексте;
- Укажите язык вашего контента с помощью атрибута «lang» в HTML.
- Пишите понятные и уникальные заголовки страниц;
- Будьте последовательны и используйте ценные инструменты, такие как Grammarly или приложение Hemingway, чтобы упростить свой контент.
- Напишите доступные призывы к действию
Пользовательский опыт и доступность тесно связаны. Они оба ставят пользователя на первое место и создают продукты, которые отвечают его потребностям. Когда вы создаете доступные призывы к действию с учетом этих факторов, вы гарантируете, что больше людей смогут использовать ваш контент, включая людей с ограниченными возможностями, и получат положительный опыт.
Чтобы сделать призывы к действию практичными и доступными:
- Напишите ориентированный на действие и описательный текст. Вместо «нажмите здесь» или «узнайте больше» скажите «узнайте больше о наших ингредиентах».
- Используйте цветовой контраст. Минимальный цветовой контраст должен быть не менее 4.5:1, чтобы большинство людей могли прочитать текст. Однако он может меняться в зависимости от размера текста или уровня соответствия WCAG. Вы можете использовать эту проверку контрастности, чтобы определить, соответствует ли текст рекомендациям по доступности.
- Разместите основной призыв к действию в верхней части страницы, чтобы все пользователи могли его видеть, не прокручивая веб-страницу вниз.
- Метки и заполнители в формах должны быть единообразными, чтобы было понятно, какую конкретную информацию следует заполнять в каждом поле и в каком формате.
- Создайте мобильную версию вашего CTA. Адаптируйте размер и размещение вашего CTA, чтобы он оставался эффективным на экранах меньшего размера по сравнению с настольными компьютерами.
- Добавить файлы Sitemap на сайт
Карта сайта на сайте важна для пользователей с ограниченными возможностями, чтобы быстро находить нужный им контент, а также для поисковых систем, чтобы индексировать ваши страницы. Она выглядит как подробная карта структуры вашего сайта.
Обычно вы фокусируетесь на XML-карте сайта, которая отлично подходит для поисковых роботов. HTML-карта сайта обеспечивает четкий и доступный обзор ваших основных веб-страниц, что позволяет людям с ограниченными возможностями находить то, что они ищут. Главное различие между XML- и HTML-картами сайта заключается в том, что первая предназначена для поисковых систем, а вторая — для посетителей-людей.
Обязательно рассмотрите последний вариант и посмотрите, как он должен выглядеть:
Карта сайта имеет несколько разделов, каждый из которых включает подразделы, показывающие различные категории и продукты. HTML-карта сайта обычно представлена в кликабельном формате и находится в нижнем колонтитуле, что упрощает навигацию пользователей по вашему сайту.
- Оцените доступность вашего контента
Обеспечение доступности вашего контента — это непрерывный процесс. Важно регулярно оценивать доступность вашего веб-сайта и определять области для улучшения. Обновляйте его по мере необходимости, особенно когда вы вносите определенные изменения или добавляете новый контент.
Чтобы улучшить доступность, попросите пользователей с ограниченными возможностями протестировать ваш сайт. Убедитесь, что люди могут попросить об адаптации. Создайте обещание доступности сайта и опубликуйте его на веб-странице. Проверьте доступность и безопасность вашего контента на разных устройствах. Защитите свои данные и обеспечьте надежное присутствие в сети с помощью сертификатов SSL.
Проводите ежеквартальные проверки доступности контента вашего сайта. Чтобы оценить производительность вашего сайта, вы можете использовать бесплатные инструменты проверки доступности сайта, такие как Accessibility Checker или Google Lighthouse.
Необходимо сделать ваш контент доступным
Сегодня важно понимать, что доступ к контенту должен быть у каждого.
Делая онлайн-контент доступным, вы можете создать более инклюзивную онлайн-среду, в которой каждый может получить доступ и использовать широкий спектр информации и ресурсов в Интернете.
Помните об этих правилах, чтобы гарантировать, что контент будет доступен и понятен всем.
