Когда дело доходит до запуска сайта WordPress, вы должны знать, что посетители всех видов остановятся.
Что еще более важно, не все посетители вашего сайта смогут делать простые вещи, которые некоторые считают само собой разумеющимися, такие как перемещение мыши, просмотр цветовой схемы вашего сайта или прослушивание видеоконтента. Поэтому, если вы хотите создать прочную репутацию в своей отрасли, проводить конверсии и просто делать правильные вещи, вам придется сосредоточиться на доступности WordPress.
Итак, сегодня мы намечаем самые простые способы сделать ваш сайт WordPress более доступным, так что люди могут легко изучить ваш сайт.
Тогда начнем.
Что такое доступность WordPress?
Доступность WordPress означает доступность вашего сайта и контента, в том числе для людей с ограниченными возможностями.
Думаю об этом. Согласно проекту «Включение национальной службы», в Соединенных Штатах только 48,9 миллиона человек имеют инвалидность. Распространите это по всему миру, и есть вероятность, что значительная часть посетителей вашего сайта имеет какую-то форму инвалидности, которая влияет на их способность исследовать ваш сайт так, как вы хотите.
Инициатива доступности веб-сайтов гласит, что сделать ваш сайт более доступным поможет следующим группам людей:
- Старейшины
- Люди с временной нетрудоспособностью, в том числе потерянные очки или сломанная конечность
- Люди с нарушениями зрения или слуха.
- Люди с медленным интернет-соединением
- Те, у кого есть ситуационные ограничения, такие как те, которые получают доступ к вашему сайту в яркой области или в среде, где они не могут слышать звук сайта
- Люди с когнитивными проблемами, такими как дислексия, которые влияют на способность человека читать письменный контент
Прежде чем продолжить, возьмем, к примеру, Blinkee.com:
Между небольшим фонтаном и мерцающими огнями есть много посетителей сайта, которым будет трудно читать контент, перемещаться по сайту или иметь возможность сосредоточиться на чем-то важном в течение более нескольких секунд.
Доступность веб-сайта гораздо важнее, чем многие хотят признать.
Но почему вы должны заботиться о доступности WordPress?
Может быть, вы думаете, что ваш сайт WordPress совсем не похож на Blinkee.com. И хотя это хорошо, вам все еще не ясно.
Вот некоторые из наиболее веских причин для беспокойства о доступности сайта:
- Люди с ограниченными возможностями в три раза реже выходят в интернет, чем те, у кого нет, что означает, что они упускают прекрасные возможности конвертировать большую долю потенциальных клиентов.
- Google и другие крупные поисковые системы поощряют сайты, к которым можно получить доступ, подняв их рейтинг в рейтинге поиска.
- Тысячи дел о доступности веб-сайтов были поданы с момента первого наблюдения за этими типами дел в 2015 году, что означает, что ваш сайт может быть подвергнут риску судебного иска
Как видите, независимо от того, какой у вас сайт, вы можете потерять много, отчуждая часть своей целевой аудитории.
Советы, чтобы сделать ваш сайт более доступным
1. Проверьте доступность вашего сайта WordPress.
Прежде чем начать вносить изменения в свой сайт, чтобы сделать его более доступным, лучше узнать, насколько он сейчас доступен.
Это легко сделать с помощью такого инструмента, как инструмент оценки доступности Web (WAVE). С его помощью вы можете оценить доступность вашего сайта, просто введя URL вашего сайта.
После оценки WAVE отобразит различные цветные значки, представляющие разделы вашего сайта, которые в порядке, нуждаются в улучшении или являются фактическими ошибками. Нажав на значок, вы получите подробное описание того, что необходимо исправить.
2. Тщательно подбирайте цветовые схемы
Один из лучших способов маркировать свой сайт и отделить себя от конкурентов – это использовать определенную цветовую схему. Но если посетители сайта, заходящие на ваш сайт, страдают дальтонизмом или имеют ограниченное зрение, они не смогут наслаждаться цветами вашего сайта так, как должны.
Возьмем, к примеру, этот простой пример цветового контраста:
Довольно сложно увидеть текст, написанный на первом изображении, верно? И у вас может даже не быть инвалидности, которая влияет на то, как вы смотрите на это изображение.
А теперь представьте, что вы один из 300 миллионов людей в мире, страдающих дальтонизмом. Или вы один из 2,2 миллиарда людей во всем мире с нарушениями зрения или слепоты.
В дополнение к рассмотрению их контрастных цветовых схем, также важно избегать использования противоречивых цветовых схем, как это делает обложка альбома. Тот факт, что контраст не такой, не означает, что цвета хорошо сочетаются.
Чтобы помочь сбалансировать цвета вашего сайта WordPress, воспользуйтесь бесплатным онлайн-инструментом под названием Contrast Checker.
Просто выберите цвет переднего плана и фон и позвольте инструменту определить, правильно ли сбалансированы цвета или нет. Если нет, инструмент сообщит вам:
3. Используйте плагин доступности WordPress
Если вы хотите, чтобы все было проще для себя, вы всегда можете использовать специальный плагин доступности WordPress, чтобы оценить свой сайт и убедиться, что он доступен для всех.
Одним из таких плагинов является WP Accessibility. Этот плагин поможет вам определить общие проблемы с доступностью в темах WordPress и исправить их, чтобы улучшить удобство использования вашего сайта.
Некоторые из его особенностей включают в себя:
- Удаление целевого атрибута из ссылок
- Устранение атрибутов заголовка изображений, вставленных в контент.
- Добавление заголовков публикаций к стандартным ссылкам «читать дальше»
- Добавление тегов в стандартные поля формы WordPress, если они отсутствуют
- Удаление tabindex из элементов, которые могут быть сфокусированы
- Показать цветовой контраст между двумя шестнадцатеричными значениями кода
- И многое другое
Кроме того, WP Accessibility добавит панель инструментов для переключения между высококонтрастным, крупным шрифтом и оттенками серого, добавит атрибуты alt ко всем изображениям и даже добавит атрибуты текста и направления текста в атрибуты HTML.
4. Используйте готовую и доступную тему
Если вы хотите избежать необходимости исправления проблем с доступностью с нуля, вам следует использовать готовую к использованию тему WordPress.
Конечно, иногда это легче сказать, чем сделать. При этом, если вы просматриваете официальный репозиторий WordPress, вы можете столкнуться с некоторыми классными темами (), которые используют доступный дизайн. Все, что вам нужно сделать, это использовать Функциональный фильтр и искать темы, помеченные как готовые к доступу.
Не волнуйтесь. Надежные рынки тем, такие как ThemeForest, имеют похожий фильтр функций, который вы можете использовать, чтобы убедиться, что ваша тема WordPress доступна.
Если вы выберете доступную тему для своего сайта WordPress, ваш сайт будет готов для всех пользователей с точки зрения навигации, дизайна ссылок, цветовых схем и многого другого.
5. Добавьте альтернативный текст ко всем изображениям
Добавление альтернативного текста к изображениям вашего сайта не только для повышения рейтинга в результатах поиска. Конечно, альтернативный текст в изображениях помогает поисковым системам лучше понять ваш веб-сайт и помогает вам ранжироваться в наиболее релевантных результатах поиска.
Но добавление альтернативного текста к вашим изображениям также поможет людям с ограниченными возможностями лучше работать на вашем сайте. Фактически, альтернативный текст, который вы добавляете к своим изображениям, позволяет людям с ограниченными возможностями «читать» их изображения с помощью программы чтения с экрана, которая помогает им ориентироваться в Интернете.
Итак, добавьте альтернативный текст ко всем изображениям на вашем сайте WordPress. И убедитесь, что они носят описательный характер и включают ключевые слова, чтобы программа чтения с экрана могла читать пользователей так, как это имеет смысл.
6. Сделайте ваш сайт совместимым с клавиатурой
Еще один отличный способ обслужить людей с ограниченными возможностями и сделать ваш сайт WordPress более доступным – это сделать ваш сайт совместимым с клавиатурой. Другими словами, посетители вашего сайта должны иметь возможность просматривать следующие элементы сайта:
- Пункты меню
- связи
- Кнопки
- Поля формы
Не уверены, что ваш сайт в настоящее время поддерживает клавиатуру? Чтобы проверить, все, что вам нужно сделать, это посетить их веб-сайт и посмотреть, если вы можете перемещаться без использования мыши. Вместо этого нажмите на Язык кнопку и посмотрим, что произойдет.
WordPress.org делает большую работу, чтобы сделать ваш сайт доступным для всех пользователей. Фактически, когда вы просматриваете сайт, вы увидите пунктирную линию вокруг каждого пункта меню, к которому вы переходите.
7. Отформатируйте поля формы правильно
Соблазнительно помещать метки полей формы в поля полей, чтобы ваш сайт выглядел более организованным и чистым. Однако некоторые программы чтения с экрана не могут идентифицировать и читать эти типы меток. Это затрудняет, если не делает невозможным, для тех, кто доверяет программам чтения с экрана, просматривать и заполнять поля формы на своем сайте. Это также означает потерю конверсий, которая может нанести ущерб вашему успеху.
Если вы в значительной степени полагаетесь на журналы посещений сайта, чтобы зарабатывать деньги или увеличивать число своих подписчиков, отсутствие доступа к полям формы повышает ваши шансы на отчуждение некоторых из вашей целевой аудитории. Чтобы это исправить, поместите метки полей формы вне каждого поля.
8. Обратите внимание на стиль ссылки
Хотя цвета, которые вы назначаете для гиперссылок вашего сайта, часто выбираются для целей брендинга, имейте в виду, что людям с ограниченными возможностями нужен четкий контраст, когда речь идет о гиперссылках.
Вот список полезных советов, которые сделают ссылки на ваш сайт WordPress более доступными:
- Избегайте использования слова «ссылка (и)» в своих ссылках, поскольку программы чтения с экрана сообщают пользователям, к чему ведет ссылка
- Не извлекайте выгоду из ссылок, потому что это сбивает с толку читателей экрана, которые иногда читают заглавные буквы по буквам
- Избегайте использования URL-адресов в тексте ссылки, потому что программы чтения с экрана будут читать его буквально за буквой, что усложнит для пользователей возможность следовать по нему
- Не связывайте целые блоки контента; сделать это коротким и сладким
- Оповещение пользователя, когда ссылка открывается в новом окне, чтобы они не потерялись
- Будьте осторожны при использовании слишком большого количества якорных ссылок (люди с ограниченными возможностями могут не осознавать, что перемещаются только вверх и вниз на странице, которую они уже отсканировали)
- Подчеркните связанный текст и используйте хороший, отдельный цвет для контраста
- Регулярно проверяйте наличие битых или пустых ссылок
терминатор
В конце концов, доступность WordPress важна как никогда. В наши дни люди используют интернет для всего. От оплаты счетов до общения и планирования встреч, чтобы делать покупки онлайн, почти каждый аспект жизни людей может быть обработан онлайн так или иначе.
Чтобы убедиться, что вы не отпускаете часть своей целевой аудитории, что вы максимизируете трафик вашего сайта и облегчаете людям из всех слоев общества исследовать, что он может предложить, посмотрите, насколько доступен ваш сайт. является. Если это не так, внесите некоторые быстрые и простые изменения. Это не только поможет вам увеличить число ваших подписчиков или клиентскую базу, но и правильно.
