Плагин WordPress для слабовидящих: сделай свой блог более универсальным за 5 минут

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

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

Плагин Button visually impaired

Искал Button visually impaired минут десять, хотелось дать лучшее решение.

Установка и настройка

Устанавливается стандартно, можно с помощью поиска по плагинам в админке WordPress.

Плагин в поиске

Устанавливаем и активируем, появится новый раздел в панели под названием bvi v1.0.8 (версия может отличаться). Заходим и видим не большой список настроек.

Включение настроек
  1. Где находятся настройки
  2. Чтобы запустить действие включаем
  3. Настраиваем все параметры, которые должны вступить сразу после того, как человек нажмет на кнопку для активации режима для слабовидящих.

Внизу нажимаем Сохранить или сбросить.

Сохранение изменений в Button visually impaired

Плагин настроили под свой вкус, теперь надо его вставить в необходимое место. Можно использовать два метода это:

С помощью шорткода

Плагин имеет единственный шорткод, который можно вставить в WordPress, например в статью или виджет. Давайте выведем его в сайдбаре.

[bvi text="Версия для слабовидящих"]
Шорткод
  • Переходим Внешний вид > Виджеты
  • Перетаскиваем элемент Текст в активную зону боковой колонки
  • Вставляем шорт код и сохраняем

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

Кнопка для слабовидящих в сайдбаре

Нажимаем на нее, и видим как сверху появилось меню для настройки.

Панель плагина в статьях

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

  1. Увеличение шрифтов
  2. Изменить цвет фона текста
  3. Управление контрастом изображений
  4. Голосовой помощник

Для лучшего пониманию материала приложу видео.

Виджет от плагина

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

Виджет от Button visually impaired

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

С помощью кода

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

Поэтому используем PHP код, который позволяет обработать и вывести действие shortcode на экран, вот так он выглядит.

<?php echo do_shortcode( '[bvi text="Версия для слабовидящих"]' ); ?>

Хочу вывести под заголовком статьи, придется покопаться в файлах темы и найти искомый документ. Универсальной инструкции не дам, потому что темы разные, обычно это single.php но в Twenty Sixteen представлен как content-single.php. Нашел место, вставляю код и сохраняю.

PHP функция для вставки в шаблон

Переходим в любую запись и смотрим, появилась ли кнопка под заголовком.

Запуск версии после заголовка

Да отлично, плагин CMS WordPress для людей с ограниченным зрением работает. Что мне особенно понравилось:

  • Полностью на русском языке
  • Голосовой помощник так же разговаривает по–русски
  • Не плохой дизайн
  • Быстро загружается
  • Не делает перезагрузку страницы

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

Остальные бесплатные плагины для слабовидящих под WordPress

Список дополнений для слабовидящих не ограничен только Button visually impaired, приведу остальные варианты:

  1. For the visually impaired, достойный бесплатный вариант, но более сложен в настройке. Зато имеет функцию, чтобы вставить ссылку в меню
  2. Responsivevoice text to speech, удобное решения для совсем слепых людей, текст автоматически преобразуется в звук
  3. Accessibility spring, не поддерживает русский язык, и не обновлялся целый год, но имеет право на существование. Понравился минимальный набор функций

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

ГОСТ и законодательство

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

На этом закончу, в статье мы разобрали супер плагин WordPress для создания версии сайта для слабовидящих, успехов!

Пожалуйста, оцените материал:

Давно занимаюсь и разрабатываю сайты на Wordpress. Считаю что лучшего решения для ведения бизнеса не найти, поэтому считаю долгом делиться информацией с остальными.
Получай полезные материалы удобным способом!
Комментарии:
  1. Плагин Button visually impaired не работает для мобильных устройств или может я что-то не так делаю?

  2. Всё, решено)) Работает на мобильном тоже несмотря на то, что уже больше года не обновляется(( Но лучшего решения пока не нашла)

  3. Благодарю Валентин! Для слабовидящих плагин установил, через код в страничку добавил, всё чётко!

Добавить комментарий