Интернет глубоко интегрирован в работу нашего мира, работая практически во всех секторах: от образования и политики до бизнеса и здравоохранения.
Когда вы просматриваете онлайн, вероятно, первое, что вы заметите на сайте, это его дизайн, за которым быстро следуют графика и элементы контента. Но вы, вероятно, не думаете о доступности WordPress.
Когда дело доходит до вашего бизнес-сайта, доступность должна стать более высоким приоритетом.
Итак, что такое доступность в WordPress?
Доступность WordPress относится к практике обеспечения доступности веб-сайта WordPress и его содержимого для всех пользователей, в том числе с ограниченными возможностями, особенно с нарушениями зрения.
Многие веб-сайты часто жертвуют доступностью WordPress для красивого дизайна. Хотя дизайн абсолютно важен, вы не хотите ставить под угрозу слишком много функций.
Как бренд, вы хотите обеспечить положительный пользовательский опыт для всех пользователей, в том числе с ограниченными возможностями. Кроме того, важно помнить, что проблемы доступности не ограничиваются только людьми с ограниченными возможностями.
Инициатива доступности веб-ресурсов указывает на то, что определенные изменения в дизайне вашего сайта могут принести пользу многим различным группам людей:
- Люди, использующие устройства с маленькими экранами, различными режимами ввода и т. д.
- Старшие
- Люди с «временной нетрудоспособностью», включая сломанную конечность или потерянные очки
- Пользователи с «ситуативными ограничениями», такие как те, кто получает доступ к веб-сайту в ярком месте или в среде, где они не могут слушать аудио
- Люди, у которых медленное интернет-соединение
Почему вы должны заботиться о доступности WordPress
В то время как законодатели стремятся изменить и усовершенствовать законы для людей с ограниченными возможностями, важно опередить путь, для улучшения репутации.
Кроме того, есть SEO преимущества для доступности. Google и другие поставщики поисковых систем поощряют веб-сайты, отвечающие требованиям доступности, чтобы побудить большее количество веб-сайтов повысить свою доступность.
Сделать ваш сайт WordPress более доступным
В Руководстве по обеспечению доступности веб-материалов 2.0 (WCAG) представлен широкий спектр идей о доступности. Использование доступных тем WordPress может упростить процесс.
Однако, если вы хотите внести ограниченные изменения в свой текущий веб-сайт на WordPress, вы можете посмотреть с помощью плагина доступности WordPress, а также изменить цвета, контрастность, текст ALT изображения, заголовки содержимого, альтернативы текста и многое другое.
Установите плагин доступности WordPress
Самый простой первый шаг, который вы можете сделать, это установить и активировать плагин WP Accessibility. Хотя большинство проблем с доступностью невозможно решить без непосредственного изменения темы, плагин предлагает множество полезных функций, позволяющих идти по правильному пути благодаря доступности WordPress.
Среди его возможностей – возможность пропустить ссылки, которые являются внутренними ссылками на страницы, которые позволяют пользователям переходить непосредственно к контенту. Это особенно полезно для людей, использующих программы чтения с экрана. Он также позволяет добавить панель инструментов, которая позволяет пользователям с нарушениями зрения изменять размер шрифта, контрастность и оттенки серого на вашем сайте.
Кроме того, он удаляет атрибуты заголовка из изображений, вставленных в контент, который большинство программ чтения с экрана не могут идентифицировать, часто вместо этого читая текст привязки.
Цветовой контраст
В мире более 2,7 миллионов дальтоников. Эти люди имеют один из трех типов дальтонизма: полный дальтонизм, двухцветное зрение и плохое цветовое зрение. Чтобы быть уверенным в том, что дизайн вашего сайта работает с цветом или без него, учитывайте соотношение цветов и контрастность.
Используйте высококонтрастные варианты цвета, такие как черный и белый, чтобы сделать ваш сайт более читабельным. WCAG 2.0 рекомендует контрастность 4,5: 1 для основного текста. Если вашему веб-сайту все еще нужно немного больше стиля, вы можете использовать узоры или текстуры для дальнейшего увеличения контраста.
Изображение ALT-текста
Изображение ALT текста описывает внешний вид и функцию изображения на странице.
Первоначально он был разработан для повышения доступности, поскольку программы чтения с экрана не могут интерпретировать изображение без текста ALT. Однако с тех пор он использовался как часть стратегий SEO с целевыми ключевыми словами, которые должны быть идентифицированы поисковыми системами.
Если вы привыкли использовать ALT-текст для вставки ключевых слов в ваш сайт, вам нужно остановить или, по крайней мере, изменить свой процесс, так как это может испортить опыт людей, использующих программы чтения с экрана. К счастью, четкое описание изображения (если оно имеет отношение к тому, что вы делаете) все равно должно содержать полезные ключевые слова. В общем, никакой текст ALT не лучше, чем несущественный текст ALT.
Заголовки содержимого
Гораздо больше людей будут просматривать ваш контент, чем дословно читать его. Заголовки содержимого не только позволяют пользователям переходить к интересующим их частям, но также могут разбивать большие текстовые блоки на более читаемые разделы, помогая программам чтения экрана определять контекст каждого раздела.
Альтернативный текст
Если у вас есть мультимедийный веб-сайт, который содержит видео, а также аудиофайлы, такие как подкасты и аудиокниги, лучше всего включать субтитры или стенограммы. Это может помочь тем, кто является глухим, а также тем, кто находится в общественном месте и не в состоянии воспроизводить медиафайлы вслух, чтобы получить удовольствие.
Явные поля формы
При создании форм для вашего сайта может возникнуть соблазн разместить метки полей внутри поля в эстетических целях. Однако некоторые программы чтения с экрана не могут получить доступ к тексту, когда он находится внутри поля. Так что будьте проще и поместите метки формы вне полей формы.
Доступные ссылки и меню с клавиатуры
Есть некоторые люди, которые не могут получить доступ к веб-сайтам с помощью мыши из-за нарушений двигательных навыков. Они используют клавиатуру для навигации по сайтам, используя клавишу табуляции для перемещения вперед и Shift + Tab для возврата назад.
Проблема, которая чаще всего возникает у этих пользователей, заключается в том, что верхние элементы раскрывающегося меню доступны, а подменю – нет. Вы можете исправить это, назначив ярлыки или возможности доступа к клавишам. Например, нажав «1», вы попадете на домашнюю страницу, «2» – на страницу «О нас» и так далее.
Тест на доступность WordPress
Если вы не уверены в качестве вашей доступности WordPress, вы можете проверить ее.
Хотя инициатива доступности веб-сайтов не поддерживает какой-либо конкретный инструмент, вы можете найти список инструментов доступности на их сайте: https://www.w3.org/WAI/ER/tools/. Возьмите пару из них попробовать и посмотрите, как ваш сайт показывается. Расширение Google Chrome, инструмент оценки доступности веб-сайтов (WAVE) – это еще один способ оценки доступности вашего веб-сайта.
Примеры сайтов, хорошо делающих доступность
Есть много сайтов, которые были разработаны с осторожностью и пониманием доступности. Веб-сайт для зимних Олимпийских игр 2018 года в Пхенчхане является примером такого веб-сайта с двумя ошибками и 264 правильно помеченными элементами. Apple делает доступность лучше, получая только одну ошибку WAVE.
Заключительные мысли: доступность WordPress: сделать ваш сайт доступным для всех
Интернет глубоко укоренился почти в каждой части нашей жизни, от покупок и общения до организации встреч с работниками здравоохранения и работы. Беспрепятственно из-за инвалидности, подавляющему большинству пользователей легко принять само собой разумеющееся, с какой легкостью они могут перемещаться по Интернету.
Однако не только для того, чтобы опередить возможные изменения в законодательстве, но и просто для того, чтобы обеспечить лучший пользовательский опыт для всех ваших потенциальных посетителей, важно разрабатывать или изменять свой веб-сайт с учетом доступности. В дополнение к тому, что вы откроете свои двери для этих людей, вы также сможете пожинать плоды лучшего SEO, следуя рекомендациям по доступности, предоставляемым Web Content Accessibility.
Как вы включаете доступность в свои дизайны сайтов на WordPress? Дайте нам знать об этом в комментариях!