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

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

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

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

  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. Проверяем и тестируем на сайте.

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

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

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

Просмотров: 4 335

Related Posts

30 Comments

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

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

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

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

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

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

  • $SITE_NAME$ — $MODULE_NAME$

    Что не так?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.