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

Бесплатный виджет
предназначен для создания версии сайта
пригодного для использования слабовидящими гражданами.
Версия сайта для слабовидящих
Версия сайта для слабовидящих Версия сайта для слабовидящих Версия сайта для слабовидящих Версия сайта для слабовидящих Версия сайта для слабовидящих

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

    Особенности скрипта:
  • Бесплатный
  • Подходит к любому сайту
  • Простая установка
  • Изменение размера шрифта
  • Изменение интервала между символами
  • Отключение/включение изображений
  • Изменение фона и контраста
  • Голосовое озвучивание текста
  • Пример работы скрипта доступен на этом сайте.

Установка кода на сайт

Код для вставки в секцию head:

Код кнопки разместить в любом месте html-страницы:

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

1000

Комментарии (63)

Сергей

Спасибо, сделал

Сергей

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

Админ

Замените картинку из кода кнопки:

https://lidrekon.ru/images/special.png

на свою картинку, допустим:

https://domadoktor.ru/templates/newdomadoktor/images/spec.jpg
Павел

Сбиваются настройки при переходе между страницами и периодически не изменяются настройки при открытии панели + отваливается "Включить/выключить изображения".Пробовали менять местоположение, становилось только хуже. Сайт https://chti.ru/

Админ

Попробуйте удалить в исходном коде вашего сайта скрипт:

<script src="/content/themes/default/js/jquery.js"></script>
Сергей

День добрый! Прекрасная разработка, спасибо! Но есть одна проблема. Сайт написан в кодировке windows-1251. Ваша кодировка utf-8. Если меняю кодировку на Вашу, то сайт не читается. Решение есть?

Спасибо!

Админ

Здравствуйте, скачайте весь скрипт и перекодируйте в нужную кодировку.

Алексей

Здравствуйте! Подскажите! Хотел вместо вашего css использовать свой, так как необходимо переделать внешний вид под свой сайт. Но столкнулся с тем, что вместо иконок отображаются квадратики! Как сделать отображение иконок?

Админ

Здравствуйте, загрузка иконок идет через css.

Павел

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

Павел

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

Админ

Здравствуйте, в скрипте найти fadeIn(1e3) и заменить fadeIn(1e0).

Любовь

Добрый день! Подскажите, пожалуйста, возможно ли установить версию для слабовидящих на нашем сайте http://www.mucbsprokopregion.ru/ . Сайт сделан в программе Web Page Maker.

Админ

Здравствуйте, у вас кодировка сайта не та. Работать нормально не будет.

maxx

Спасибо, отлично работает на сайте vue.js + vuetify

Сэм

Есть 3 вопроса: 1.Где можно посмотреть пример работы/демо?!.

2. Можно ли этвставить код через Тэг мэнеджер?!

3. Работает ли ваш код в мобильных версиях?

Зарание благодарен за ответ Сэм.

Админ

Здравствуйте, отвечаю:

1. Примеры где работает скрипт: https://www.zlatcbs.ru, https://lidrekon.ru, http://mnpcbt.ru/, https://forshtadt.ru/, https://www.votkinsk-doktor.ru/, http://zelenlib.ru и т.д.

2.Каждый сайт индивидуален и требует особый поход. Пробуйте сами или на admin@lidrekon.ru попробую помочь.

3. Да, скрипт подстраивается под размер экрана.

Олег

При установке на сайт (тоже Drupal) перестали работать все страницы, где включены комментарии - просто белый экран.

Олег

Всё, ошибка нашлась. Всё портил друпаловский модуль Comment goodness. После его отключения всё заработало нормально.

Tibedox

Возникла проблем с этим скриптом: сайт при каждом удобном случае норовит перескочить в версию для слабовидящих. Например, захожу в админку (сайт на Drupal 7), правлю какую-нибудь любую страничку, сохраняю и сразу переключается на версию для слабовидящих.

terd

как быть с гугл сайтами? заранее спасибо

Админ

Ни как. Сделайте свой собственный сайт на бесплатном движке.

Ольга

Класс!!! Спасибо!! На сайте ucoz работает, но с добавлением кнопки (код ниже в комментариях админа)

Наталья

http://rodina-club.ru не получается, помогите, пожалуйста!!!

Админ

Здравствуйте, этот код:

<script src="https://lidrekon.ru/slep/js/jquery.js"></script>

<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>

необходимо добавить у вас на сайте в секцию <head> выше вашего кода:

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

иначе будет конфликт скриптов и пустой экран.

Код кнопки добавляйте куда хотите, настроив под ваш дизайн.

Наталья

Покажите, пожалуйста, наглядно. Спасибо большое

Админ

Как я понимаю опыта по работе с html разметкой у вас нету, поэтому могу только предложить вам обратиться к кому-нибудь, чтоб вам все сделал или вы можете предоставить мне доступ к сайту по ftp и я за небольшую плату, если это конечно возможно установлю код скрипта. E-mail для связи admin@lidrekon.ru

Александр

Добрый день.

Будет ли работать Ваш скрипт на HTML сайте?

Админ

Да, будет.

Аня

Добрый день! 12.06.19 писали вам с обращением. Очень срочно нужна версия для слабовидящих. Не получается установить на WIX. Ответьте пожалуйста вы можете помочь?

Админ

Попробовал вставить html код на платформе wix. Ни чего не получилось. Html код вставляется через iframe, и не может нормально работать на сайте.

Другие сторонние версии для слабовидящих, также не будут работать на wix платформе.

Ознакомьтесь с официальной информацией, что пишет wix о версии для слабовидящих, может поможет https://support.wix.com/ru/article/как-настроить-версию-для-слабовидящих-на-вашем-сайте

Евгений

Здравствуйте. Всё установили, единственное, что расположение кнопки практически по центру, а не справа и немного поменялся сайт. В общем всё работает. Благодарим Вас за совет.

Евгений

Здравствуйте. Не могли бы Вы наглядно показать добавление кнопки (установки всех кодов) на сайт на платформе LP. Спасибо.

Админ

Здравствуйте, вот подсказка:

image

Варвара

Здравствуйте. Где взять виджет и установить на сайт Wix? После добавления кода высвечивается только рамка с режимами

Админ

В редактировании сайта нужно найти “Добавить > Ещё > HTML код и перетащить блок для HTML кода на страницу:

image

Варвара

Сделала и что дальше

Варвара

Что именно добавлять в окно которое образовалось?

P.S. Жду ответа,тк очень нужна Ваша помощь.

Admin:

Попробовал вставить html код на платформе wix. Ни чего не получилось. Html код вставляется через iframe, и не может нормально работать на сайте.

Алексей

Как добавить данный виджет на сайт на платформе Wix. Перепробовал кучу способов, ничего не получается. Помоготе пожалуйста

Админ

В редакторе сайта выберите (+ Добавить) → Apps (Приложения) → HTML.

Выберите режим «Код HTML».

Виктория

огромное спасибо!

Сергей

Доброго времени суток, как на конструкторе Тильда поставить версию для слабовидящих?

Админ

С помощью блока «вставка html кода» (T123, категория Другое) на страницу можно добавить абсолютно любой скрипт.

Сергей

Благодарю!

Спецтех

ЩИИИКАРНО РАБОТАЕТ, СПАСИБО ОГРОМНОЕ!!!!

Гульнур

Здравствуйте! Кнопка работает, только не по русски пишет. Подскажите, пожалуйста, как исправить.

school18ufa.ru Заранее спасибо.

Админ

Здравствуйте, у вас на сайте неправильно прописана кодировка. Вам необходимо этот код:

<meta content="text/html; charset=" utf-8="" http-equiv="content-type">

заменить на этот:

<meta content="text/html; charset=utf-8" http-equiv="content-type">
Тим

Здравствуйте! Подскажите произвел установку на сайт http://test.msk.muzkult.ru/ , но страница перестала открываться, белый лист. В чем может быть проблема? Спасибо

Админ

Здравствуйте, уберите этот код:

<script src="https://lidrekon.ru/slep/js/jquery.js"></script>

Также не забудьте добавить код кнопки.

Гульнур

Здравствуйте! Все установила, кнопка есть, но она не работает. Подскажите, пожалуйста, в чем проблема. school18ufa.ru

Админ

Здравствуйте, попробуйте заменить строчку нашего года, это:

<script async="" src="https://lidrekon.ru/slep/js/jquery.js"></script>

, на это:

<script src="https://lidrekon.ru/slep/js/jquery.js"></script>

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

charset=Windows-1251"

поменяйте на это:

charset="utf-8"
Ольга

Здравствуйте! Всё установила, но на версию для слабовидящих не переходит.https://www.strokolga.com/

Админ

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

Макс

Здравствуйте!

На сайте sp35.moscow на главной странице при нажатии Вашей кнопки не отображается меню с настройками.

На других страницах при открытии загружаются некоторые страницы (не на всех). В чем может быть дело?

Админ

Замените ваш код:

<script src="http://sp35.moscow/js/uhpv-full.min.js"></script>

на наш:

<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>
Макс

Изначально был ваш код, но при версии для слабовидящих меню с настройками было за хедером, сейчас я сделал z-index 99999 и меню отображается, но проблема со шрифтами.

Админ

Попробуйте поставить наш код, в css прописал z-index 99999.

Маргарита

Здравствуйте! А скажите пожалуйста, на всех страницах сайта нужно скрипты ставить? Спасибо!

Админ

Да.

Анастасия

Здравствуйте! После добавления вашего кода сайт отражается только как белый экран... что делать??? Помогите!!! http://school-int-krassul.ru/

Админ

Наш код необходимо разместить выше этого скрипта:

<script src="/bitrix/templates/school_urban/js/jquery-1.6.min.js" type="text/javascript"></script>

Так же не забудьте добавить кнопку.

Мария

https://sites.google.com/view/fotomariya/

Ничего не получается! ПОМОГИТЕ!

Админ

Добавьте наш код на ваш сайт и напишите.

Анастасия

Здравствуйте! После добавления кода сайт открывается только на пустой странице... Что делать??? Спасите!!!! http://school-int-krassul.ru/

Админ

Наш код необходимо разместить выше этого скрипта:

<script src="/bitrix/templates/school_urban/js/jquery-1.6.min.js" type="text/javascript"></script>

Так же не забудьте добавить кнопку.

Анастасия

Здравствуйте! Вместо сайта теперь открывается белый экран... Что делать? http://school-int-krassul.ru

Дмитрий

День добрый. Сайт на ucoz. Если добавить ссылку на скрипты в head общей страницы, то скрипты не вызываются, хотя следующий за ними скрипт срабатывает (вызов окна):<html>

<head>

...

<script async src="https://lidrekon.ru/slep/js/jquery.js"></script>

<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>

<script> alert( 'Тестирование скрипта' ); </script>

</head>

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

Админ

Кнопку добавьте.

<a id="specialButton" href="#"><img src="https://lidrekon.ru/images/special.png" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" /></a>
Дмитрий

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

Админ

Кнопку добавьте, если не получиться напишите адрес сайта.

<a id="specialButton" href="#"><img src="https://lidrekon.ru/images/special.png" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" /></a>
Юрий

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

Админ

Ссылку на сайт.

Юрий

Добрый день не включается версия для слабовидящих

Евгений

Добрый день, при нажатии на кнопку настройки, не перекрывает header, что можно сделать ?

Админ

Ссылку на сайт.

Ярослав

Добрый день. Скрипт замечательный. Спасибо, Вам большое.

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

Админ

Разработка не планируется.

Елена

Спасибо! Проблема решена.

Денис

Добрый день! Благодарю за скрипт! Работает классно, и без лишних телодвижений )

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

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

Как это побороть?

Админ

Ссылку на сайт.

Елена

Добрый день!

Я к Вам пишу.... уже не в первый раз, а Вы все не отвечаете!

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

Помогите нашему горю!!! Посоветуйте, пожалуйста, как это побороть.

Заранее благодарю, Елена.

Админ

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

Елена

Добрый день!

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

Сайт МУП "Федоровского ЖКХ": http://fjkh.ru

КАБЗ

Сбиваються настройки при переходе на друг страницу, так должно быть?

Админ

Так не должно быть. ссылку на сайт посмотрим, что мешает.

таслия

Здравствуйте поставила на сайт глаз а он работает не во всех браузерах.

Админ

В каких браузерах проблема? и ссылку на сайт.

Елена

Добрый день! Помогите, пожалуйста, побороть проблему: некорректно отображаются русские буквы в подписях в верхнем меню. Сайт http://fjkh.ru.

Станислав

Здравствуйте, почему то сайт грузится сразу в режиме для слабовидящих. http://gorvod.ru

Админ

Установите кнопку:

<a id="specialButton" href="#"><img src="https://lidrekon.ru/images/special.png" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" /></a>
Влад

Добрый день. Во-первых, спасибо за скипт!

Во-вторых, подскажите, пожалуйста. В IE работает идеально. Google Chrome -- через раз, или реже, а в трети случаев не загружается главная страница сайта. До добавления скрипта такого не было (

Подскажите, может, я чего не так делаю.

Сайт берсоц.рф

Админ

Бывает идет конфликт скриптов установленных на сайте. Необходимо поиграть с местоположением нашего скрипта у вас в коде.

Марина

Не работает. Картинка "для слабовидящих" отображается, а ссылка не работает. Сайт ogg1.goroo-orsha.by

Валентина

Здравствуйте. После установки при нажатии на кнопку названия кнопок отображаются иероглифами. Адрес сайта http://kirovckoe.ru

Админ

Между тегами head необходимо добавить сведения по кодировке страницы:

<meta charset="utf-8">
Валентина

Здравствуйте. Текст отображается иероглифами, остальное все работает. Адрес сайта http://kirovckoe.ru

Ирина

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

Админ

Скрипт также необходим для установки:

<script async src="https://lidrekon.ru/slep/js/jquery.js"></script>

<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>

Марина

Здравствуйте! Скажите, сможете ли Вы помочь решить проблему, о которой я писала несколько дней назад: "После вставки скрипта, все страницы сайта, кроме главной, отображаются в версии для слабовидящих". Сайт ogg1.goroo-orsha.by. Или мне стоит поискать другое решение проблемы? Я очень надеюсь на Вашу помощь. Заранее спасибо!

Анастасия

Здравствуйте. После вставки скрипта все страницы сайта, кроме главной, отображаются в версии для слабовидящих. Сайт ogg1.goroo-orsha.by.

Марина

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

Админ

Возможно, надо разбираться, какой скрипт конфликтует.

Александр

Добрый вечер!

Установил Вашу версию, всё работает, но есть проблема...

При появлении меню для слабовидящих, оно скрывается под уже ранее установленным навигаторе по гос сайтам))

Нужен отступ вниз для Вашего меню. Как это можно сделать?

Админ

Сss вам помощь. Без адреса сайта ни чем помочь не смогу.

Александр

Добрый вечер!

Установил вашу версию, всё работает, но проблема есть.

При открытие меню для слабовидящих оно находится под уже ранее установленном меню по гос сайтам))

Нужен отступ вниз...

Марина

Здравствуйте. После установки, картинки кнопок не отображаются. Не отображаются пункты главного меню

Марина

Здравствуйте. Не отображаются картинки кнопок и в главном меню, которое расположено в верхней строке не отображаются пункты, содержащие вложенные подпункты. Адрес сайта ogg1.goroo-orsha.by

Админ

Здравствуйте, у вас идет конфликт в css.

Необходимо вам найти файл находящийся по адресу:

http://ogg1.goroo-orsha.by/templates/themza_j15_80/css/template.css

В файле css найти описание стиля блока #page_bg:

#page_bg {

padding: 0px;

margin: 0px;

margin-bottom: 0px;

background: #ffffc4;

background: #e3f5ff;

}

Удалить вот это:

margin: 0px;

Сохранить.

Почистить кэш браузера и посмотреть изменения.

Если будет искажения дизайна сайта, то вернуть все назад.

Марина

Меню и картинки отобразились, но все ссылки стали открываться в версии для слабовидящих.

Марина

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

Михаил

После установки страница сайта со скриптом открывается пустой.

Динара

да пустая страница( значит никак не получится сделать?

Админ

Иногда некоторые javascript конфликтуют.

Пробуйте этот код повставлять в разные места страницы:

<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>

И возможно у вас уже на странице есть этот код другой версии:

<script src="https://lidrekon.ru/slep/js/jquery.js">

попробуйте без него.

Если не получится напишите адрес сайта.

Динара

Подскажите возможно ли вставить в конструктор данный скрипт?

Админ

Все работает , у кого не получится, пишите в комментариях свой сайт.

mariya

не работает! шаблон сбился. картинки кнопок не отображаются

Админ

Адрес сайта подскажите, на который хотите поставить скрипт.

mariya

правда я кое-что сделала, но интересна Ваша версия со звуком. Вот сайт:

http://school4.goroo-orsha.by/

Админ

Здравствуйте, вместо того блока который вы вставили, поставьте этот код:

<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>

<a id="specialButton" href="#"><img style="width:180px;" src="http://school4.goroo-orsha.by/images/banners/versija_dlja_slabovidjashhikh.png" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" /></a>

mariya

если можно, удалите картинки моего сайта из сообщения

спасибо. к сожалению, ничего не вышло.

mariya

Все заработало! Спасибочки!

Рита

Здравствуйте помогите пожалуйста, глаз появляется, но не работает, страница пустая

Админ

Ссылку на сайт надо.