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

ЕСТЬ РЕШЕНИЕ
#1 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.х
#2 16 июля 2016 в 11:09
marozov, Спасибо! Штука нужная.
Как раз задумался о такой версии и искал её для второй ветки нашего движка.
#3 20 сентября 2016 в 13:50
А для 1.10.7 случайно нет у кого нибудь версии сайта для слабовидящих?
#4 10 февраля 2017 в 11:03


А для 1.10.7 случайно нет у кого нибудь версии сайта для слабовидящих?

Keep
Присоединяюсь к вопросу
#5 30 сентября 2018 в 13:54
Выполнил по шагово 2.10.1 не работает
#6 30 сентября 2018 в 15:05
@sferoid, только что проверил на своем тестовом сайте версии 2.10.0, все работает…
#7 1 октября 2018 в 19:47
Хм у меня к сожалению нет, когда захожу под логином паролем да появляется надпись "Версия для слабовидящих" простой ссылкой без обводки, а когда без логинивания захожу не работает
может я не от файл скачиваю — "сам скрипт есть в архиве instantcms.ru/users/files/download5735.html" ???
#8 1 октября 2018 в 20:02
@sferoid, напишите в личку я скину компонентом
#9 7 апреля 2019 в 07:08
Здравствуйте, не хочется плодить темы на форуме, необходим данный компонент для сайтов гос учреждений, не могли бы подсказать решение для текущей версии?
#10 14 февраля 2020 в 18:15
День добрый!

Перестала работать "версия для слабовидящих" при наведении на кнопку внизу показывает ссылку javascript // буквально несколько дней назад работало

подскажите как исправить…
#11 20 февраля 2020 в 13:21
Да, подтверждаю, внезапно перестала работать версия для слабовидящих! Может кто подскажет в какую сторону копать для восстановления работоспособности фичи?
#12 20 февраля 2020 в 13:33
Версия для слабовидящих делаю в любой шаблон ценник 500 р. в личку
#13 25 июля 2020 в 22:04
установил с bvi.isvek.ru ( smileбесплатно, проблем с установкой не было)
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.