Как стать автором
Обновить

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

Уровень сложностиСредний
Время на прочтение1 мин
Количество просмотров2.2K

Мои клиенты - медицинские клиники, попросили меня сделать версию для слабовидящих на сайте.

Вероятно, вот с чем это связано:

"В соответствием с ГОСТом Р 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.

Теги:
Хабы:
Всего голосов 4: ↑4 и ↓0+4
Комментарии0

Публикации

Истории

Работа

Ближайшие события

Антиконференция X5 Future Night
Дата30 мая
Время11:00 – 23:00
Место
Онлайн
OTUS CONF: GameDev
Дата30 мая
Время19:00 – 20:30
Место
Онлайн
Конференция «IT IS CONF 2024»
Дата20 июня
Время09:00 – 19:00
Место
Екатеринбург
Summer Merge
Дата28 – 30 июня
Время11:00
Место
Ульяновская область