Версия для слабовидящих — бесплатно!

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

Недавно нашел одно решение, которым и делюсь, возможно кому-то пригодится.

Установка скрипта достаточно простая:

  1. Качаем архив со скриптом версии для слабовидящих.
  2. На все страницы сайта перед тегом </hеad> вставляем:

    <script type=’text/javascript’ src=’http://jikaka.ru/eye/special.js’></script>, где — jikaka.ru меняем на свой сайт.

  3. Меняем в файле special.js пути к файлам vi.css (в 2х местах), к info.mp3 и к eye.png.
  4. Заливаем файлы в корень в папку eye.
  5. Проверяем и тестируем на сайте.

Данная версия для слабовидящих является универсальной для любого сайта. Стили можно настроить под себя любимого.

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

Пользуйтесь! Да прибудет с вами сила джедая!

Просмотров: 15 399

Related Posts

51 Comments

  • попробовал ваш способ, ничего не получилось, скрипт поставил в шапку но кнопка (глаз) так и не появилась, может чего не так? или расчитывая на продвинутых пользователей вы просто не прописывали кнопку?

    • А что консоль говорит? Может быть до глаза указан неверный путь?
      Есть, где в живую посмотреть?

  • Я вставил его на сайт. Огромное спасибо за скрипт. Все работает. Единственное что правил — кавычки тега type и src в пункте 2.

    • Спасибо, поправил в описании. Это редактор от вордпресса сам их таким образом выводит.

      • спасибо все работает, на ipnk.basnet.by немного пришлось помучится, а так все получилось! единственное менял пути
        в , где — jikaka.ru меняем на свой сайт.
        ‘ поменял на » и путь получился

  • Вставил скрипт на сайт — ничего не появилось. Кнопку надо самому добавлять? Если можно, покажите код примера (Тот пример что есть в описании не понятен).

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

  • $SITE_NAME$ — $MODULE_NAME$

    Что не так?

  • Добавил скрипт, но при включении версии для слабовидящих, получается, в шапке, где звук, вид, интервал..у меня там одни вопросительные знаки. Что не так?

    • кодировку файлов проверяйте

      • Какая кодировка должна быть и как ее изменить?

      • Поменял на Юникод и UTF-8 так скрипт вобще пропал, в смыле на странице сайта не отображается картинка с глазом

        • так нужно использовать кодировку самого сайта, чтобы одинаковой была вместе с файлами скрипта

  • Версию для слабовидящих вставила на сайт фронтпейдж, все работаетЮ иконка отображается, но только в браузере гугл фром, в яндексе, в интернет эксплорер ее не видно, что сделали не так?

    • Версию для слабовидящих вставила на сайт фронтпейдж, все работает иконка отображается, но только в браузере гуглфром, в яндексе, в интернет эксплорер ее не видно, что сделали не так?

      • по вашей ссылке вроде же все работает))

  • Версию для слабовидящих вставила на сайт фронтпейдж, все работает иконка отображается, но только в браузере гуглфром, в яндексе, в интернет эксплорер ее не видно, что сделали не так?

    • по вашей ссылке вроде же все работает))

  • jikaka, спасибо, спасибище тебе агромадное! Всё работает!!!!!

  • Добрый день !
    Иконка отображается в браузере Google Chrome и Opera, в Yandex и Internet Explorer ее не видно, что сделал не так?
    Спасибо!

  • Здравствуйте, jikaka. Вставила скрипт, как в описании, но картинка глаза не появилась. Сайт на Битриксе. Может в этом проблема?

  • Именно такой он и есть. — два раза после названия ru.ru.

    • Проверяйте настройки сайт)

  • Спасибо Вам огромное! Все работает! Мы не программисты и не верстальщики, но с Вашей помощью справились и даже попытались изменить вид глазика)))

  • Спасибо тебе огромное! Всё работает, правда чем больше шрифт тем всё кривее, но я так понимаю это норма

  • Добрый день. Благодарю за прекрасную публикацию.
    Все работает, но только кодировка полетела. Ставила на джумлу.
    подскажите, что подправить.

    Благодарю!

  • Подскажите пожалуйста конкретней, что делать? Где поменять кодировку, что прописать и где?

    ..»так нужно использовать кодировку самого сайта, чтобы одинаковой была вместе с файлами скрипта»…

  • .. очень извиняюсь, мои вопросы два последних. Я их решила, пересохранив файл special.js в нотепаде UTF-8 для BOOM.

  • Добрый день!
    Как можно опустить полоску настройки версии для слабовидящих немного вниз? У нас она перекрывается другой обязательной полосой — Навигатор по гос.сайтам
    Спасибо!

    • через стили попробуйте

  • ни фига не работает((((((((((((( тестирую на Дэнвере.

  • Подскажите, можно ли поправить, что бы само меню не расползалось и не менялось ни как в размерах, оставалось такое же и возможно ли сделать кнопку в определенной странице сайта, а не привязывать внизу странице?

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

    • дополнять скрипт надо

  • Спасибо! Всё работает идеально… Почти.. При переходе на другие страницы сайта происходит сброс настройки вида для СВ. Приходится снова менять размер или стиль отображения. как это починить?

    • переделывать надо скрипт

  • Короче, каракули никак не пропадают! везде преобразовал в UTF8 с БОМ и БЕЗ БОМ, пробовал кириллицу и АНСИ , попробовал все кодировки что есть , никак Каракули и всё

    • посмотреть бы в живую

  • Огромное спасибо. все работает. только кавычки одинарные а двойные заменить пришлось

  • Все сделал как написано, на сайте (битрикс) только значек появился, а реакции от нажатия нет….

  • Здравствуйте, вместо меню выскакивают вопросительные знаки. И как изменить цвет самого глаза. Спасибо

    • вопросительные знаки — кодировка
      цвет глаза — фотошоп

Leave a comment

Hey, so you decided to leave a comment! That's great. Just fill in the required fields and hit submit. Note that your comment will need to be reviewed before its published.