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

Адаптация сайта для слабовидящих

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

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

Плагин Button visually impaired

Дополнение Button visually impaired прекрасно справляется с этой задачей, предлагая необходимый функционал для удобного просмотра сайта людям с ограниченным зрением. Так, среди его основных возможностей:

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

После установки и активации плагина, в админ-панели появится раздел меню bvi v1.0.6, при переходе по которому Вы попадете на страницу настроек.

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

По умолчанию в виджете фон кнопки – красный, а цвет текста кнопки иконки – белый цвет css. Это можно изменить, перейдя в админ-панели Внешний вид -> Виджеты. Кроме того, виджет можно установить в любую область с виджетами (зависит от выбранной Вами темы сайта).

Теперь давайте проверим работу плагина на сайте. После нажатия кнопки Версия для слабовидящих, в самом верху экрана покажется панель настроек отображения сайта.

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

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