marozov

marozov

+20
Репутация
0
Рейтинг
#1 [ЕСТЬ РЕШЕНИЕ] Версия сайта для слабовидящих InstantCMS 2 14 января 2016 в 11:51
Версия сайта для слабовидящих — как сделать для INSTANTCMS 2.x.x

Зачем нужна версия для слабовидящих?

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

Функционал обязателен для реализации на ресурсах всех государственных структур без исключения. К тому же он рекомендуется для коммерческих и общественных организаций. Версия сайта для людей с ограниченными возможностями по зрению привлечет неохваченную аудиторию.

Особенности:

— бесплатен;
— простота в установке;
— несколько вариантов отображения;
— несколько языковых версий (русский, английский, украинский);
— возможность указать необходимый набор размеров шрифтов;
— возможность включить/отключить управление отображения изображениями;
— возможность включить/отключить управление фоном сайта;
— возможность изменить внешний вид панели управления версией для слабовидящих;
скрипт соответствует требуемым нормам.

INSTANTCMS 2.x.x — версия для слабовидящих

Если вам приходилось разрабатывать сайт для государственных учреждений РФ, то вы уже должны знать о требовании к специализированной версии сайта для слабовидящих. Скрипт "версии для слабовидящих" обычно продают в качестве дополнительной опции к популярным CMS. Для INSTANTCMS 2.x.x подобного скрипта обнаружено не было.

Автор оригинальной версии для uCoz Рома Келлер aka Inquisitor добавил скрипт 18.10.2015.
Нам потребуется скачать архив со старницы uscript.pro/shop/83/item/versija-dlja-slabovidjashhikh

версия для uCoz.zip [1,11 Mb] (Его то мы и адаптируем)

Процедура подключения скрипта для INSTANTCMS 2.x.x очень проста, и даже позволяет реализовать подключение как минимум двумя способами.

Вариант 1

1.1 В папку js вашего шаблона загружаем файл uhpv-full.min.js

пример:
для нашего шаблона default скрипт версии для слабовидящих будет находится по адресу:
www.site.ru/templates/default/js/uhpv-full.min.js

1.2 далее открываем файл главного шаблона main.tpl и сразу после

  1. <?php $this->addMainJS("templates/{$this->name}/js/messages.js"); ?>

добавляем

  1. <?php $this->addMainJS("templates/{$this->name}/js/uhpv-full.min.js"); ?>
после

  1. <body>
добавляем

  1. <!-- версия для слабовидящих -->
  2. <style>
  3. #hpvgd,.h-mdiv,.h-mdiv2,.h-ldiv,.h-rdiv {background:#EAEAEA; color:#6D6D6D;}
  4. #hpvgd {width:100%; z-index:100; width:100%; border-bottom:2px solid rgb(230,230,230);}
  5. .h-mdiv {display:none; position:relative; margin:auto; text-align:center;}
  6. .h-mdiv2 {display:none; position:fixed; margin:auto; text-align:center; width:400px; height:200px;}
  7. .h-ldiv {float:left; padding:7px 10px 7px 0px;}
  8. .h-rdiv {position:absolute; top:7px; right:0px; text-align:right;}
  9. .h-ni {display:none !important;}
  10. a.hcmaf {color:red; margin-left:5px; font-size:20px; font-weight:bold;}
  11. a.h-anl {color:#2a72cc;}
  12. a.h-al {color:#ED664B;}
  13. .h-fi {font-weight:bold; border-radius:50%; padding:0px 8px; margin-right:5px; font-size:19px;}
  14. .h-background-1 {color:#fff !important; background:#000 !important;}
  15. .h-background-2 {color:#000 !important; background:#fff !important;}
  16. </style>
  17. <script src="templates/{$this->name}/js/uhpv-full.min.js"></script>
  18. <script>
  19. var uhe = 2,
  20. lng = 'ru',
  21. has = 0,
  22. imgs = 1,
  23. bg = 1,
  24. hwidth = 0,
  25. bgs = ['1','2'],
  26. fonts = ['19','21','23'];
  27. $(document).ready(function(){uhpv(has)});
  28. </script>
  29. <!-- /версия для слабовидящих -->
строка lng = 'ru', (выбираем нужный язык — русский, английский, украинский)
пример:
для нашего шаблона default скрипт версии для слабовидящих будет находится по адресу:
www.site.ru/templates/default/main.tpl


1.3 Теперь необходимо добавить ссылку на включение "версии для слабовидящих" для этого в удобном для вас месте добавьте код
  1. <span id="uhvb" style="display:none;"><a href="javascript://" onclick="uvcl()"><b>Версия для слабовидящих</b></a></span>
Установка завершена.



P.S. Второй вариант выложу как опробую, искал подобие для  instantcms 2.х.х готовое решение,
помидорами не кидайте, если можете помогите его оптимизировать.
Знаю что два раза указана ссылка на сам скрипт, но заработало именно так.

сам скрипт есть в архиве instantcms.ru/users/files/download5735.html

\\проверил на
2.2.х, 2.3.х, 2.4.х
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.