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

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

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

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

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

Выберите кодировку вашего сайта:

Пример:

ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ

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

10000

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

 
 
1 2 3 > Last
Мимокрокодил

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

В моем случае есть только один нюанс - в верхней части страницы используется меню сайта (Tilda, блок ME201, статический, без фиксации при скролле), которое при переходе на версию для слабовидяших перекрывается блоком меню скрипта.

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

Мария

Здравствуйте! Расскажите, пожалуйста, поподробнее о том, как вы разместили код? Я новичок в этой сфере и бьюсь который день)))

Перепробовала уже все возможные комбинации - эффекта 0...

Единственное, как вставляю код в head - на главной сразу альтернативная версия включается... А остальные страницы не меняются.

Заранее спасибо за ответ! <3

Евгений

Здравствуйте! Спасибо огромное за скрипт! Только один вопросик: а можно как-то убрать opacity при загрузках страниц? Спасибо!

гу

Добрый день! Не знаю в чем причина, вставляю код на главную страницу сайта и открываю в браузере на пк дома - все нормально. Когда скидываю на хостинг - не работает, даже нет нажатия кнопки. Сайт на html, без движков.

Дмитрий

Добрый день! Картинка с глазиком отображается только на экранах меньше 980 px, при более широких не видно кнопку. Как побороть, заранее спасибо!

Дмитрий
Админ

Добавьте кнопку после телефона и 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

Админ

Здравствуйте, к сожалению не знаю.

Админ
Алексей

да в html я добавил код иконка появилась а куда нужно вставить head что бы включился режим! для слабовидищих!

Алексей

Я РАЗОБРАЛСЯ ГЛЯНЬТЕ ОНО ДОЛЖНО ИМЕННО ТАК РАБОТАТЬ https://massageschool70.ru/

Алексей

Я понял где нужно добавить вопрос оно так и должно работать вот ссылка на сайт https://massageschool70.ru/

Админ

Кодировку скрипта выбрали нету. Вот это надо

<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>
Надежда

а где можно найти скрипт, не вижу его?

Надежда

в яндексе, 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);

}

}, []);

Админ

Попробуйте эттот код

import React, { useEffect } from 'react';

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;

Andrey

Гост Р 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 Вам в помощь

Nur

как сделать чтобы не нажать никакие кнопки и там сразу видно там шрифты, цветы, звук и так далее

Админ

Без кнопки скрипт запускается сразу.

Елена

Здравствуйте! Подскажите, пожалуйста, как правильно настроить версию сайта для слабовидящих? Применила Ваш код, но, к сожалению, теперь не все страницы отображаются корректно. Пробовала всё удалять, но даже после удаления 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 при переходе по сайту отключается воспроизведение звука, и надо каждый раз его включать.

Alexander

Благодарю за проделанную работу. Отлично работает.

Владимир

Здравствуйте! Появляется window.dataLayer = window.dataLayer || []; и ничего не пашет(

Евгений

Такая же проблема, как то удалось решить?

Владимир

Добрый день

Ставлю скрипт, все отлично работает, но происходит конфликт с js где это смотреть помогите пожалуйста..

Владимир

Решил, спасибо

Артём

Добрый день

Планируется ли обновление плагина при утверждении нового приказа «Об утверждении Порядка обеспечения условий доступности для инвалидов по зрению официальных сайтов государственных органов, органов местного самоуправления и подведомственных организаций», который обещают выпустить в мае 2023 год?

Админ

Скрипт уже очень давно работает без каких то либо изменений. Чтоб решить ваши вопросы вы должны понять что такое кодировка сайта, изучить основы html, css и javascript. Этот скрипт подойдет для тех кто умеет думать и развиваться, для всех остальных ищите платные варианты где за ваши деньги решат все ваши вопросы.

Елена

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

Василий

Добрый вечер

Почему текст выдаваемый в строке настройки сайта (цвет, шрифт....) показывается вопросительными знаками

Вы что то изменили?

Карина

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

Александр

Здравствуйте. Виджет лучший, на сайте ничего не затронул. ПОЧТИ! НО! У нас на сайте висит баннер ПОС и вот с ним как раз странное поведение. При заходе на сайт он всегда расширяется из-за чего влезает только четвертая часть баннера. Но если изменить масштаб страницы на ПК или просто подвигать страницу на телефоне, он приобретает обратно свой изначальный размер. Вот бы с этим разобраться

Алексей

Действительно, вместе с этим виджетом не отрисовывается как надо веб-виджет платформы обратной связи госуслуг. Форма ПОС появляется только если нажать в браузере в любом месте страницы "показать код элемента". Проверьте, пожалуйста

Пупкин

Кто-нибудь нашел решение данной проблемы?

Otabek

Здраствуйте. У нас данная платформа выводит баг и вместо вывода информации стоит белый экран

Сергей

Добрый день. Используем платформу LP мотор, она не поддержкивает вставку скриптов. Перепробывали все варианты, либо белый экран, либо ничего не происходит. Если генерации кода в виде onclick=".activate_navbar()" ? Что посоветуете?

Наталья

установила ваш скрипт для слабовидящих. Перестали работать вкладки в меню (подменю) и фотогалереи на страницах. Можно как-то это исправить?

Наталья

Ответв можно не ждать???

Наталья2 месяцов назад

установила ваш скрипт для слабовидящих. Перестали работать вкладки в меню (подменю) и фотогалереи на страницах. Можно как-то это исправить?

Админ

Скрипт ни кто не менял. Читайте комментарии там описаны все проблемы, которые когда либо у кого либо возникали и пути их решения.

Алексей

День добрый всё работало Ок, но только нужно было добавить ссылку на стиль кнопки глаз. А сейчас стала появляться надпись в левом верхнем углу window.dataLayer = window.dataLayer || [];

Как с этим бороться? Спасибо.

Админ

Напишите адрес сайта.

Елена

Как вы справились с данной проблемой? тот же вопрос

Наталья

В обычную версию не возвращается

Наталья

Получилось. Спасибо

Михаил

Здравствуйте, получилось только на одной странице

Галина

Ура!!!

Все получилось. Друпал 6 Спасибо.

Михаил

Здраствуйте у меня проблема с ваше версий для слабовидищих. У меня в место текста знаки вопроса.

Елена

Добрый день! Не могли бы Вы, правильно установить версию для слабовидящих

Елена

Добрый день! Не могли бы Вы, правильно установить версию для слабовидящих

Евдокия

Здравствуйте, как ссылку для кнопки можно прописать? Вида #.... Хочу что бы версия открывалась при нажатии на кнопку из меню. Верстаю на Тильда.

Алексей

просто кнопке id="specialButton" допишите

Вадим

Коллеги, подскажите, пож-ста, что в Тильде написать в поле "Ссылка" пунктов текстового меню? id="specialButton" и #id="specialButton" не срабатывает увы (

Алексей

Добрый день, подключил скрипт появляется такая ошибка при первой загрузке сайта, и потом как-то через раз.

Uncaught TypeError: Cannot set properties of undefined (setting 'json')

at HTMLDocument.<anonymous> (visual-impared.js:1:5027)

at i (jquery-2.2.4.min.js:2:27151)

at Object.add [as done] (jquery-2.2.4.min.js:2:27450)

at n.fn.ready (jquery-2.2.4.min.js:2:29515)

at new n.fn.init (jquery-2.2.4.min.js:2:24945)

at n (jquery-2.2.4.min.js:2:405)

at visual-impared.js:1:4980

что с этим делать?

Андрей

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

Михаил

После добавления плагина начинают мерцать страницы

Как это можно убрать?

Роман

Давно пытаюсь добиться ответа на этот вопрос. Уже два года прошло)) глаз болит уже от этих мерцающих переходов. И еще вопрос. Как то можно в настройках скрипта убрать ссылку на сайт ( у некоторых видел что её нет)

Алексей

устанавливая ваш скрипт в head при загрузке сразу в режиме версии слабовидящих и не переходит в нормальный режим, если в любом месте, то "глазок" отображается, а вот клик по нему не срабатывает. Сайт на html

Азазель

Добрый день !

Подскажите, есть ли ссылка на гитхаб с данным скриптом ?

Заранее большое спасибо !

Николай

здравствуйте не воспроизводит речь в чем может быть причина

Ольга

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

Ксеения

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

Андрей

Установилось все отлично. Работает шикарно!) Один момент, скрылись некоторые элементы на сайте. Но это я поправлю!) В целом отлично работающий модуль!) Пытался задонатить денег, выбрал с использованием карты, ввел данные, юмоней выдал ошибку, что какая-то техническая проблема и не получилось отправить денег!(

d100.shko.la

Пока не получается установить

Алексей

Добрый день, возможна ли установка версии для слабовидящих для сайта на платформе RU-CENTER?

Виталий

Как вставить код в Joomla 2.5? Спасибо

Миха

Как убрать плавный переход страницы?

Максим

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

 
 
1 2 3 > Last