в соответствии с требованиями законодательства РФ
Требования к доступности сайтов для слабовидящих
Согласно ГОСТу Р 52872-2019 "Интернет-ресурсы. Требования доступности для инвалидов по зрению", все государственные учреждения, медицинские организации, учебные заведения и коммерческие структуры обязаны обеспечить доступность своих веб-ресурсов для людей с ограниченными возможностями зрения. Несоблюдение этих требований может повлечь административную ответственность.
Наш бесплатный скрипт версии сайта для слабовидящих позволяет быстро и просто адаптировать любой сайт для соответствия законодательным нормам. Решение подходит как для корпоративных сайтов, так и для интернет-магазинов, информационных порталов и образовательных ресурсов.
Ключевые преимущества нашего решения:
- ✓ Полное соответствие ГОСТ Р 52872-2019 - все необходимые функции для доступности
- ✓ Абсолютно бесплатно - без скрытых платежей и ограничений
- ✓ Универсальность - работает на любом сайте независимо от CMS
- ✓ Простая установка - добавьте всего 2 строки кода в head страницы
- ✓ Не влияет на SEO - поисковые системы корректно индексируют адаптированную версию
- ✓ Поддержка всех браузеров - Chrome, Firefox, Safari, Edge, Яндекс.Браузер
Функциональные возможности скрипта:
👁️ Настройка отображения
- Увеличение размера шрифта в 3 этапа
- Изменение межстрочного интервала
- Настройка кернинга (расстояния между буквами)
- Выбор из 5 шрифтов для удобства чтения
🎨 Цветовые схемы
- 5 готовых контрастных цветовых схем
- Режим "черный на белом"
- Режим "белый на черном" для повышенной контрастности
- Специальные схемы для различных нарушений зрения
🔊 Озвучивание контента
- Автоматическое озвучивание текста при наведении
- Поддержка русского языка
- Естественное голосовое сопровождение
- Контроль громкости и скорости чтения
🖼️ Управление медиа
- Включение/выключение изображений
- Оптимизация загрузки графики
- Альтернативные тексты для всех изображений
- Адаптация мультимедийного контента
Демонстрация работы скрипта
Нажмите на кнопку ниже, чтобы активировать версию для слабовидящих и протестировать все возможности:
После активации в верхней части страницы появится панель управления настройками
Быстрая установка на ваш сайт
Выберите параметры и получите готовый код для вставки на ваш сайт. Установка занимает менее 5 минут!
1. Выберите кодировку вашего сайта:
Кому необходим наш скрипт?
Государственные учреждения
Обязательное требование по ГОСТ Р 52872-2019 для всех государственных сайтов
Медицинские организации
Больницы, поликлиники, аптеки - для доступности информации пациентам
Образовательные учреждения
Школы, вузы, колледжи - для инклюзивного образования
Коммерческие компании
Расширение аудитории и социальная ответственность бизнеса
📋 Часто задаваемые вопросы
Нет, скрипт оптимизирован и весит менее 100 КБ. Он не влияет на производительность сайта.
Да, скрипт полностью адаптивен и корректно работает на смартфонах и планшетах.
Нет, скрипт автоматически обновляется на нашей стороне. Все изменения будут доступны сразу.
Основной интерфейс на русском языке. Озвучивание поддерживает русский и английский тексты.
Комментарии (492)
в конструкторе Тильда не работает, все становится пустым кроме текста
Можем подключить локально есть вариант ?
uhpv-full.min.js:10 Uncaught TypeError: Cannot read properties of undefined (reading 'collectionvoice')
at ResponsiveVoice.a.getResponsiveVoice (uhpv-full.min.js:10:4925)
at ResponsiveVoice.a.speak (uhpv-full.min.js:9:25447)
at Object.ToggleAudio (uhpv-full.min.js:1:1879)
at Object.Set (uhpv-full.min.js:1:1400)
at Object.On (uhpv-full.min.js:7:748)
at HTMLDocument.<anonymous> (uhpv-full.min.js:8:136)
at fire (jquery.js:2:9944)
at Object.fireWith [as resolveWith] (jquery.js:2:11229)
at Function.ready (jquery.js:1:5097)
at HTMLDocument.completed (jquery.js:1:1235)
https://iimg.su/i/uYPRR9
https://iimg.su/i/NFAv74
Поправил код, проверяйте.
Здравствуйте. В конструкторе Базиум возникла проблема, Скрипт стал убирать все картинки некоторых блоков до начала его активации. Ранее все работало нормально, вчера стал добавлять картинки - и все поехало. Может что то обновляли в скрипте, за последнее время? Программисты Базиум посоветовали прописать скрипт так: <script src="https://lidrekon.ru/slep/js/jquery.js" defer></script>
<script src="https://lidrekon.ru/slep/js/uhpv-hover-full.min.js" defer></script>
Картинки блоков работают при этом нормально, но при активации скрипта он работает не корректно. Раскрывается меню для слабовидящих, но в нем ничего нет, просто черная рамка. Помогите решить проблему, пожалуйста. Я не силен в программировании.
Напишите адрес сайта
Работает, только почему то меню для слабовидящих уехало вниз. Ранее была в рамке наверху
Вы используете <script src="https://lidrekon.ru/slep/js/uhpv-hover-full.min.js" defer></script> если надо чтоб на вверху было меню то этот код нужен <script src="https://lidrekon.ru/slep/js/uhpv-full.min.js" defer></script>
https://www.vshni.ru
Вот на сайте посмотрите как работает в десктопной версии, при нажатии на настройки обрезает снизу выводимые блоки, не все кнопки видны. !!!!!!!!!!!!!!!!!!!! Можно поправить код на Вашей стороне? На мобильной версии все супер. Спасибо за сервис!
Здравствуйте, поправил, проверяйте.
uhpv-full.min.js:10 Uncaught TypeError: Cannot read properties of undefined (reading 'collectionvoice') получаю такую ошибку, если перехожу на другую страницу при это включив голосовое воспроизведение теста
Обновил скрипт с учетом ваших пожеланий, теперь на странице можно размещать несколько кнопок активации, исправлены баги при отключении ВСС страница полностью возвращается в первоначальный вид, изменен дизайн.
Добрый день! Подскажите пожалуйста как передвигаться по панели модуля "Версии для слабовидящих" по клавиатуре?
Как сделать 2 кнопки для адаптивного дизайна? Вторая кнопка не реагирует на нажатия...
Здравствуйте! Столкнулся с такой же проблемой, нашли решения?
Добрый день!
Спасибо, всё прекрасно работает, но есть вопрос: иногда при первом заходе на сайт автоматически включается версия для слабовидящих, а иногда нет. никак не могу выловить, от чего это зависит. от чего такое может быть? кто сталкивался? как исправить?
Добрый вечер, подскажите, пожалуйста как исправить три момента, первый это, если начинается озвучка, то она продолжается и после ее отключения через кнопку, второй момент, если выбрать скрыть изображения, а потом вернуться к обычной версии сайта, то изображения так и остаются скрытыми уже на обычном сайте, насколько я понял, там просто удаляется атрибут src c содержимым и обратно не возвращается и третий момент, при включении версии для слабовидящих если изображения фоновые, то они скрываются
Всем привет! работает на тильде у нас, спасибо! Хотел узнать, можно ли изменить место отображения и значок ? кто то делал? подскажите?
Сайт на Tilda. При вставке скрипта при нажатии на "глаз" ничего не происходит.
Виджет применяет какие то невероятные стили фона и текста буквально ко всем элементам сайта, разламывая многие элементы на нём. Нужна возможность отключить встроенные в виджет стили, что бы сделать свои, иначе виджет бесполезен
Та же проблема ...
"При включении озвучки содержания страницы озвучка продолжает работать, даже если отключить озвучку повторным нажатием, до того момента, пока не обновишь страницу. Как это можно исправить?"
Всем доброго времени суток!
При включении озвучки содержания страницы озвучка продолжает работать, даже если отключить озвучку повторным нажатием, до того момента, пока не обновишь страницу. Как это можно исправить?
Сайт на Tilda. При вставке скрипта пропадает слайдер.
<script src="https://lidrekon.ru/slep/js/jquery.js"></script>
<script src="https://lidrekon.ru/slep/js/uhpv-hover-full.min.js"></script>
img id="specialButton" style="cursor:pointer;" src="https://lidrekon.ru/images/special.png" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />
При вставке бесплатного скрипта перестала правильно работать карусель на главной странице сайта.
Добрый день можно ли поменять картинку? и как?
ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ
Версия для слабовидящих
Здравствуйте! Сайт создан на html. На некоторых страницах, где имеются большие блоки текста, применяются спойлеры "Читать полностью", "Скрыть текст". В версии для слабовидящих не открывается скрытая часть текста. Как-то это можно исправить?
Доброе утра. А где ссылка на сам скрипт? или нужно только вставить только "код для вставки в секцию head" и "код кнопки"?
Здравствуйте. Установила код на сайт на Тильде. Все бы ничего, но по умолчанию картинки в каких-то блоках отображаются, а в каких-то блоках нет (просто остается белое поле вместо изображения). Баннер не отображается вообще, карточки товара не отображаются. Отображаются изображения только в блоке "партнеры" (PR101). Кто-нибудь сталкивался с таким казусом? Интересно, от чего это зависит? Что исправить, что добавить? Альты прописаны у всех изображений, но они живут своей жизнью. Заранее спасибо, если кто поможет разобраться!)
Все работает, спасибо!
Здравствуйте, я установил скрипт на сайт и все хорошо работает, но все слайдеры сделанные при помощи Slider Swiper сломались, можете подсказать как это исправить?
здраствуйте я поставил ссылку на ре акт проект все роботает но один но не работает обычная версия сайта
как только запустил сайт сразу вышел с версией для слобовидящих . можете помочь или отправит пример кода пожалуйста
Здравствуйте, возник вопрос. Я добавил на сайт этот скрипт. Все прекрасно работает. Но есть одно. Когда добавил скрипт что то стало с моим sidebar. Он не открывается сразу когда открываешь сайт. Только когда происходит какое то изменение в сайте по типу(изменение масштаба сайта или же нажатие кнопки) только тогда открывается. В чем может быть проблема?
Здравствуйте, поставила скрипт все работает отлично но заметила что скрипт отключает счетчики времени (отсчет дней до события). Это сделано специально? И будет ли скрипт ограничивать работу и других скриптов, статистики и тд?
Здравствуйте. Спасибо, код и правда вышел очень универсальным.
В моем случае есть только один нюанс - в верхней части страницы используется меню сайта (Tilda, блок ME201, статический, без фиксации при скролле), которое при переходе на версию для слабовидяших перекрывается блоком меню скрипта.
Пока временно решил проблему для себя использованием меню скрипта в нижней части экрана, но хотелось бы оставить его наверху.
Здравствуйте! Расскажите, пожалуйста, поподробнее о том, как вы разместили код? Я новичок в этой сфере и бьюсь который день)))
Перепробовала уже все возможные комбинации - эффекта 0...
Единственное, как вставляю код в head - на главной сразу альтернативная версия включается... А остальные страницы не меняются.
Заранее спасибо за ответ! <3
Здравствуйте! Спасибо огромное за скрипт! Только один вопросик: а можно как-то убрать opacity при загрузках страниц? Спасибо!
Добрый день! Не знаю в чем причина, вставляю код на главную страницу сайта и открываю в браузере на пк дома - все нормально. Когда скидываю на хостинг - не работает, даже нет нажатия кнопки. Сайт на html, без движков.
Добрый день! Картинка с глазиком отображается только на экранах меньше 980 px, при более широких не видно кнопку. Как побороть, заранее спасибо!
сайт https://ispeakstudio.ru
Добавьте кнопку после телефона и email.
В смысле ниже? следующим блоком? тоже не работает
да и у меня как то странно работает. обратно в нормальную версию не переходит
Дмитрий, здравствуйте! Скажите, а как вы поместили меню управления версией для слабовидящих в низ сайта? Спасибо за ответ!
Добрый день.
Шикарный код. Использую фонты для создания красивых иконок.
Возможно ли исключить от изменения скриптом тэга <i>?
Или как то экранировать код, чтобы не менялись стили?
Здравствуйте! При вставке кода на кода страницу в тильде пропадает блок с слайд шоу. Что может быть подскажите пожалуйста
Доработанная версия, блок с слайд шоу не слетает:
код в HEAD сайта
<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>
код в блок сайта
<a id="specialButton" href="#"><img src="https://static.tildacdn.com/tild6436-3334-4537-b566-373737623366/5.png" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" /></a>
Добрый день, плагин отлично работает, но есть проблема - озвучка даже при отключении версии для слабовидящих не выключается, как исправить?
Добрый день. Спасибо за скрипт. На тильда всё работает кроме озвучки текста. Озвучивает только если курсор навести на кнопку или ссылку. В чём может быть проблема?
здравствуйте подскажите где нужно делать данные изменения в html или в общих настройках сайта! на сайте mottor
Здравствуйте, к сожалению не знаю.
Может это поможет https://lpmotor.ru/articles/kak-vstavit-lyuboj-html-kod
да в html я добавил код иконка появилась а куда нужно вставить head что бы включился режим! для слабовидищих!
Я РАЗОБРАЛСЯ ГЛЯНЬТЕ ОНО ДОЛЖНО ИМЕННО ТАК РАБОТАТЬ https://massageschool70.ru/
Я понял где нужно добавить вопрос оно так и должно работать вот ссылка на сайт https://massageschool70.ru/
Кодировку скрипта выбрали нету. Вот это надо
а где можно найти скрипт, не вижу его?
в яндексе, mozilaFox не увидела инфо для вставки, только в эксплорер
я вас не понял.
Добрый день! Хотелось бы уточнить о лицензионной составляющей использования данного виджета. Подскажите пожалуйста, если я его использую у себя на сайте, нужно ли выкупать права на него и (или) указывать (ссылаться на правообладателя в сайте?)
Всё бесплатно.
Спасибо в конструкторе сайтов Тинькоф все работает
Здравствуйте, скрипт отлично работает, но почему то на устройтсвах MAC или IOS, он автоматически запускается, в чем может быть проблема?
Если скрипт не видит кнопку то он запускается сразу.
Добрый день Подскажите пожалуйста.
Вставляю скриптя для слабовидящих на тильде - появляется иконка, но неактивная. Что еще нужно сделать?
нужно вставить код в хед, и отдельный код в блоке на странице
Здравствуйте! Вставляю код в Тинькоф-конструкторе в блоке и сайт открывается сразу в версии для слабовидящих, вариантов выбора не дается. Как изменить?
Не подскажете, в сайте на реакте должно также работать как везде? или есть особенности?
У меня что-то не работает, скрипты пытаюсь грузить через useEffect:
useEffect(() => {
const jqscript = document.createElement('script');
jqscript.src = "https://lidrekon.ru/slep/js/jquery.js";
document.body.appendChild(jqscript);
const script = document.createElement('script');
script.src = "https://lidrekon.ru/slep/js/uhpv-full.min.js";
script.async = true;
document.body.appendChild(script);
return () => {
document.body.removeChild(script);
document.body.removeChild(jqscript);
}
}, []);
Попробуйте эттот код
const YourComponent = () => {
useEffect(() => {
const loadScripts = async () => {
try {
await loadScript("https://lidrekon.ru/slep/js/jquery.js");
await loadScript("https://lidrekon.ru/slep/js/uhpv-full.min.js");
} catch (error) {
console.error("Error loading scripts:", error);
}
};
const loadScript = (src) => {
return new Promise((resolve, reject) => {
const script = document.createElement('script');
script.src = src;
script.async = true;
script.onload = resolve;
script.onerror = reject;
document.body.appendChild(script);
});
};
loadScripts();
return () => {
// Clean up on component unmount
document.body.removeChild(document.querySelector ('script[src="https://lidrekon.ru/slep/js/jquery.js"]'));
document.body.removeChild(document.querySelector ('script[src="https://lidrekon.ru/slep/js/uhpv-full.min.js"]'));
};
}, []);
return (
);
};
export default YourComponent;
Гост Р 52872-2012 давно заменен другим Гост р 52872-2019 для него есть решения для сайта ?
Скрипт подходит и под 2019 гост.
Подскажите куда вставлять в джумла? Код кнопки разместил в модуле она отображается. А в какое место сам код вставлять? Вставляю в index.php шаблона сразу белый экран. в любое место.
Добрый день
Модуль прекрасно вписался на наш сайт. Проблема возникла лишь с тем, что переходы по страницам сопровождаются эффектом выходом из белого, который никому из пользователей не понравилось и уменьшило скорость работы. Жёстко прописывать transition: none !important невозможно, т.к. на сайте всё же присутствуют анимации. При беглом изучении js-кода и подтягиваемого css, найти отвечающие за это строки не удалось.
Подскажите, как быть в данном случае?
Здравствуйте, переходя на следующую страницу с начало загружается html код, потом стили сайта и потом загружается скрипт. Чтоб такое исправить необходимо чтоб скрипт раньше загрузился, добавив его максимально вверх кода страницы. Но это не даст 100% гарантии.
В скрипте uhpv-full.min.js найдите параметр fadeIn(1е3) и измение на fadeIn(0)
Здравствуйте, столкнулся с анолгичной проблемой window.dataLayer=window.dataLayer||[], кусок кода висит наверху странички, скрывается после загрузки хедером, но при загрузке страничек он грузится первым и поэтому виден.
Помогите решить эту проблему.
Здравствуйте! При установке кода на главной странице в левом верхнем углу появилась надпись window.dataLayer=window.dataLayer||[]; В техподдержке Тильды сказали, что это связано с применением стороннего кода на странице, мол, удалите и всё будет ок. Я удалить его не могу, т. к. мы образовательная организация и версия для слабовидящих на сайте нам необходима. Подскажите, пожалуйста, в чем может быть ошибка и как ее исправить?
Здравствуйте, а сам скрипт то работает? Добавляли по этой инструкции https://help-ru.tilda.cc/html ? Если все работает то возможно вы что то лишнее добавили или где то удалили какой нибудь тег.
Да, добавляла код по инструкции, но немного меняла. Не знаю, правильно или нет, могли бы вы посмотреть?
Вот этот код добавлен отдельным html-блоком для кнопки на всех страницах сайта:
</script>
<a id="specialButton" href="#"><img src="https://lidrekon.ru/images/special.png" id='glaz' alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" /></a>
<style>
#glaz {
position:sticky;
top:90px;
right:30px;
z-index: 99999;
}
</style>
А этот вставлен в head:
<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>
Здравствуйте! В описании написано, что код работает для любых сайтов, мне необходима версия для слабовидящих на сайт, сделанный с помощью google конструктора, коды вставляю (кодировка utf-8, проверяла), коды работают, но для всей странички сайта, а только конкретно в блоке, куда вставлен код. То есть смена цвета, например, смена шрифтов и т.д. работают исключительно для блока, где располагается сам код, изменить цвет или шрифт на всей станице не получается...
В связи с этим у меня вопрос, подходит ли ваш код для сайта с гугл конструктора, если подходит, то в чем кроется моя ошибка?
Здравствуйте, да скорее всего вам не получиться добавить этот скрипт на сайт из-за орграничей конструкторов сайтов.
Здравствуйте! Видел посты о белом экране при установке скрипта. Как решался вопрос?
Конфликт скриптов, на веб странице, поставьте скрипт в другое место.
Доброго времени суток. https://vitmil.by/
При вставке скриптов входит в режим, но в нормальный уже не возвращается. И кнопку добавлял ничего.
Вернул все в исходное состояние. Если время будет гляньте.
Как я вижу у вас всё работает.
Здравствуйте. Большое спасибо за скрипт.
Подскажите, пожалуйста, можно ли сделать расположение "глаза" справа вверху?
css и html Вам в помощь
как сделать чтобы не нажать никакие кнопки и там сразу видно там шрифты, цветы, звук и так далее
Без кнопки скрипт запускается сразу.
Здравствуйте! Подскажите, пожалуйста, как правильно настроить версию сайта для слабовидящих? Применила Ваш код, но, к сожалению, теперь не все страницы отображаются корректно. Пробовала всё удалять, но даже после удаления html-кода сайт не может вернуться в свой первоначальный вид. Помогите, пожалуйста, очень не хочется всё переделывать
Попробуйте почистить кеш в браузере...
Подскажите в чем проблема. В мобильной версии, значок глаза скролиться вниз вместе со страницами сайта. И вторая проблема, что в мобильной версии скрипт не отрабатывается? Спасибо
Здравствуйте! Сайт на тильде. Не весь текст озвучивается. Почему так может быть?
Точнее, озвучивает только ссылки
Здравствуйте, озвучка сайта работает вот этим тегам:
p,h1,h2,h3,h4,h5,h6,li,dt,dd,.audiotext,a,b.
Если использовать вообще все теги то будут зависания.
Здравствуйте. А фотографии не меняются на черно-белые. Некоторые остаются цветными, некоторые вообще исчезают. Можно это исправить?
Здравствуйте, фотографии можно только отключить через кнопку. Картинки могут исчезнуть при включении всс только в одном случае, если эти картинки прописаны в вашем css, а скрипт по максимуму выключает внешний вид сайта.
Кнопку добавили или только скрипт?
Доброго времени суток!
Пытаюсь опробовать работу скрипта на шаблоне сайта.
установил скрипт, но при загрузке сайта он автоматически переходит в режим для слабовидящих и перейти в нормальный режим невозможно. Как решить этот вопрос?
Та же самая проблема. Дайте знать, если получилось решить
Поставьте кнопку.
Здравствуйте.
Поставил скрипт и кнопку в head (на Тильде). Теперь на главной странице 2 значка "глаз", один наслаивается на другой. При этом активен тот, который снизу. На всех остальных страницах нормально.
Помогите, пожалуйста, решить эту проблему.
Ура! Разобрался.
Я добавил блок Т-123 на главную и забыл про него
Удалил и все заработало.
Большое спасибо за скрипт
Версия для слабовидящих
Добрый день! Подскажите пожалуйста в чем может быть проблема?
https://disk.yandex.ru/i/T4kwVj_9xcMPUA - это скрин сайта
Кодировку скрипта другую выберите.
Кодировку на сайте? Но у меня весь сайт на Вин-1251?
А кодировку скрипта какую выбрали?
Вин-1251, вверху страницы. Я его давно уже установил, все работало нормально. На него не заходил и не проверял, а тут случайно зашел и ошибка.
Здравствуйте! Код для вставки в секцию head добавил, код html тоже вставил, но ни каких изменений нет
Здравствуйте. А можно ли сделать так, чтобы кнопка озвучки всегда была включена? На joomla 2.5 при переходе по сайту отключается воспроизведение звука, и надо каждый раз его включать.
Благодарю за проделанную работу. Отлично работает.
Здравствуйте! Появляется window.dataLayer = window.dataLayer || []; и ничего не пашет(
Такая же проблема, как то удалось решить?
Добрый день
Ставлю скрипт, все отлично работает, но происходит конфликт с js где это смотреть помогите пожалуйста..
Решил, спасибо
Добрый день
Планируется ли обновление плагина при утверждении нового приказа «Об утверждении Порядка обеспечения условий доступности для инвалидов по зрению официальных сайтов государственных органов, органов местного самоуправления и подведомственных организаций», который обещают выпустить в мае 2023 год?