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

10.08.201551409

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

Кажется, ты используешь AdBlock. Урааа развивается и существует за счет доходов от рекламы. Добавь нас в исключения, друг.

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

Возможности скрипта

Версия этого скрипта постоянно улучшается и на данный момент он состоит из таких функций:

Использование 4х разных сочетаний размеров шрифта сайта.
Возможность "Отключить/Включить изображения" на сайте.
Изменение цвета сайта (3 цвета).

Давайте разберем теперь все по порядку. Для начала нам нужно выбрать какой из 4х размеров шрифтов мы будем использовать.

Установка

Копируем код и вставляем на каждой странице перед закрывающим тегом < /body >. А что бы не заходить на каждую страницу отдельно, то можно воспользоваться функцией которую нам предоставляет uCoz.

Заходим в "Панель управления" » "Дизайн" » "Быстрая замена участков шаблонов". Далее нам нужно будет в пункте "Режим замены" выбрать "Многострочный", в пункте "Что заменить" пропишем:

"dblueCol"></body>

а в пункте "На что заменить" пропишем например первый размер шрифта:

"dblueCol">"jsTag"><script type="invComm">"text/javascript" src="invComm">"http://dmev.me/uGost/ver1-2/11/uGost11.js">"jsContainer">"jsCode">"jsContainer">"jsCode">"htmContainer">"dblueCol">"jsTag">"htmContainer"></script>"dblueCol"></body>

Теперь по той же системе нам нужно вставить непосредственно код самого блока управления скриптом. В пункт "Что заменить" вставляем:

"dblueCol"></head>

а в пункте "На что заменить" пропишем следующий код:

"dblueCol"></head>
"dblueCol"><div id="invComm">"infobardm">Размер шрифта:
  "dblueCol">"greenCol"><a onclick="invComm">"dmfunctsizeone();" class="invComm">"dmchangea1">A"dblueCol">"greenCol"></a>
  "dblueCol">"greenCol"><a onclick="invComm">"dmfunctsizetwo();" class="invComm">"dmchangea2">A"dblueCol">"greenCol"></a>
"dblueCol">"greenCol"><a onclick="invComm">"dmfunctsizethree();" class="invComm">"dmchangea3">A"dblueCol">"greenCol"></a>

  Изображения "dblueCol">"greenCol"><a onclick="invComm">"dmdisableimage();" class="invComm">"dmdisableimage">Выключить"dblueCol">"greenCol"></a>
  "dblueCol">"greenCol"><a onclick="invComm">"dmenableimage();" class="invComm">"dmenableimage">Включить"dblueCol">"greenCol"></a>

  Цвет сайта "dblueCol">"greenCol"><a onclick="invComm">"dmcolor1();" class="invComm">"dmcolor1">Ц"dblueCol">"greenCol"></a>
  "dblueCol">"greenCol"><a onclick="invComm">"dmcolor2();" class="invComm">"dmcolor2">Ц"dblueCol">"greenCol"></a>
  "dblueCol">"greenCol"><a onclick="invComm">"dmcolor3();" class="invComm">"dmcolor3">Ц"dblueCol">"greenCol"></a>

  "dblueCol">"greenCol"><a onclick="invComm">"dmreset();" class="invComm">"dmcolor4">Х"dblueCol">"greenCol"></a>
"dblueCol"></div>

А теперь что бы активировать эту панель нам понадобиться вставить простую ссылку такого вида, оно и активирует версию сайта для слабовидящих:

"dblueCol">"greenCol"><a href="invComm">"$REQUEST_URI$" onclick="invComm">"dmuGostSettings();" id="invComm">"enableuGost">Включить версию для слабовидящих"dblueCol">"greenCol"></a>

На этом установка закончена. Рекомендую пересохранить файл скрипта себе на сайт чтобы избежать удаление его с источника. Скрипт может не подойти под все шаблоны потому вам придется настраивать под свой дизайн самому.

Источник: http://manual.ucoz.net