Версия сайта для слабовидящих
Бесплатный виджет
предназначен для создания версии сайта
пригодного для использования слабовидящими гражданами.
предназначен для создания версии сайта
пригодного для использования слабовидящими гражданами.
В соответствием с ГОСТом Р 52872-2019 все государственные органы, медицинские и учебные учреждения обязаны иметь версию сайта для слабовидящих, чтобы не допустить дискриминации людей страдающих проблемами со зрением. Так же предусмотрена административная и уголовная ответственность за дискриминацию.
- Особенности скрипта:
- Бесплатный
- Подходит к любому сайту
- Простая установка
- Изменение размера шрифта
- Изменение интервала между символами
- Отключение/включение изображений
- Изменение фона и контраста
- Голосовое озвучивание текста Пример работы скрипта доступен на этом сайте.
Пример
Комментарии (477)
Всем доброго времени суток!
При включении озвучки содержания страницы озвучка продолжает работать, даже если отключить озвучку повторным нажатием, до того момента, пока не обновишь страницу. Как это можно исправить?
Сайт на 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 год?
Скрипт уже очень давно работает без каких то либо изменений. Чтоб решить ваши вопросы вы должны понять что такое кодировка сайта, изучить основы html, css и javascript. Этот скрипт подойдет для тех кто умеет думать и развиваться, для всех остальных ищите платные варианты где за ваши деньги решат все ваши вопросы.
Здравствуйте! подскажите пожалуйста, почему вместо текста вопросительные знаки??
Добрый вечер
Почему текст выдаваемый в строке настройки сайта (цвет, шрифт....) показывается вопросительными знаками
Вы что то изменили?
Здравствуйте, скажите, пожалуйста, как сменить цвет иконки на белый?
Здравствуйте. Виджет лучший, на сайте ничего не затронул. ПОЧТИ! НО! У нас на сайте висит баннер ПОС и вот с ним как раз странное поведение. При заходе на сайт он всегда расширяется из-за чего влезает только четвертая часть баннера. Но если изменить масштаб страницы на ПК или просто подвигать страницу на телефоне, он приобретает обратно свой изначальный размер. Вот бы с этим разобраться
Действительно, вместе с этим виджетом не отрисовывается как надо веб-виджет платформы обратной связи госуслуг. Форма ПОС появляется только если нажать в браузере в любом месте страницы "показать код элемента". Проверьте, пожалуйста
Кто-нибудь нашел решение данной проблемы?
Никто так и не нашёл решения с ПОС баннером?
Здраствуйте. У нас данная платформа выводит баг и вместо вывода информации стоит белый экран
Добрый день. Используем платформу LP мотор, она не поддержкивает вставку скриптов. Перепробывали все варианты, либо белый экран, либо ничего не происходит. Если генерации кода в виде onclick=".activate_navbar()" ? Что посоветуете?
установила ваш скрипт для слабовидящих. Перестали работать вкладки в меню (подменю) и фотогалереи на страницах. Можно как-то это исправить?
Ответв можно не ждать???
Наталья2 месяцов назад
установила ваш скрипт для слабовидящих. Перестали работать вкладки в меню (подменю) и фотогалереи на страницах. Можно как-то это исправить?
Скрипт ни кто не менял. Читайте комментарии там описаны все проблемы, которые когда либо у кого либо возникали и пути их решения.
День добрый всё работало Ок, но только нужно было добавить ссылку на стиль кнопки глаз. А сейчас стала появляться надпись в левом верхнем углу window.dataLayer = window.dataLayer || [];
Как с этим бороться? Спасибо.
Напишите адрес сайта.
Как вы справились с данной проблемой? тот же вопрос
В обычную версию не возвращается
Получилось. Спасибо
Здравствуйте, получилось только на одной странице
Ура!!!
Все получилось. Друпал 6 Спасибо.
Здраствуйте у меня проблема с ваше версий для слабовидищих. У меня в место текста знаки вопроса.
Добрый день! Не могли бы Вы, правильно установить версию для слабовидящих
Добрый день! Не могли бы Вы, правильно установить версию для слабовидящих