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

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

10.08.20152828723MSerega

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

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

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

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

  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




Сохраните в социальную сеть
Комментарии (23)
кнопка выключить на ДЕМО не работает
0
У меня все работает.
1
Денис Абдуллин 10.08.2015 в 13:13
Изображение не выключаются?
0
Я проверял то выключается и изображение и сам скрипт.
0
Денис Абдуллин 10.08.2015 в 16:15
Да у меня тоже все работает, я его спрашиваю.
0
Вот это отличный материал! Очень много пользователей, особенно новичков и различные школы просят помочь с версией для слабовидящих. Простой и прозрачный материал даже для первоклассника=)
1
Благодарю за такой коммент.
1
AlinKo 21.08.2015 в 01:17Спам
То что доктор прописал))
1
Алик 04.10.2015 в 20:12Спам
Подскажите как можно изменить цвет этой панельки
0
Rimma 18.12.2015 в 20:55Спам
Большое спасибо! Всё получилось с первого раза. Как на сайте переключиться на обычный режим?
0
Денис Абдуллин 19.12.2015 в 11:03
Так кнопка "Х" это обычный режим
0
Rimma 04.01.2016 в 19:09Спам
После Нового года не срабатывает ссылка перехода на версию слабовидящих. Не могли бы подсказать, в чем может быть причина? Ведь работало...
1
Алексей 04.01.2016 в 19:21Спам
Почему не работает скрипт? Так понимаю из-за блокировки сайта, откуда берется скрипт?
0
Здравствуйте! Не работает версия для слабовидящих, подскажите, что делать???Много образовательных сайтов может накрыть прокуратура.
3
Борис 19.01.2016 в 07:07Спам
Здравствуйте. После Нового года скритп перестал работать, в чём причина?
1
Anton 21.01.2016 в 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 21.01.2016 в 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
Дмитрий 05.07.2016 в 06:43Спам
Браво. Наконец-то толково выложили информацию. Спасибо.
Да, последнее действие с активацией, производится в верхней части сайта, раздел- Глобальные блоки.
0
Этот скрипт уже не работает, потому что владелец сайта, на котором расположен скрипт, не продлил домен. Уберите материал. Или измените. А то возникла проблема с тем, что при переходе по ссылкам открывается новая вкладка сна продление.
0
Я установила версию для слабовидящих. Все вроде бы нормально. Но обратно на версию с обычным шрифтом не переходит. Кнопка "выключить" ничего не выключает. Сайт http://pechssh-3.ucoz.ru/
0
Мало того - теперь у меня - белое полотно. И в панель управления не войти. Помогите, пожалуйста!!!
0
Все удалила, на сайт могу зайти, но теперь не могу установить версию для слабовидящих по инструкции.
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт