Доступность сайта: сделайте сайт доступным для всех

Интернет глубоко интегрирован в наш мир, присутствует почти во всех секторах: от образования и политики до бизнеса и здравоохранения.

Доступность сайта для инвалидов

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

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

Итак, что такое доступность сайта?

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

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

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

Определенные изменения в дизайне вашего сайта могут принести пользу многим различным группам людей:

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

Почему вы должны заботиться о доступности сайта

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

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

На Disney, Netflix и Target были поданы такие судебные иски; Target потребовалось выплатить $6 миллионов в качестве ущерба. По состоянию на 2017 год был подан 751 иск подобного рода где большинством ответчиков были розничные компании.

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

Исследовательские опросы показывают, что люди с ограниченными возможностями в три раза реже выходят в интернет, чем их коллеги без инвалидности. Этот плохой показатель, вероятно, связан с тем, что 71% людей с ограниченными возможностями покидают веб-сайт, если он недоступен, что является недопустимым для бизнеса, потому что люди с ограниченными возможностями обеспечивают 7 триллионов долларов в предполагаемом ежегодном доходе. Доступность сайтов для инвалидов – это огромный рынок, который был отвернут из-за проблем с дизайном.

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

Сделайте ваш веб сайт WordPress более доступным

Существует широкий спектр специальных возможностей, предлагаемых в руководстве по обеспечению специальных возможностей веб-контента 2.0 (WCAG). Использование доступных тем WordPress может упростить этот процесс.

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

Установите плагин специальных возможностей WordPress

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

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

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

В мире насчитывается более 2,7 миллиона дальтоников. У этих людей есть один из трех типов дальтонизма: полная цветовая слепота, двухцветное зрение и недостаточное цветовое зрение. Чтобы убедиться, что ваш дизайн сайта работает с цветом или без него, будьте внимательны к соотношению цветов и контрастности.

Используйте высококонтрастные варианты цвета, такие как черно-белый, чтобы сделать ваш сайт более читаемым. Рекомендуется использовать для основного текста коэффициент контрастности 4,5:1. Если вашему сайту все еще нужно немного больше изюминки, вы можете опереться на использование шаблонов или текстур для дальнейшего увеличения контрастности.

ALT текст изображения

Текст ALT изображения описывает внешний вид и функцию изображения на странице.

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

Если вы привыкли использовать ALT text в качестве способа ввода ключевых слов на свой сайт, вам придётся отказаться от данного метода поскольку это может испортить комфортную доступность сайта для людей, использующих программы чтения с экрана. К счастью, четкое описание изображения (предполагая, что оно имеет отношение к тому, что вы делаете) все равно должно содержать полезные ключевые слова. В целом, отсутствие ALT-текста лучше, чем неуместный ALT-текст.

Заголовки контента

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

Текстовые альтернативы

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

Поля формы

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

Клавиатура, ссылки и меню

Есть некоторые люди, которые не могут получить доступ к веб-сайтам с помощью мыши из-за проблем двигательного аппарата. Они полагаются на свою клавиатуру для навигации по сайтам, используя клавишу tab для перемещения вперед и shift+tab для возврата.

Проблема, которая чаще всего возникает для этих пользователей, заключается в том, что верхние элементы раскрывающегося меню доступны, а подменю – нет. Вы можете исправить это, назначив ярлыки или доступ к ключевым возможностям. Например, нажатие кнопки “1 “приведет вас на главную страницу,” 2” – на страницу about и так далее.

Тест на доступность сайта WordPress

Если вы не уверены и хотите проверить доступность сайта, вы можете использовать специальный инструмент.

Расширение Google Chrome ( и для Яндекс браузера), Web Accessibility Evaluation Tool (WAVE) – это еще один способ оценки доступности вашего сайта.

Выводы: доступность сайта – сделать ваш сайт доступным для всех

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

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

Меню