Как в вордпресс сделать версию для слабовидящих

Плагин для слабовидящих WordPress. Версия сайта для слабовидящих

Здравствуйте, дамы и господа! Как сделать сайт 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 (Для слабовидящих):

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

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

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

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

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

Button visually impaired

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

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

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

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

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

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

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

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

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

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

1. Перейдите на страницу «Плагины» → Добавить новый;
2. Нажмите на кнопку «Загрузить плагин»;
3. Выберете ранее загруженный zip-архив модуля;
4. Нажмите на кнопку «Установить»;
5. Нажмите на кнопку «Активировать плагин».

• Перейдите на страницу «Внешний вид» → «Виджеты»;
• Найдите в списке виджет «Мибок: Версия для слабовидящих» и выберите область, в которой должна отображаться ссылка.

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

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

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

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

В заключение

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

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

Делаем сайты для слабовидящих на WordPress

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

Правда речь идет только обо всех государственных учреждениях и образовательных организациях (этот закон начал работать с первого числа 2016 года). Остальным коммерческим предприятиям и организациям – создание версии для слабозрящих только рекомендовано.

Что же данное решение даст людям с неудовлетворительным зрением и администраторам сайтов? Для гостей с ограниченными возможностями – более доступное восприятие информации. Администраторы сайтов в свою очередь тоже выигрывают, ведь привлекут на страницы своего сайта аудиторию, которая раньше не охватывалась. Заметим, что госучреждения и муниципальные организации, которые проигнорируют разработку сайтов с альтернативной версией для слабовидящих, понесут ответственность (речь идет о штрафах).

Общее количество требований и инструкций при разработке сайта для слабозрячих

К версии для слабовидящих людей, которые отражены в ГОСТе Р52872-2012, можно насчитать более 150 пунктов-требований, которые охватывают параметры показа информации для слабозрячих (от стандарта установка ссылок до предоставления защиты). В общем можно выделить следующие главные моменты:

1. Интернет-ресурсы подразделяются на три типа (или версии) по уровню их доступности для слабозрячих :А – минимальная, АА – нормальная, ААА – максимальная (такая площадка будет считаться наиболее подходящей для людей с недостаточно хорошим зрением);
2. Управляемость, воспринимаемость, понятность – сайт для слабозрячих должен в идеале подходить под эти критерии;
3. Фреймы использовать запрещено;
4. Каждая картинка или видео должна иметь пояснения в виде текста, который отображает содержание;
5. Цветовая палитра должна быть контрастной.

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

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

Comfortable Reading Premium – плагин WordPress для слабовидящих

Данный плагин является продвинутой версией бесплатного Comfortable Reading. О достоинствах WordPress решения вы можете судить сами:

• можно выбрать шрифт Брайля;
• можно настроить межбуквенный и межстрочный интервал;
• выбор типа шрифта;
• виджет Вордпресс, позволяющий сделать кнопку-картинку;
• можно добавлять кнопки в меню;
• добавлено включение/выключение изображений, что необходимо по ГОСТу;
• есть две цветовые схемы – коричневая с бежевым и зеленая с темно-коричневым;
• панель управления плагином теперь расположена поверх админ панели;
• в последних версиях были исправлены проблемы несовместимости с некоторыми плагинами.

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

Button visually impaired Pro – плагин WordPress для создания сайта для слабовидящих
Данный плагин предоставляет следующие возможности:

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

Плагин WordPress платный, но существует его демо-версия, которая способна включать/отключать изображения, менять размер шрифта, менять строчный и межстрочный интервалы, добавлять кнопку в виджетах. Поддерживает большинство современных браузеров, среди которых Chrome, Opera, Safari, Firefox. Платная версия работает по ГОСТ Р 52872-2012. Более подробно по ссылке.

WordPress

Button visually impaired поддерживает последние стабильные выпуски всех основных браузеров и платформ. Альтернативные браузеры, использующие последнюю версию WebKit.

Браузер	Версия
Chrome	>= 45
Firefox	>= 38
Edge	>= 12
iOS	>= 9
Safari	>= 9
Android	>= 4.4
Opera	>= 30

Скрыть элемент

Класс .bvi-hide скрывает текст, когда пользователь включит версию вашего сайта для слабовидящих.

Показать элемент

Отключить div блок стилей

Класс .bvi-no-styles , когда пользователь включит версию вашего сайта для слабовидящих, стили блока останутся без изменений.

Синтез речи

Класс .bvi-speech озвучит вслух текст, выбранный вариант будет использован, когда пользователь включит версию вашего сайта для слабовидящих.

Поддерживаемые браузеры Web Speech API. Максимальная длина текста для воспроизведения является 32,767 символа.