(Последнее обновление: 28.11.2019)

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

Например, можно использовать плагин For the visually impaired, Button visually impaired, Мибок. Доступность контента на сайте WordPress станет проще!

Как сделать сайт доступным для незрячих и слабовидящих?

Создание версии сайта для слабовидящих

Создание версии сайта для слабовидящих — одно из требований ГОСТ Р 52872-2012 к сайтам, причем нормы ГОСТ являются обязательными для государственных организаций, согласно закону «О социальной защите инвалидов в Российской Федерации».

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

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

Панель для слабовидящих это:

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

Специальную панель для людей с ограниченными возможностями можно реализовать на любом сайте под управлением WP. Пример:

Панель комфортного чтения на сайте

Панель для слабовидящих

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

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

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

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

Плагин для слабовидящих For the visually impaired

Плагин For the visually impaired (Для слабовидящих):

WordPress плагин для слабовидящих

Панель инструментов доступности

Плагин для слабовидящих включает:

  • Включение и отключения показа изображений(картинок), при отключении - показывается тайтл или алт изображения, режим "черно-белых" изображений;
  • Выбирать шрифт (2 режима) (Arial, Times New Roman);
  • Изменять размер шрифта (5 режимов) (14px, 16px, 18px, 22px, 26px);
  • Изменить межстрочный интервал;
  • Изменять интервал между символами;
  • Изменять фона страницы (5 режимов) (Черным по белому, Белым по черному, Темно-синим по голубому, Коричневым по бежевому, Зеленым по темно-коричневому);
  • Добавлять кнопку в виджетах;
  • Добавить кнопку в меню;
  • Добавлять шорт код [FTVI]
  • Доступны языки: русский, англ.;

После установки и активации plagina нужно перейти к его настройкам:

Версия сайта для слабовидящих

Страница настроек плагина доступности WordPress

После этого, добавьте кнопку в меню или например, установите виджет на боковую панель веб-сайта ВордПресс:

Плагин простенький, молодой, но перспективный!

Виджет For the visually impaired

А так выглядит панелька при переходе в режим для слабовидящих. Пользователь сможет настроить удобный режим для просмотра сайта:

Панель на странице сайта

Появилась панелька при переходе в режим для слабовидящих

Идём дальше.

Button visually impaired

Кнопка со слабым зрением

Бесплатная версия плагина для слабовидящих

Кнопка для слабовидящих включает:

  • Включение/Отключение изображений (оттенка серого);
  • Включение/Отключение изображений (в место изображения появится alt надпись);
  • Изменить размера шрифта (до 200%);
  • Изменение фона страницы (черным по белому, белым по черному, темно-синим по голубому, коричневым по бежевому, зеленым по темно-коричневому);
  • Изменение гарнитуры (без засечек, с засечками);
  • Настроить интервал между буквами: (стандартный, средний, большой);
  • Настройка интервала между строками: (одинарный, полуторный, двойной);
  • Включить/Отключить фиксации панели в верхней части страницы;
  • Включение/Отключение перезагрузки страницы (переход на обычную версию блога);
  • Вкл./Откл. плавающего фрейма;
  • Синтез речи панели;
  • Поддержка браузеров (Chrome, Firefox, Safari, Internet Explorer(v: 11, 10, 9), Microsoft Edge, Opera и т.д.).

Установили из админки и активировали. Затем можно его включить и настроить:

Создание версии сайта WordPress для слабовидящих

Настройки панели при включении версии сайта для слабовидящих

И следующий шаг, это - добавить кнопку для слабовидящих в виджете или воспользуйтесь шорткодом [bvi text="Версия для слабовидящих"] или [bvi]. Панель будет смотреться вот так при нажатой кнопке:

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

Панель плагина Button visually impaired

Если по каким то причинам вам не подходят данные plaginy воспользуйтесь спецмодулем.

Модуль Мибок: Версия для слабовидящих

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

Мибок: Решение позволяет генерировать версию сайта для слабовидящих на основе существующих шаблонов вашего сайта

Плагин подходит для использования: сайты государственных организаций,новостные ресурсы,информационные порталы, интернет-магазины, блоги. Модуль предоставляется для WordPress абсолютно бесплатно. Скачайте плагин с сайта - https://slabovid.ru/get/.

Установка модуля «Мибок: Версия для слабовидящих» на сайт WP:

  1. Перейдите на страницу "Плагины" → Добавить новый;
  2. Нажмите на кнопку "Загрузить плагин";
  3. Выберете ранее загруженный zip-архив модуля;
  4. Нажмите на кнопку "Установить";
  5. Нажмите на кнопку "Активировать плагин".
Настройки отображения виджета. Плагин позволяет отображать ссылку на версию для слабовидящих в виджете:
  • Перейдите на страницу "Внешний вид" → "Виджеты";
  • Найдите в списке виджет "Мибок: Версия для слабовидящих" и выберите область, в которой должна отображаться ссылка.
Плагин мибок добавляет виджет на WordPress

Добавляем виджет на боковую панель

В области виджетов можно отредактировать название блока. А так будет выглядеть панель:

Панель на сайте для слабовидящих

Версия сайта для слабовидящих с панелью

И ещё. Если вам не достаточно плагинов, то вы также можете в поиск по плагинам вставить ключевое слово Accessibility (Доступность)- https://ru.wordpress.org/plugins/tags/accessibility/. И выбирайте из 453 модулей, что душа пожелает. Ориентируйтесь, конечно, когда обновлялся плагин:

Плагины помогут сделать ваш сайт более доступным

Результаты поиска по плагинам

Плагины Accessibility добавляют ряд полезных функций специальных возможностей с минимальной настройкой и без необходимости экспертных знаний. Они повышают доступность любого веб-ресурса с помощью панели инструментов спец-возможностей.

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

В заключение

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

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

Удачи и до новых встреч, друзья!