Как сделать версию сайта для слабовидящих и установить на сайт

Установка скрипта для слабовидящих

В качестве примера рассмотрим бесплатную версию Uscript. Чтобы ее можно было использовать для любой CMS, ресурс должен поддерживать библиотеку Jquery. Теперь зайдите в редактор кода и добавьте между тегами <head>…</head> следующие строки:

<script type=»text/javascript» src=»/js/jquery-1.12.3.min.js»></script><link rel=»stylesheet» href=»https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/ligature-symbols.min.css»>

В образце применяется шрифт ligature symbols, но у вас есть возможность заменить его на любой другой.

Далее после закрывающего тега </head> вставьте еще один участок кода:

<div id=»infobardm»><div class=»eye»>Размер шрифта: <a onclick=»dmfunctsizeone();» class=»dmchangea1″>A</a><a onclick=»dmfunctsizetwo();» class=»dmchangea2″>A</a><a onclick=»dmfunctsizethree();» class=»dmchangea3″>A</a></div><div class=»eye»>Изображения <a onclick=»dmdisableimage();» class=»dmdisableimage»>Выключить</a><a onclick=»dmenableimage();» class=»dmenableimage»>Включить</a></div><div class=»eye»>Цвет сайта <a onclick=»dmcolor1();» class=»dmcolor1″>Ц</a><a onclick=»dmcolor2();» class=»dmcolor2″>Ц</a><a onclick=»dmcolor3();» class=»dmcolor3″>Ц</a></div><a onclick=»dmreset();» class=»dmcolor4″><i class=»fa fa-eye-slash» aria-hidden=»true»></i>обычная версия сайта</a></div>

Это и есть описание шаблона, активация которого осуществляется при нажатии кнопки перехода на версию сайта для людей с ослабленным зрением. Кроме того, в этот момент активируется панель настроек шрифта, изображений и цветов. Чтобы шаблон начал функционировать, добавьте кнопку в любое место на странице, используя следующий участок кода:

<div class=»uk-panel»><a href=»/<?= $_SERVER[‘REQUEST_URI’] ?>» onclick=»dmuGostSettings();» id=»enableuGost»><button class=»sscf-popup»><i class=»fa fa-eye» aria-hidden=»true»></i>версия для слабовидящих</button></a></div>

Его следует добавить именно в том месте, где бы вы хотели видеть кнопку перехода к адаптивной версии сайта. Чтобы скрипт окончательно загрузился, в конце страницы рекомендуется добавить еще одну строку:

<script type=»text/javascript» src=»/js/uGost11.js»></script>

Видео

Семантическая верстка

  		Семантической версткой принято называть коррек

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

Пользователь может не заметить неточности в семантическом HTML-коде, однако скрыть их от поисковых систем невозможно. В ходе адаптации сайта для слабовидящих важно внимательно прописывать:

Благодаря качественной семантической верстке вы сможете построить логичную и последовательную иерархию веб-страниц, а также сменить обычную версию сайта на версию для людей с ослабленным зрением и обратно без каких-либо сбоев. Кроме того, сама адаптированная версия сайта будет иметь четкую структуру и функционировать без проблем.

Что если уменя сайт сделан надругой платформе?

Если же сайт учреждения работает на другой платформе, где до сих пор не подключена подобная версия, то вы можете легко перенести его на современную платформу Nubex. Чтобы сделать это, не нужно быть программистом или обладать специальными знаниями. Достаточно будет посмотреть несколько коротких понятных видеоуроков. В целом создание сайта и перенос основной информации занимает не более 1 часа.

При переходе на Nubex версия для слабовидящих уже будет активирована. Также мы можем сделать вам предложение за небольшую плату перевести ваш сайт под ключ на нашу платформу.

Мы подготовили специальное предложение по созданию сайта детского сада под ключ с переносом информации и подключением всего необходимого, в соответствии с новыми законами и требованиями Рособрнадзора в срок до 5 дней. Подобные предложения составлены и для других учебных заведений или школ.

Как сделать сайт для слабовидящих HTML

Для использования этого сервиса достаточно добавить несколько строк в код HTML или Javascript по инструкции. Нужно зайти на сайт FineVision и ввести домен в строку.

Далее можно посмотреть, как будет выглядеть сайт после добавления кнопки, и сразу получить код для установки ссылки на адаптивную версию. Описания по установке для каждой CMS находятся на сайте сервиса. Стоимость лицензии FineVision на один год составляет 350 рублей при условии оплаты через Робокассу.

Можноли установить версию для слабовидящих бесплатно?

Многие организации уже задумались о том, чтобы привести свои сайты в соответствие с новым законодательством. В наиболее выигрышном положении оказались те, чьи сайты находятся на современных платформах, позволяющих быстро и удобно внести соответствующие обновления. Некоторые компании-разработчики заранее позаботились о своих клиентах и самостоятельно уже предоставили им доступ к версии сайта для слабовидящих.

Например, в конструкторе сайтов Nubex уже прошло обновление, позволяющее подключить эту версию. Все организации, использующие сайты на данной платформе, получили обновление бесплатно. Никакая дополнительная переделка сайта при этом не требовалась. Функционал автоматически появился на сайтах государственных учреждений, детских садов и школ. А прочие компании по желанию могут ее активировать на своем сайте, просто добавив специальную ссылку.

Как делается кнопка для слабовидящих на сайте с помощью сервиса

Процесс простой до «безобразия». Всю техническую задачу берет на себя тот сервис, которому отдается предпочтение. В общих чертах все выглядит одинаково. От администратора сайта требуется только адрес ресурса.

В нашем случае сервис FineVision возьмет на себя всю рутинную работу. С его помощью можно установить кнопку для слабовидящих на сайт созданный с помощью сервисов (uCoz,Wix), практически любых cms-систем и самописных сайтов.

Стоит услуга всего 350 рублей в год, устанавливается за минуту. Предусмотрена бесплатная возможность использования услуг сервиса. Но об этом можно узнать на .

Базовый курс WordPress старт

Подробный видео-курс по созданию блога на движке W

Подробный видео-курс по созданию блога на движке WordPress. Только представьте, что у вас уже сегодня будет свой блог. Эти видео-уроки для тех, кто хочешь не учиться, а научиться. Почувствуйте разницу!

ПОЛУЧИТЬ КУРС БЕСПЛАТНО!

Теги