Close
Оставьте ваши контакты
Какой способ общения вам удобен?
Блог о маркетинге, рекламе и продвижении для предпринимателей

Как сделать версию для слабовидящих для сайта Tilda по ГОСТу Р 52872-2019 за 3 минуты

Как сделать версию для слабовидящих для сайта за 3 минуты по ГОСТу Р 52872-2019

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

В процессе решения этой задачи я нашел скрипт - https://lidrekon.ru/slep/
Скрипт условнобесплатный (владелец оставил форму для донатов, призывая поддержать его) и довольно просто устанавливается. Рекомендую.

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

Код для вставки в секцию head:
<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>

Код кнопки разместить в любом месте html-страницы:
<a id="specialButton" href="#"><img src="https://lidrekon.ru/images/special.png" id='glazd' alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" /></a>
<style>
@media screen and (max-width: 980px) {
#glazd {
position:absolute;
top:10px;
right:100px;
z-index: 99999;
width:50px;
}
}
@media screen and (min-width: 980px) {
#glazd {
position:absolute;
top:20px;
left:50px;
z-index: 99999;
width:50px;
}
}

</style
>

Забирайте, если необходимо (:

Также, я записал видео на эту тему , как без знания кода реализовать версию для слабовидящих на Tilda.
Создание сайтов/Web-разработка