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

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

11 мая 2023       232 просмотра

Итак, представим, что вы слишком дохера мастурбируете и ваши ладошки давно и часто приходится брить, а зрение совсем ослабло. Самое распространенное на текущий момент решение, это завести себе резиновую бабу так называемый "Button visually impaired". Гуглится легко, найдёте сами. Но вся беда в том, что на сегодняшний момент вся эта конструкция более-менее работает только под Wordpress, а ежели у вас какая-то другая CMS, то добро пожаловать нахуй в мир йобли отладки JS. Я, глядя на всё это блядство, решил облегчить вам задачу и подготовил рабочие файлы.

Теперь объясню как перестать смотреть аниме и начать жить это установить.

Идём за пивом в макет нашего сайта и в башку (секцию <head>...</head>) вставляем наши CSS-ки:

<link rel="stylesheet" href="/css/bvi.min.css" type="text/css">
<link rel="stylesheet" href="/css/bvi-font.min.css" type="text/css">

Ок, теперь нам нужно в секции со скриптами, ну либо если у вас таковой нет, то в тушке (секции <body>...</body>) прописать JS:

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="/js/responsivevoice.min.js"></script>
<script src="/js/js.cookie.js"></script>
<script src="/js/bvi-init.js"></script>
<script src="/js/bvi.min.js"></script>

Вообще, jquery можете скачать и разместить на своём ресурсе, чтобы ваши ладошки были мягкими и шелковистыми обезопасить себя на случай пиздеца.

А далее — куда-нибудь вставляете (Гусары — молчать!) кусок HTML кода, который будет включать панель для запуска циклонных торпед слабовидящих:

<a href="#" class="bvi-open">Версия для слабовидящих</a>

Вообще — это может быть не только надпись, допустим через <img scr="картинко.жепег" /> можно вставить изображение с сиськами котиками в колено всех заебавших глазом.

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

По поводу инструкций по тонкой настройке и работе с данной поеботой — обращайтесь к сайту автора, единственное, что смею заметить, что в данной сборке болван, озвучивающий текст, вызывается не через bvi-speech, а через bvi-voice.


upd после некоторых поисков нашел ещё один вариант:

Во имя вселенского бобра привожу ссылку на сайт — https://lidrekon.ru/slep/

Работает оно так:

1. Скачиваем скрипты, берём изображение, которое показывает, что тут включается режим для тугосерящих:
jquery
uhpv-full

белый глаз


черный глаз

2. Подключаем скрипты в секции <head>:

<script src="/js/jquery.js"></script>
<script src="/js/uhpv-full.min.js"></script>

3. Вставляем свечку изображение-кнопку для переключения:

<img id="specialButton" style="cursor:pointer;" src="/images/йобаныйглаз.png" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />