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