Версия сайта для слабовидящих
10.08.201544669
Сегодня хочется поговорить на такую не простую тему, которая охватывает каждого из нас в нашей жизни - это зрение. С каждым десятым годом, наше зрение ухудшается, мы перестаем хорошо видеть. Раньше это затягивалось на дольше, но сейчас, когда наше поколение практически полностью перешло в эру компьютеров, мы стали ускорять этот процесс. Версия сайта для слабовидящих способна сделать сайт более удобным для восприятия.
Обсуждать эту тему можно долго, но я хотел бы обратить внимание на то, как можно сделать для посетителей своего сайта с плохим зрением просмотр контента более удобным и понятным их глазам. В этом нам поможет небольшой скрипт, который сейчас мы, и установим. Но для начала я расскажу, что в него входит.
Возможности скрипта
Версия этого скрипта постоянно улучшается и на данный момент он состоит из таких функций:
Использование 4х разных сочетаний размеров шрифта сайта. Возможность "Отключить/Включить изображения" на сайте. Изменение цвета сайта (3 цвета).
Давайте разберем теперь все по порядку. Для начала нам нужно выбрать какой из 4х размеров шрифтов мы будем использовать.
<script type="text/javascript" src="http://dmev. me/uGost/ver1-2/11/uGost11.js"></script>
<script type="text/javascript" src="http://dmev. me/uGost/ver1-2/14/uGost14.js"></script>
<script type="text/javascript" src="http://dmev. me/uGost/ver1-2/31/uGost31.js"></script>
<script type="text/javascript" src="http://dmev. me/uGost/ver1-2/41/uGost41.js"></script>
Установка
Копируем код и вставляем на каждой странице перед закрывающим тегом < /body >. А что бы не заходить на каждую страницу отдельно, то можно воспользоваться функцией которую нам предоставляет uCoz.
Заходим в "Панель управления" » "Дизайн" » "Быстрая замена участков шаблонов". Далее нам нужно будет в пункте "Режим замены" выбрать "Многострочный", в пункте "Что заменить" пропишем:
</body>
а в пункте "На что заменить" пропишем например первый размер шрифта:
<script type="text/javascript" src="http://dmev. me/uGost/ver1-2/11/uGost11.js"></script></body>
Теперь по той же системе нам нужно вставить непосредственно код самого блока управления скриптом. В пункт "Что заменить" вставляем:
</head>
а в пункте "На что заменить" пропишем следующий код:
</head>
<div id="infobardm">Размер шрифта:
<a onclick="dmfunctsizeone();" class="dmchangea1">A</a>
<a onclick="dmfunctsizetwo();" class="dmchangea2">A</a>
<a onclick="dmfunctsizethree();" class="dmchangea3">A</a>
Изображения <a onclick="dmdisableimage();" class="dmdisableimage">Выключить</a>
<a onclick="dmenableimage();" class="dmenableimage">Включить</a>
Цвет сайта <a onclick="dmcolor1();" class="dmcolor1">Ц</a>
<a onclick="dmcolor2();" class="dmcolor2">Ц</a>
<a onclick="dmcolor3();" class="dmcolor3">Ц</a>
<a onclick="dmreset();" class="dmcolor4">Х</a>
</div>
А теперь что бы активировать эту панель нам понадобиться вставить простую ссылку такого вида, оно и активирует версию сайта для слабовидящих:
<a href="$REQUEST_URI$" onclick="dmuGostSettings();" id="enableuGost">Включить версию для слабовидящих</a>
На этом установка закончена. Рекомендую пересохранить файл скрипта себе на сайт чтобы избежать удаление его с источника. Скрипт может не подойти под все шаблоны потому вам придется настраивать под свой дизайн самому.
Источник: http://manual.
