Вход • Регистрация

Версия для слабовидящих

  •
  • 09 июля 2015 г.
  • Добрый день всем! Поделитесь пожалуйста опытом кто уже делал подобное - как такое реализовывается?

    Необходимо сделать на сайте версию для слабовидящих - т.е. при переходе на данную версию сайт становится полностью черно-белый, без дизайна, вверху панелька для выбора размера шрифта, цвета сайта (смена фона сайта), вкл./выкл. картинок на сайте и т.п. На многих государственных и муниципальных сайтах делают так сейчас... например:
    сайт http://kremlin.ru/ и вот версия для слабовидящих - http://special.kremlin.ru/events/president/news

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

    Ну и может есть уже какой то готовый набор панельки версии для слабовидящих?
    •
    • 09 июля 2015 г. , редакция: 09 июля 2015 г.
    • А можно ваапче на мобильной версии реализовать (по переключению будет мобильная версия (только не мобильная, а ЧБ.))
      •
      • 09 июля 2015 г.
      • Дописывайте к body класс и от него отталкивайтесь
        •
        • 09 июля 2015 г.
        • Делал тут http://vyazma-rmat.ru/index.php/en/ вот так

          1. Подключаем куки http://vyazma-rmat.ru/templates/inspiration-et/js/jquery.cookie.js
          2. там есть 2 типа кнопки:
          Код
          <div id="font_size">

          <div id="size_01" class="size_01">Обычная версия</div>
          <div id="size_03" class="size_03 size_a">Версия для слабовидящих</div><!--По умолчанию показываем что эта кнопка видна-->
          </div>

          3. Скрипт:
          Код

          $(document).ready(function() {

          var cookieName = 'level';
          var cookieOptions = {expires: 7, path: '/'};

          $(".size_01").click(function(){
          $("#font_size div").removeClass("size_a");
          $(".size_03").addClass("size_a");
          $.cookie(cookieName, $(this).attr("id"), cookieOptions);
          $("body").removeClass("slabo");
          });

          $(".size_03").click(function(){
          $("#font_size div").removeClass("size_a");
          $(".size_01").addClass("size_a");
          $.cookie(cookieName, $(this).attr("id"), cookieOptions);
          $("body").addClass("slabo");
          });

          /*Считываем куки при перезагрузке*/

          this_cookies = $.cookie(cookieName);

          if(this_cookies == 'size_01')
          {
          $("body").removeClass("slabo");
          }


          if(this_cookies == 'size_03')
          {
          $("body").addClass("slabo");
          }



          });


          Немного скорректировал код, который на сайте был.
  •
  • 09 июля 2015 г. , редакция: 09 июля 2015 г.
  • Реализовывал на мобильной версии, как раз переключателем. Только прежде убрал всю проверку на устройства и тд, чтобы с мобильных устройств показывало обычную версию по умолчанию. Оставаться на той же странице - не реализовывал, так как версия для слабовидящих сильно отличается от обычной по структуре. Готовый набор так и не нашел, пришлось из разных источников брать (по итогу остался только минимальный набор функций: размер шрифта и фон). И как раз использовал скрипт, который добавляет классы к body и через css уже менял оформление.
    •
    • 04 августа 2015 г.
    • А подскажите пожалуйста где делается проверка на устройства, вернее где ее убрать?
      •
      • 04 августа 2015 г.
      • В параметрах сайта
        •
        • 05 августа 2015 г.
        • так тогда не будет работать мобильная версия сайта. Мне нужно, чтобы можно было переключаться на мобильную и обратно на любом устройстве.
  •
  • 20 сентября 2016 г. , редакция: 20 сентября 2016 г.
  • Всем привет! Снова возвращаюсь к теме "Версия для слабовидящих". Нашел отличную реализацию данной версии по всем требованиям и ГОСТу, но для Битрикса правда - http://test2.glaza.temp.su/?special_version=Y ... в принципе всё это можно сделать, но в данный момент больше всего интересует как реализовать функцию ОЗВУЧИТЬ? т.е. возможно озвучивать всё... ссылки, тексты...
    Может кто то уже сталкивался с этим и есть опыт? Подскажите пожалуйста как это можно реализовать - может скрипты какие, плагины?

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

    P.S. Если кто-нибудь разработал бы подобный модуль/сервис - с удовольствием бы его приобретал бы, и думаю не я один.
  •
  • 21 сентября 2016 г. , редакция: 21 сентября 2016 г.
  • Цитата
    Больше всего интересует как реализовать функцию ОЗВУЧИТЬ? т.е. возможно озвучивать всё... ссылки, тексты...
    Чтобы реализовать такую возможность требуется программный код, который будет озвучивать текст. Вы можете самостоятельно создать такую штуку или купить ее, или подобрать из бесплатных. Чтобы исключить множество вопросов, Вы можете в поисковике задать ключевые слова для поиска, например, программы для озвучивания или голосовой движок и т.д.
    Другой вариант: Вы можете все озвучить самостоятельно, записав аудиофайлы, а затем их воспроизводить на сайте.
    Что касается
    Цитата
    Если кто-нибудь разработал бы
    то эти вещи делают под заказ, а не надеясь, что сейчас сделаем, а там авось за 100 р. кто-нибудь когда-нибудь возможно купит.

    Думаю, что для Вас самое оптимальное - это по гуглить что-нибудь из бесплатных прог и подцепить ее к cms.

    Успехов.
    •
    • 21 сентября 2016 г. , редакция: 21 сентября 2016 г.
    • По поводу самостоятельной озвучки и записи вообще не вариант! На таких сайтах, для которых это необходимо много очень информации и она часто добавляется... это целую звукозаписывающую студию нужно :)

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

      Вот с этим не соглашусь, я отлично понимаю что вещь эта стоящая и не за 100р. Модуль для битрикса, который я приводил в пример, стоит около 10 т.р. вроде, я бы такой купил... и не для одного проекта. Даже обращались к разработчику этого модуля, чтобы за платно сделали нам, но они отказались, т.к. только для битры делают.

      Интересно, неужели кроме меня никому такое не нужно было пока? Всё больше и больше начинают обращаться всякие поликлиники, больницы, школы и другие муниципальные учреждения, которых прям обязывают такую "продвинутую" версию для слабовидящих внедрять на сайт.
      • 21 сентября 2016 г.
      • Школы ха, ну может быть коммерческие школы да могут себе позволить. Мы делали сайт одной нашей школе у них был плачевный опыт с Joomla. Сделали им сайт за 30 000 р. они эту сумму выплачивали нам 4 месяца у учителей с зарплаты понемногу собирали. Обязывать да, обязывают, но не выделяют на это дело ни копейки. Нам конечно их жалко.
        •
        • 21 сентября 2016 г.
        • ну со школами да... туговато, а вот с поликлиниками и прочими муниципальными и социальными учреждениями немного проще. Хоть они и говорят что денег нет и надо всё сделать за 1000 рублей, в итоге когда прокуратура их поджимает, то сразу бюджет находится.
  •
  • 17 ноября 2016 г.
  • Всем доброго времени суток!
    Предлагаю готовый модуль для DIAFAN.CMS. Соответствует всем необходимым ГОСТам. Работает на всех сайтах с открытым исходным кодом.
    Демо-режим 3 дня.
    Стоимость: 3000 руб.
    Подробнее на сайте: http://алексейиванов.рф/versiya-sajta-dlya-slabovidyashchikh
    Или пишите на почту: ivanov@podpor.ru
  •
  • 19 октября 2018 г.
  • Еще есть для wordPress и Joomla бесплатный модуль https://slabovid.ru/install/ , там есть подробная инструкция по установке.Для системы bitrix этот модуль платный, но там есть тех.поддержка, которая поможет с установкой
  •
  • 19 октября 2018 г.
  • Guidelines for creating accessible websites and web applications based on WCAG 2.0 AA
    Тык: https://github.com/Harut/accessibility-guidelines/blob/master/Checklist.rst

Новости

  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости

Форум

Перейти на форум