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

Акции

Способ 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

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

На этом все!

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

Функционал

Известные проблемы:

  • не отображаются фотографии
    • фотографии вставленные через background (исправляется при настройке сайта)
    • фотографии с динамическим url (исправляется при настройке сайта)
  • сайты на wix
    • если у вас сайт на wix, то он может сразу не отображаться через сервис или отображаться «криво», напишите нам, мы сразу решим проблему.

 

Если у вас возникли проблемы с использованием сервиса, то в комментарии к этой записи напишите адрес вашего сайта и краткое описание проблемы.

Запрос на помощь по установке баннера 

Не забывайте что для многих сайтов требуется индивидуальная настройка

Инструкция по использованию сервиса

Запрос функционала

Индивидуальная настройка под ваш сайт

Акции

Индивидуальная настройка позволяет удалять или переносить элементы сайта, а также менять их стили.

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

Вы можете абсолютно бесплатно заказать индивидуальную настройку «версии для слабовидящих» под свой сайт.
Для этого в комментарии к этой записи напишите свой e-mail, адрес сайта* и свои пожелания.

* На сайте уже должна быть размещена наша ссылка

Из-за огромного количества клиентов, мы не успеваем быстро производить индивидуальную настройку, поэтому наберитесь терпения, а чтобы ваше сообщение не потерялось,  можете периодически его дублировать.
А если на носу проверка, то пишите сразу на tachyon@tpu.ru.