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

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

2017-05-10140923

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

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

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

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

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

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

<script type="text/javascript" src="http://dmev.me/uGost/ver1-2/41/uGost41.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.ucoz.net


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (23)
Корзун Александр 2015-08-10 в 11:39Спам
кнопка выключить на ДЕМО не работает
0
Сергей Александрович 2015-08-10 в 12:49
У меня все работает.
1
Денис Абдуллин 2015-08-10 в 13:13
Изображение не выключаются?
0
Сергей Александрович 2015-08-10 в 14:17
Я проверял то выключается и изображение и сам скрипт.
0
Денис Абдуллин 2015-08-10 в 16:15
Да у меня тоже все работает, я его спрашиваю.
0
Жека Знахарев 2015-08-11 в 07:37Спам
Вот это отличный материал! Очень много пользователей, особенно новичков и различные школы просят помочь с версией для слабовидящих. Простой и прозрачный материал даже для первоклассника=)
1
Сергей Александрович 2015-08-11 в 17:43
Благодарю за такой коммент.
1
AlinKo 2015-08-21 в 01:17Спам
То что доктор прописал))
1
Алик 2015-10-04 в 20:12Спам
Подскажите как можно изменить цвет этой панельки
0
Rimma 2015-12-18 в 20:55Спам
Большое спасибо! Всё получилось с первого раза. Как на сайте переключиться на обычный режим?
0
Денис Абдуллин 2015-12-19 в 11:03
Так кнопка "Х" это обычный режим
0
Rimma 2016-01-04 в 19:09Спам
После Нового года не срабатывает ссылка перехода на версию слабовидящих. Не могли бы подсказать, в чем может быть причина? Ведь работало...
1
Алексей 2016-01-04 в 19:21Спам
Почему не работает скрипт? Так понимаю из-за блокировки сайта, откуда берется скрипт?
0
Марина Толмачева 2016-01-10 в 14:52Спам
Здравствуйте! Не работает версия для слабовидящих, подскажите, что делать???Много образовательных сайтов может накрыть прокуратура.
3
Борис 2016-01-19 в 07:07Спам
Здравствуйте. После Нового года скритп перестал работать, в чём причина?
1
Anton 2016-01-21 в 18:35Спам
А вы войдите в ugost11.js... Я не знаю js, но похоже следующие строки являются чем-то вроде выключателей, которые прописывают запрет на использование после определенной даты.
setCookie("uGostcolorfordk", "color3", "Mon, 01-Jan-2010 00:00:00 GMT", "/");
setCookie("uGostfontfordk", "color3", "Mon, 01-Jan-2010 00:00:00 GMT", "/");
setCookie("uGostimgfordk", "color3", "Mon, 01-Jan-2010 00:00:00 GMT", "/");
А вообще забавно :)
0
Anton 2016-01-21 в 18:44Спам
Вообщем заходите в скрипт и заменяете
setCookie("uGostSettings", "enable", "Mon, 01-Jan-2016 00:00:00 GMT", "/");
на что нибудь типа
setCookie("uGostSettings", "enable", "Mon, 01-Jan-2116 00:00:00 GMT", "/");
0
Дмитрий 2016-07-05 в 06:43Спам
Браво. Наконец-то толково выложили информацию. Спасибо.
Да, последнее действие с активацией, производится в верхней части сайта, раздел- Глобальные блоки.
0
Рустам Бегалиев 2016-09-19 в 11:32Спам
Этот скрипт уже не работает, потому что владелец сайта, на котором расположен скрипт, не продлил домен. Уберите материал. Или измените. А то возникла проблема с тем, что при переходе по ссылкам открывается новая вкладка сна продление.
0
Оля Казакова 2016-11-26 в 21:16Спам
чтобы активировать панель - куда вставить ссылку
<a href="$REQUEST_URI$" onclick="dmuGostSettings();" id="enableuGost">Включить версию для слабовидящих</a>
0
Наталия Вязовченко 2016-11-30 в 22:02Спам
Я установила версию для слабовидящих. Все вроде бы нормально. Но обратно на версию с обычным шрифтом не переходит. Кнопка "выключить" ничего не выключает. Сайт http://pechssh-3.ucoz.ru/
0
Наталия Вязовченко 2016-12-01 в 01:04Спам
Мало того - теперь у меня - белое полотно. И в панель управления не войти. Помогите, пожалуйста!!!
0
Наталия Вязовченко 2016-12-01 в 14:37Спам
Все удалила, на сайт могу зайти, но теперь не могу установить версию для слабовидящих по инструкции.
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите.