10 плагинов WordPress, которые помогут улучшить доступность веб-сайта

Опубликовано: 2022-07-11

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

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

Вот коллекция плагинов WordPress, которые могут помочь улучшить доступность вашего сайта:

  • Скоро Плагины для WordPress
  • Плагины WordPress для управления комментариями
  • Плагины WordPress для создания контента
  • Плагины Google Map для WordPress
  • Плагины WordPress, соответствующие GDPR
  • Плагины WordPress для соблюдения правовых норм
  • Плагины WordPress для медиабиблиотеки
  • Оптимизация и скорость плагинов WordPress
  • Связанные посты Плагины WordPress
  • Плагины безопасности для WordPress
  • SEO-плагины WordPress
  • Подсветка синтаксиса Плагины WordPress
  • Плагины WordPress для интеграции с социальными сетями
  • Плагины WordPress для резервного копирования сайтов
  • Плагины WordPress для перевода веб-сайтов
  • Виджет Плагины WordPress

Доступность WP

WP Accessibility (автор Джо Долсон, у которого мы недавно брали интервью) — это многофункциональный плагин, который решает распространенные проблемы доступности.

Его самая внешняя функция — это панель инструментов с размером шрифта и цветом, которая помогает пользователям легче читать ваш контент. Но он также выполняет много закулисной работы, такой как добавление ссылок перехода к содержимому, реализация структуры ссылки :focus для лучшей навигации с помощью клавиатуры, использование longdesc для изображений и многое другое. Каждую функцию можно включить или отключить на странице настроек.

Доступность WP

Помощник по доступности WP

WP Accessibility Helper добавляет на ваш сайт удобную панель инструментов, которая позволяет пользователям выбирать различные цветовые контрасты (они могут выбирать из набора цветовых схем) и настраивать размер шрифта по своему вкусу. Но это выходит за рамки пользовательских параметров для подчеркивания или выделения ссылок, изображений в градациях серого, изменения шрифтов и навигации с помощью клавиатуры.

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

Помощник по доступности WP

Виджет специальных возможностей

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

Виджет специальных возможностей

Средство проверки доступности от Equalize Digital

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

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

Средство проверки доступности от Equalize Digital

Монитор доступа

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

Чтобы использовать Access Monitor, вам необходимо получить бесплатный ключ API от службы Tenon.io.

Монитор доступа

Зенон Изменение размера шрифта

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

Плагин позволяет пользователям изменять размер текста по своему вкусу с помощью виджета (изменение размера также можно реализовать с помощью фрагмента кода в вашей теме). Вы можете установить минимальный и максимальный размеры шрифта, а также величину изменения размера для каждого «шага» вверх или вниз по шкале.

Зенон Изменение размера шрифта

Доступность в один клик

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

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

Доступность в один клик

Массовый автоматический замещающий текст изображения

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

Один из способов решить эту проблему — использовать такой плагин, как Bulk Auto Image Alt Text. Плагин будет использовать такие элементы, как заголовки сообщений или ключевые слова фокуса Yoast SEO на изображениях, для которых еще не установлен атрибут ALT. Он работает автоматически, поэтому вам не нужно самостоятельно просматривать каждый бит мультимедиа.

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

Массовая автоматическая оптимизация альтернативного текста изображения (тег Alt, атрибут Alt) (SEO изображения) + WooCommerce

Базовая проверка соответствия WP ADA

WP ADA Compliance Check Basic автоматически просканирует содержимое вашего сайта на наличие наиболее распространенных ошибок доступности. Затем он предоставляет вам отчет, в котором указываются потенциальные проблемы и способы их устранения.

Бесплатная версия плагина ограничена 25 страницами/сообщениями за сканирование. Обновите плагин до полной версии, чтобы снять это ограничение. Кроме того, он дополнительно проверит файлы тем и автоматически исправит проблемы.

Базовая проверка соответствия WP ADA

Специальные возможности Предупреждения о новом окне

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

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

Специальные возможности Предупреждения о новом окне

Не оставляйте без внимания ни одного пользователя

Последние несколько лет принесли большое осознание важности создания доступного веб-сайта. Хотя процесс обеспечения того, чтобы вы рассмотрели все свои базы, требует времени, он стоит дополнительных усилий. Использование описанных выше инструментов — отличный способ добавить функции (видимые или нет), которые помогут каждому пользователю получить максимальную отдачу от вашего сайта WordPress.