Как сделать версию сайта для слабовидящих на WordPress?

Здравствуйте, дорогие читатели!

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

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

В каких случаях используется плагин?

Создание версии для слабовидящих людей на WordPress нужна в том случае, когда этого требует гост. А он затрагивает лишь государственные и муниципальные организации. Найти подробную информацию об этом госте можно по номеру: ГОСТ Р 52872-2007.

В некоторых случаях создание версии для слабовидящих на Wordpress является личным желанием заказчика или разработчика сайта. В любом из вышеперечисленных случаев вам будет удобно воспользоваться плагином Comfortable Reading и его премиум версией. О преимуществах и недостатках обоих вариантов мы поговорим дальше.

Бесплатная демо-версия Comfortable Reading

Когда возникает вопрос о создании версии для слабовидящих на WordPress бесплатно, то лучшим вариантом для вас станет плагин Comfortable Reading. Это демо-версия, которая создает копию вашего сайта с увеличенными шрифтами и изменённой цветовой схемой для посетителей с плохим зрением. Демо-версия плагина позволяет пользователю менять цвет сайта и размеры шрифтов.

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

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

так выглядит версия для слабовидящих на сайте

Преимущества Comfortable Reading:

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

Из недостатков могу отметит следующие:

  • Не со всеми темами адекватно работает.
  • Не красивое изначальное оформление кнопки переключения в версию для слабовидящих. Нужно настраивать под свою тему.

У меня на сайте она изначально выглядела так:

vs1

Для того чтобы сделать вашу кнопку переключения более привлекательной добавьте в самом конце файла style.css вашей темы следующий css код:

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

after-btn

Возможности Comfortable Reading Premium

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

Это улучшенное расширение премиум класса для Comfortable Reading, в которое входит намного больше возможностей. Единственным минусом этого варианта является то, что он платный, но стоит заметить, что стоимость расширение не особо высокая. На сегодняшний день она составляет 700 руб.

Преимущества Comfortable Reading Premium:

  • Можно выбрать шрифт Браиля.
  • Можно самостоятельно выбирать тип шрифта (с засечками или без них).
  • По желанию можно добавлять кнопку в меню, которая будет оповещать посетителей о наличии версии для людей с плохим зрением.
  • Больше вариантов цветовых схем.
  • Устранены проблемы с отображением элементов before и after.
  • Панель управления версией для людей с плохим зрением располагается выше панели администратора.
  • Устранены конфликты, возникающие при взаимодействии с другими плагинами.
  • Можно самостоятельно настраивать межстрочный и межбуквенный интервал.
  • В наличии виджет, который устанавливает кнопку в виде картинки.
  • В наличии функция отключения и включения изображений. Такая функция вам особенно понадобится, если вы придерживаетесь госта.
  • Исправлены проблемы с боковой панелью, которая время от времени выходила из строя.
  • Исправлена проблема возникновения пустого пространства при активированном плагине в сайдбаре.
  • Больше не нужно нажимать два раза на кнопку, чтобы вернуться к обычной версии.
  • Премиум-статус плагина полностью обновляем и практически не вызывает никаких неполадок.

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

Устанавливается данный плагин аналогично остальным.

В административной части сайта переходим в «Плагины» => «Добавить новый» => в строку поиска вводим название плагина и нажимаем «Установить» а потом «Активировать плагин»

установка Comfortable Reading Premium

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

описание Comfortable Reading Premium

Для того чтобы добавить на сайт кнопку переключения в этот режим нужно:

  1. 1.Перейти в меню «Внешний вид» => «Виджеты».
  2. 2.Находим виджет «Comfortable Reading» и перетаскиваем его в область виджетов сайдбара или футера. Туда где бы вы хотели видеть кнопку переключения режимов.
  3. vs4
  4. 3.Задаём текст, который будет написан на этой кнопке. По умолчанию «Версия для слабовидящих»
  5. 4.Нажимаем на кнопку «Сохранить»

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

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

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

С уважением Юлия Гусарь

Читайте также:

Подписаться на рассылку

8 комментариев

  1. Решила я проверить работу этого плагина… (себе на голову). Включила версию для слабовидящих. Теперь ломаю голову как мне её отключить?* Не сам плагин. а вернуться к отображению на моем компьютере нормальной версии?

    • Здравствуйте, Светлана!
      Судя по всему Вы зашли в админ панель WordPress и при тестировании плагина у Вас вверху сайта отображается админ бар WordPress. Попробуйте выйти из админки WordPress и обновить страницу, на которой Вы тестировали плагин или откройте сайт в другом браузере.
      Суть в том что админ бар WordPress может перекрывать панель плагина и Вы можете не видеть кнопку возврата в обычную версию.
      В идеале должно быть так: http://prntscr.com/ccuowx

  2. Что-то  не понятно где это менять ?

    #cr_version_link{

    color:#000!important; /*цвет шрифта*/

    background:#FFDC4C!important; /* цвет фона*/

    width:230px!important; /*ширина кнопки*/

     

    }

    • Этот код нужно дописать в файл стилей Вашей темы, который находится по адрему: ваш_домен/wp-content/themes/ваша_тема/style.css
      Или через встроенный редактор WordPress.
      Меню «Внешний вид» — «Редактор» — далее находим там справа файл стилей style.css выбираем его и в самом конце вставляем данный код.
      Не забудьте сделать резервную копию данного файла на всякий случай!

    • Спасибо за ссылки! Нужно будет потестировать эти плагины.

    • Отличные плагины, главное бесплатные. Comfortable Reading за деньги, а не умеет делать черно-белые изображения.

  3. Еще есть для wordPress и Joomla  бесплатный модуль https://slabovid.ru/install/ , там есть подробная инструкция по установке.Для системы bitrix этот модуль платный, но там есть тех.поддержка, которая поможет с установкой

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif