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

Есть ли у вашего сайта WordPress проблемы с доступностью? По данным некоммерческой организации WebAIM, только один из 50 веб-сайтов полностью доступен; большинство веб-сайтов не обеспечивают положительного опыта для посетителей с ограниченными возможностями. Чтобы все посетители, включая людей с ограниченными возможностями, могли легко пользоваться вашим сайтом WordPress, вам необходимо сделать его более доступным.

1. Создайте описательный анкорный текст

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

2. Используйте контрастные цвета для текста

Чтобы сделать ваш сайт WordPress более доступным, используйте контрастные цвета. В Руководстве по доступности веб-контента (WGAC) указано, что текстовый контент должен иметь коэффициент контрастности 4,5: 1 или выше по отношению к фону. Контрастные цвета — это те, которые находятся на противоположных сторонах цветового круга. Они не сливаются друг с другом. Скорее, контрастные цвета визуально различны и различны. При создании бренда для вашего веб-сайта также важно учитывать, как контракт будет выглядеть и применяться к вашему веб-сайту WordPress.

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

Для WordPress доступны специальные плагины. WP accessibility — популярный плагин доступности. Вы можете скачать его, посетив wordpress.org/plugins/wp-accessibility. Другие плагины доступности включают One Click Accessibility и WP Accessibility Helper (WAH). После установки они предоставят инструменты и рекомендации, чтобы сделать ваш сайт WordPress более доступным.

4. Добавьте теги замещающего текста к изображениям

Не забудьте добавить теги альтернативного текста к изображениям. Некоторые посетители могут не видеть изображения. Чтобы определить, что изображено на изображении, им придется использовать программу чтения с экрана. Программа чтения с экрана проанализирует и прочитает тег альтернативного текста изображения вслух. Без тега альтернативного текста — или с нерелевантным или вводящим в заблуждение альтернативным текстом — ваш веб-сайт WordPress будет страдать от плохого юзабилити.

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

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

Вы можете переключиться на другую тему. Некоторые темы разработаны с упором на доступность. Известные как темы с поддержкой специальных возможностей, они соответствуют стандартам доступности, установленным WordPress. Чтобы найти тему с поддержкой специальных возможностей, перейдите в репозиторий тем и нажмите «Фильтр функций» вверху. Выбор «Готово к специальным возможностям» в качестве параметра фильтра позволит вам искать темы, готовые к специальным возможностям.

6. Не устанавливайте ссылки для открытия в новой вкладке

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

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

7. Организуйте контент с помощью заголовков

Для большей доступности используйте заголовки для организации контента. Язык гипертекстовой разметки (HTML) поддерживает иерархические заголовки. Есть полдюжины заголовков HTML, начиная с H1 и заканчивая H6. Вы можете использовать их для организации содержимого вашего сайта. Дайте каждой странице один заголовок H1. Затем поместите заголовки H2 над соответствующими разделами контента. Затем вы можете разместить заголовки H3 под заголовками H2 и так далее.

8. Выберите удобный для чтения тип шрифта

Тип шрифта, который использует ваш сайт WordPress, повлияет на его доступность. Некоторые типы шрифтов труднее читать, чем другие. Курсивные шрифты с замысловатым оформлением, например, труднее читать, чем рукописные шрифты с простыми и четкими линиями. Некоторые из наиболее доступных и легко читаемых типов шрифтов включают Arial, Verdana, Calibri и Times New Roman. Если вы нерешительны, вы не ошибетесь, выбрав один из этих типов шрифтов.

9. Включите подписи к видеоконтенту

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

YouTube позволяет легко добавлять подписи. Если вы размещаете видео своего веб-сайта WordPress на YouTube, войдите в YouTube Studio, чтобы добавить к ним подписи. Просто нажмите ссылку «Субтитры» в меню левой боковой панели и выберите видео, которое вы хотите обновить с субтитрами. Затем вы можете создавать подписи вручную, вводя их, или вы можете выбрать опцию автоматического перевода. Хотя вариант автоматического перевода проще, он часто изобилует ошибками.

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

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

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

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

Интересная статья по теме: Как выбрать лучший плагин для вашего сайта WordPress.