23 сентября 2019 JavaScript jQuery
Сегодня я расскажу как можно легко и совершенно бесплатно создать версию для слабовидящих практически для любого сайта. Это решение подойдет и для сайтов государственных организаций, так как полностью соответствует ГОСТ.
Наша версия сайта для слабовидящих будет с удобным меню и уметь изменять размер шрифта, межстрочный и межбуквенный интервалы, отключать изображения и делать их черно-белыми, изменять фон страницы и даже озвучивать текст с помощью синтеза речи.
Все это возможно благодаря бесплатному плагину Button visually impaired за что огромное спасибо разработчикам за такой классный плагин!
Как сделать версию для слабовидящих на сайте с помощью плагина jQuery
Этот вариант подойдёт для любого сайта. Идем на сайт Button visually impaired и скачиваем файлы плагина по прямой ссылке или из репозитория на GitHub.
Копируем содержимое папки dist к себе на сайт.
Подключаем файлы стилей плагина как обычно между тегами
И файлы JS скриптов перед закрывающим тегом
Не поверите, но это практически все! Осталось только разместить кнопку для включения в любом месте сайта. И можно проверять работу плагина.
Версия сайта для слабовидящих
При включении получаем следующий результат.
Версия для слабовидящих WordPress
Тут ещё проще! Устанавливаем плагин.
И размещаем кнопку включения в любом месте сайта с помощью шорткода [bvi text="Версия для слабовидящих"] или [bvi]
Озвучивание текста
При включении плагина выбранные опции озвучиваются используя синтез речи. Но это ещё не все. Вы можете озвучить любой текст сайта с помощью голосового помощника. Для этого задайте у тега с текстом класс bvi-voice
Текст который нужно озвучить
