Акция! Получите год бесплатного использования сервиса!

Акции

Способ 1

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

*Система управления сайтом (CMS) или конструктор сайтов не должны повторяться.

 

Способ 2

Помогите установить друзьям, знакомым и коллегам нашу версию сайта для слабовидящих, после чего в комментарии напишите адрес своего сайта и адреса 3 сайтов* где установлена наша ссылка.

*Это должны быть официальные сайты любых бюджетных организаций (школ, детских садов, техникумов, библиотек, лицеев, культурных или спортивных учреждений и т.п.)

 

Способ 3 и три бесплатных года

Запишите видео-инструкцию по установке нашего баннера себе на сайт и выложите видео на youtube.
Предварительно запросите индивидуальную настройку и прочитайте как добавлять на сайт контент, который будет виден только в версии для слабовидящих.

 

Способ 4 

В случае если сайт отображается «криво» и после обращения в раздел индивидуальная настройка наши специалисты не смогли это исправить, то Вы можете пользоваться сервисом бесплатно до исправления ошибки (рассматривается индивидуально).

 

Сайты попадающие под одну из акций

 

 

Настройка версии для слабовидящих (для администраторов сервиса)

Инструкции

Изменение исходного HTML

Вкладка «Protocol»

Действие выбирается в поле Action

  • set_style — позволяет добавить элементу, по селектору (поле Selector), один или несколько атрибутов (поле Value)
  • set_class — позволяет выставить элементу указанный в Value класс
  • set_id — позволяет выставить элементу указанный Value id
  • move_top — перемещает элемент на самый верх в тэге body

 

CSS стили

Часть описана тут http://public.finevision.ru/?p=110

  • .finevision-line-height-1 — задает множитель межстрочного интервала 1 (также есть .finevision-line-height-2 и .finevision-line-height-2)
  • .finevision-header — стиль для заголовка
  • .finevision-topmenu — стиль для горизонтального меню
  • .finevision-leftmenu — стиль для горизонтального меню слева (двухстолбцовый сайт)
  • .finevision-content — стиль для контента (двухстолбцовый сайт)
  • .shadow-off — удалить тень

 

Перенаправление

Для перенаправления на другую версию сайта необходимо во вкладке «Website» найти нужный сайт и нажать редактировать.
Указать в поле Url To Redirect нужный URL.

 

JS скрипты

Добавляются сайту во вкладке «Website», поле Attach File, а в поле Js Args аргументы переданные скрипту (через запятую)

  • add_js_script.js — добавит в head скрипты по указанным в Args url (полезен если исходные скрипты не зацепились)
  • ignore-all.js — у элементов по селекторам указанным в Args будет игнорироваться изменение шрифта, цвета и показ изображений
  • ignore-color — у элементов по селекторам указанным в Args будет игнорироваться изменение цвета
  • remove.js — удаляет элементы по селекторам в Args

Отдельный контент для слабовидящих на сайте

Функционал

По ГОСТ мультимедийный контент в версии для слабовидящих должен иметь текстовый вариант.
С помощью нашего сервиса очень легко в версии для слабовидящих прятать ролики и показывать их описание.

Прячем и показываем контент

Рассмотрим на примере тэга видео

<video>
 <source src="URL">
</video>

Для того чтобы видео пряталось при переходе в режим для слабовидящих необходимо добавить атрибут class со значением finevision-off, если class уже есть, то добавляем к имеющемуся классу через пробел finevision-off.

<video> class="finevision-off"
 <source src="URL">
</video>

А если мы хотим, чтобы видео пряталось при нажатии на кнопку отключить рисунки, то добавляем класс finevision-img.

Для текстового описания видео добавляем класс finevision-on и стиль display: none;

  <div class="finevision-on" style="display: none;" >Описание вашего видео</div>

Таким образом текст будет невидимым на сайте, но появится в версии для слабовидящих.

 

Игнорируем функционал

Для запрещение изменения размера шрифта в класс объекта добавляем ignore-fonts

Для запрещение изменения цвета в класс объекта добавляем ignore-color

Для запрещение изменения междустрочного интервала в класс объекта добавляем ignore-line-height

Помощь в установке

Инструкции

Возможны следующие варианты установки:

1) Через программу TeamViewer

http://www.teamviewer.com/ru/?pid=google.tv_exact_eng.s.ru&gclid=CjwKEAiA9c-2BRC_vaaJ0Ybps30SJABlqxDeUJoIfcNpNI95q1gES6UbuwuWhRb_lK—BdoyLFuvQhoCNBXw_wcB

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

2) Вы сообщаете достаточную информацию для доступа к вашему сайту

Внимание!!! не размещайте эти данные в комментарии, только на почту admin@public.finevision.ru, и, при возможности, временно поменяйте пароль

Инструкция для конструктора сайтов Setup.ru

Инструкции

Предполагается, что у вас самый дешевый тариф, без возможности вставки HTML-кода

  1. Получаем ссылку (не баннер) на http://finevision.ru
  2. Заходим в панель администрирования сайта и нажимаем редактировать
  3. Нажимаем изменить меню, и далее добавить новый пункт меню
  4. В верхнее поле пишем «Версия сайта для слабовидящих», в нижнее вставляем полученную ссылку
    1
  5. Переносим пункт меню в самый вверх
  6. Нажимаем сохранить
  7. Нажимаем опубликовать

Для Joomla 1.0

Инструкции

Получить HTML-код баннера на http://finevision.ru/

Зайти в панель администрирования сайта, в панели выбрать «Расширения», «Менеджер шаблонов»

6

Далее нажать на активный шаблон (помечен звездочкой)

7

Нажимаем «Редактировать HTML»

8

Перед нами HTML код шаблона.

Вставить код баннера можно практически в любом месте. Только если его вставить баннер с position: fixed в область <head>, то он может у людей с низким разрешением оказаться позади меню и заголовка.
Поэтому лучше его вставить в область

<div id="footer">

которая находится почти в самом низу шаблона (на картинке подчеркнута)

13

После чего нажимаем «Сохранить»

10

И еще раз «Сохранить»

11

Смотрим сайт

 

12

 

 

Инструкция для сайтов на Jimdo

Инструкции

Если не получается по этой инструкции то посмотрите вариант 2

Получите код баннера на http://finevision.ru и скопируйте его буфер обмена (выделить и нажать ctrl + c или правой кнопкой мыши копировать)

В панели управления сайтом, необходимо перейти в шаблоны и сверху выбрать собственный шаблон.

После чего откроется редактор шаблона.

Найдите строчку

    <div id="header">

Установите курсор на конце строчки и нажмите «Enter»

И в получившейся пустой строчке вставьте полученный код баннера.

вставка

После чего нажмите сохранить

Инструкция для сайтов школ г. Томска

Инструкции

Вот ссылка со светло-желтым текстом, вместо gim2.tomsk.ru вставьте адрес своей школы, при желании можете поменять цвет меняя значение FFFF90

<h2><a href="http://finevision.ru/?domain=gim2.tomsk.ru"><font color="#FFFF90">Версия для слабовидящих</font></a></h2>

Откройте редактор сайта и перейдите к добавлению раздела.
Путь к разделу может быть любым, например finevision,
а в заголовок раздела поставьте код выше (не забудьте заменить адрес, на адрес своей школы) и нажимаем добавить раздел.

tomsk1

После чего раздел появится в списке (не пугайтесь светло-желтого цвета), этот раздел необходимо перенести на первое место.

На этом все!

Устранение проблем

Функционал

Внимание!

  • если у вас сайт на wix, то он может сразу не отображаться через сервис или отображаться «криво», напишите нам, мы сразу решим проблему.
  • Если у вас возникли проблемы с использованием сервиса, то заполните эту форму

Не забываем посмотреть Инструкции по использованию сервиса

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

Правовая база

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

Приказ Росстандарта от 29.11.2012 N1789-ст «Об утверждении национального стандарта»

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

Предписания прокуратуры и судебные процессы

http://www.sakhalinprokur.ru/news.php?id=9311

http://riamo.ru/happen_news_moscow/20150611/612437661.html

http://www.sokik.ru/news-6510.html

http://www.mosproc.ru/news/butirskaya/po_trebovaniyu_butyrskoy_mezhrayonnoy_prokuratury_slabovidyashchie_deti_poluchili_dostup_k_informats/

http://akademichesky.mos.ru/presscenter/news/detail/2243584.html

http://www.bezgranitc.ru/content/2015-08-26-110100/prokuratura-kazbekovskogo-rayona-trebuet-v-15-shkolah-sozdat-versii-saytov

http://ordjon.procrb.ru/news/news.php?ID=20494

http://vladprok.ru/sobinskaya-mezhrajonnaya-prokuratura-potrebovala-ot-obrazovatelnyh-uchrezhdenij-obespechit-dostupnos

http://gazeta-lianozovo.ru/?p=4375

http://kaluga.klg.sudrf.ru/modules.php?name=docum_sud&id=1400