Как сделать версию сайта для слабовидящих и установить на сайт

С 1 января 2016 года образовательные учреждения и государственные организации должны оснастить свои сайты версией для слабовидящих.

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

Источник: Изменения в Статье №10 ФЗ-8 от 9 февраля 2009 года.

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

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

Если же изучать тему с формальной точки зрения, то существует ГОСТ Р 52872-2012 «Интернет-ресурсы. Требования доступности для инвалидов по зрению.». Согласно этому документу существует несколько стандартов, доступности информации, например «Уровень А — уровень минимальной доступности. Позволяет инвалиду по зрению обеспечить доступность к интернет-ресурсу без потерь информации».

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

В рамках стандартных возможностей по работе с текстами сайта, такие требования не обеспечить. А значит сайт придется оснащать специальными техническими средствами.

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

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

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

Посмотреть, как выглядит рабочая версия для слабовидящих на Nubex, можно на примере сайта для детского садика .

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

1. Для этого зайдите в главное меню системы управления сайтом: «Документы сайта» -> Колонка № 1.
2. Нажмите на голубую стрелочку внутри кнопки «создать текстовый блок» в выпадающем списке выберите «Создать ссылку на версию для слабовидящих».
3. Ссылка на версию отобразиться в левой колонке вашего сайта (можно переместить ее повыше используя кнопку «Изменить порядок».

Если на вашем сайте дизайн настроен таким образом, что левая колонка отсутствует на главной, вам придется ее включить. Для этого зайдите в раздел «оформление» -> «настроить тему» -> «настройка композиции» -> в блоке «Разбивка центрального поля главной страницы» выберите вариант с двумя колонками (узкая колонка слева L2).

Если же сайт учреждения работает на другой платформе, где до сих пор не подключена подобная версия, то вы можете легко перенести его на современную платформу Nubex. Чтобы сделать это, не нужно быть программистом или обладать специальными знаниями. Достаточно будет посмотреть несколько коротких понятных видеоуроков. В целом создание сайта и перенос основной информации занимает не более 1 часа.

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

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

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

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

Версия сайта для слабовидящих - как сделать для DLE - TCSE-cms разработка сайтов на основе DLE

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

Функционал обязателен для реализации на ресурсах всех государственных структур без исключения. К тому же он рекомендуется для коммерческих и общественных организаций. Версия сайта для людей с ограниченными возможностями по зрению привлечет неохваченную аудиторию.

Создаем версию сайта для слабовидящих на Wordpress

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

Что же данное решение даст людям с неудовлетворительным зрением и администраторам сайтов? Для гостей с ограниченными возможностями – более доступное восприятие информации. Администраторы сайтов в свою очередь тоже выигрывают, ведь привлекут на страницы своего сайта аудиторию, которая раньше не охватывалась. Заметим, что госучреждения и муниципальные организации, которые проигнорируют разработку сайтов с альтернативной версией для слабовидящих, понесут ответственность (речь идет о штрафах).

К версии для слабовидящих людей, которые отражены в ГОСТе Р52872-2012, можно насчитать более 150 пунктов-требований, которые охватывают параметры показа информации для слабозрячих (от стандарта установка ссылок до предоставления защиты). В общем можно выделить следующие главные моменты:

1. Интернет-ресурсы подразделяются на три типа (или версии) по уровню их доступности для слабозрячих :А – минимальная, АА – нормальная, ААА – максимальная (такая площадка будет считаться наиболее подходящей для людей с недостаточно хорошим зрением);
2. Управляемость, воспринимаемость, понятность – сайт для слабозрячих должен в идеале подходить под эти критерии;
3. Фреймы использовать запрещено;
4. Каждая картинка или видео должна иметь пояснения в виде текста, который отображает содержание;
5. Цветовая палитра должна быть контрастной.

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

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

Данный плагин является продвинутой версией бесплатного Comfortable Reading. О достоинствах WordPress решения вы можете судить сами:

• можно выбрать шрифт Брайля;
• можно настроить межбуквенный и межстрочный интервал;
• выбор типа шрифта;
• виджет Вордпресс. позволяющий сделать кнопку-картинку;
• можно добавлять кнопки в меню;
• добавлено включение/выключение изображений, что необходимо по ГОСТу;
• есть две цветовые схемы – коричневая с бежевым и зеленая с темно-коричневым;
• панель управления плагином теперь расположена поверх админ панели;
• в последних версиях были исправлены проблемы несовместимости с некоторыми плагинами.

Приобрести плагин для сайта WordPress можно на странице разработчика (внизу ищем контакты, и через них связываемся с разработчиком): http://wp-lessons.com/comfortable-reading-premium

Button visually impaired Pro – плагин WordPress для создания сайта для слабовидящих
Данный плагин предоставляет следующие возможности:

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

Плагин WordPress платный, но существует его демо-версия, которая способна включать/отключать изображения, менять размер шрифта, менять строчный и межстрочный интервалы, добавлять кнопку в виджетах. Поддерживает большинство современных браузеров, среди которых Chrome, Opera, Safari, Firefox. Платная версия работает по ГОСТ Р 52872-2012. Более подробно по ссылке. https://bvi.isvek.ru/

Скрипт Версия сайта для слабовидящих для uCoz

Акция "Шерлок Холмс"

На одной из страниц проекта спрятан промо-код, дающий скидку 35%
Успейте его найти первым!

Покупай больше – плати меньше

У нас действует система накопительной скидки, экономьте с каждой
покупкой всё больше!
Сумма покупок и скидка привязываются к вашему аккаунту.
О, УЖАС! Вы не авторизованы и не участвуете в накопительной скидке
Кликните сюда, чтобы исправить

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

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

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

Скидка на установку скрипта!

Если Ваш сайт относится к категории "социальных проектов" (сайт школы, ВУЗа, сайт в память героям Великой Отечественной войны и подобные) и у Вас возникают проблемы с установкой скрипта – Вы можете заказать платную установку скрипта командой «uScript».

Стоимость установки в этом случае фиксированная и составляет всего 2$.

Убедитесь, что на вашем сайте активна услуга PHP. Для этого перейдите на главную страницу панели управления и обратите внимание на правую часть страницы. В случае наличия активной услуги вы увидите текст "PHP детали".

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

Как сделать версию сайта для слабовидящих

Здравствуйте, дорогие читатели!

Сегодня мы затронем такую важную тему, как версия для слабовидящих WordPress. Что это такое? Зачем она нужна? Как ее установить? Это и многое другое, я планирую объяснить в сегодняшней статье.

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

Создание версии для слабовидящих людей на WordPress нужна в том случае, когда этого требует гост. А он затрагивает лишь государственные и муниципальные организации. Найти подробную информацию об этом госте можно по номеру: ГОСТ Р 52872-2007.

В некоторых случаях создание версии для слабовидящих на Wordpress является личным желанием заказчика или разработчика сайта. В любом из вышеперечисленных случаев вам будет удобно воспользоваться плагином Comfortable Reading и его премиум версией. О преимуществах и недостатках обоих вариантов мы поговорим дальше.

Когда возникает вопрос о создании версии для слабовидящих на WordPress бесплатно, то лучшим вариантом для вас станет плагин Comfortable Reading. Это демо-версия, которая создает копию вашего сайта с увеличенными шрифтами и изменённой цветовой схемой для посетителей с плохим зрением. Демо-версия плагина позволяет пользователю менять цвет сайта и размеры шрифтов.

Стоит сразу же отметить один из минусов, что данная демо-версия не годится для тех сайтов, где версия для людей с плохим зрением предусмотрена гостом. Премиум вариант, о котором мы поговорим позже, исключает эту проблему. По сути, Comfortable Reading – это пробный вариант перед покупкой премиума, но для тех, кто хочет сэкономить такой вариант можно рассматривать и как долгосрочный.

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

Преимущества Comfortable Reading:

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

Из недостатков могу отметит следующие:

• Не со всеми темами адекватно работает.
• Не красивое изначальное оформление кнопки переключения в версию для слабовидящих. Нужно настраивать под свою тему.

У меня на сайте она изначально выглядела так:

Для того чтобы сделать вашу кнопку переключения более привлекательной добавьте в самом конце файла style.css вашей темы следующий css код:

Цвет фона, шрифта и ширину копку вам нужно будет изменить на свою.
Используя данный код у вас должно получиться как то так:

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

Это улучшенное расширение премиум класса для Comfortable Reading, в которое входит намного больше возможностей. Единственным минусом этого варианта является то, что он платный, но стоит заметить, что стоимость расширение не особо высокая. На сегодняшний день она составляет 700 руб.

Преимущества Comfortable Reading Premium:

• Можно выбрать шрифт Браиля.
• Можно самостоятельно выбирать тип шрифта (с засечками или без них).
• По желанию можно добавлять кнопку в меню, которая будет оповещать посетителей о наличии версии для людей с плохим зрением.
• Больше вариантов цветовых схем.
• Устранены проблемы с отображением элементов before и after.
• Панель управления версией для людей с плохим зрением располагается выше панели администратора.
• Устранены конфликты, возникающие при взаимодействии с другими плагинами.
• Можно самостоятельно настраивать межстрочный и межбуквенный интервал.
• В наличии виджет, который устанавливает кнопку в виде картинки.
• В наличии функция отключения и включения изображений. Такая функция вам особенно понадобится, если вы придерживаетесь госта.
• Исправлены проблемы с боковой панелью, которая время от времени выходила из строя.
• Исправлена проблема возникновения пустого пространства при активированном плагине в сайдбаре.
• Больше не нужно нажимать два раза на кнопку, чтобы вернуться к обычной версии.
• Премиум-статус плагина полностью обновляем и практически не вызывает никаких неполадок.

Устанавливается данный плагин аналогично остальным.

В административной части сайта переходим в «Плагины» =>«Добавить новый» => в строку поиска вводим название плагина и нажимаем «Установить» а потом «Активировать плагин»

После этого в боковом меню сайта появится новый пункт «Версия для слабовидящих»
Из настроек ничего нет, зато есть описание на русском и возможность перейти на платную версию :)

Для того чтобы добавить на сайт кнопку переключения в этот режим нужно:

1. 1. Перейти в меню «Внешний вид» =>«Виджеты» .
2. 2. Находим виджет «Comfortable Reading» и перетаскиваем его в область виджетов сайдбара или футера. Туда где бы вы хотели видеть кнопку переключения режимов.

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

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

Если остались вопросы – пишите комментарии и я с радостью на них отвечу!

Решила я проверить работу этого плагина… (себе на голову). Включила версию для слабовидящих. Теперь ломаю голову как мне её отключить?* Не сам плагин. а вернуться к отображению на моем компьютере нормальной версии?

Здравствуйте, Светлана!
Судя по всему Вы зашли в админ панель WordPress и при тестировании плагина у Вас вверху сайта отображается админ бар WordPress. Попробуйте выйти из админки WordPress и обновить страницу, на которой Вы тестировали плагин или откройте сайт в другом браузере.
Суть в том что админ бар WordPress может перекрывать панель плагина и Вы можете не видеть кнопку возврата в обычную версию.
В идеале должно быть так: http://prntscr.com/ccuowx

Что-то не понятно где это менять ?

color:#000!important; /*цвет шрифта*/

background:#FFDC4C!important; /* цвет фона*/

РЕШЕНО Версия сайта для слабовидящих InstantCMS 2

Версия сайта для слабовидящих - как сделать для INSTANTCMS 2.x.x

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

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

Функционал обязателен для реализации на ресурсах всех государственных структур без исключения. К тому же он рекомендуется для коммерческих и общественных организаций. Версия сайта для людей с ограниченными возможностями по зрению привлечет неохваченную аудиторию.

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

INSTANTCMS 2.x.x - версия для слабовидящих

Если вам приходилось разрабатывать сайт для государственных учреждений РФ, то вы уже должны знать о требовании к специализированной версии сайта для слабовидящих. Скрипт "версии для слабовидящих" обычно продают в качестве дополнительной опции к популярным CMS. Для INSTANTCMS 2.x.x подобного скрипта обнаружено не было.

Автор оригинальной версии для uCoz Рома Келлер aka Inquisitor добавил скрипт 18.10.2015.
Нам потребуется скачать архив со старницы http://uscript.pro/shop/83/item/versija-dlja-slabovidjashhikh

версия для uCoz.zip [1,11 Mb] (Его то мы и адаптируем)

Процедура подключения скрипта для INSTANTCMS 2.x.x очень проста, и даже позволяет реализовать подключение как минимум двумя способами.

1.1 В папку js вашего шаблона загружаем файл uhpv-full.min.js

пример:
для нашего шаблона default скрипт версии для слабовидящих будет находится по адресу:
www.site.ru/templates/default/js/uhpv-full.min.js

1.2 далее открываем файл главного шаблона main.tpl и сразу после

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

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

Самый главный вопрос при решении этой проблемы заключается в том, как установить версию для слабовидящих на сайт юкоз. И решить её, надо сказать, очень просто. Достаточно скачать специальный скрипт, позволяющий включить все необходимые функции без каких-либо затруднений.

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

Если администратор ресурса решил внедрить такую функциональную возможность, то ему следует знать, что:

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

Выше перечислены самые важные правила, которые должны быть учтены, если используется версия для слабовидящих ucoz. С полным перечнем требований можно ознакомиться в ГОСТ Р 52872-2012.

В комментариях ниже вы можете рассказать о своей попытке работы с этим скриптом на своем портале, созданном в укоз. А новички же могут задать интересующие их вопросы, чтобы не натолкнуться на так называемые «подводные камни». Автор скрипта Роман Келлер - Inquisitor