Как сделать версию для слабовидящих для сайта за 3 минуты по ГОСТу Р 52872-2019 Мои клиенты - медицинские клиники, попросили меня сделать версию для слабовидящих на сайте. "В соответствием с ГОСТом Р 52872-2019 все государственные органы, медицинские и учебные учреждения обязаны иметь версию сайта для слабовидящих, чтобы не допустить дискриминации людей страдающих проблемами со зрением. Так же предусмотрена административная и уголовная ответственность за дискриминацию." В процессе решения этой задачи я нашел скрипт - https://lidrekon.ru/slep/ Скрипт условнобесплатный (владелец оставил форму для донатов, призывая поддержать его) и довольно просто устанавливается. Рекомендую. Но я столкнулся с проблемой, что нельзя его адаптировать под разные версии устройств, поэтому я его доработал и публикую свою версию ниже: Код для вставки в секцию head: <script src="https://lidrekon.ru/slep/js/jquery.js"></script> <script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script> Либо код для вставки в footer: <script src="https://lidrekon.ru/slep/js/jquery.js"></script> <script src="https://lidrekon.ru/slep/js/uhpv-hover-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.