Версия для слабовидящих 2.0 подгоняем под ГОСТ Р 52872-2012. Wordpress версия для слабовидящих
Версия WordPress-сайта для слабовидящих | Заметки IT-специалиста
Создание версии сайта для слабовидящих предусматривает изменение представления его контента по определенным нормам, необходимым для его восприятия людьми с ограниченным зрением. Так, согласно ГОСТ Р 52872-2012, такой сайт должен обеспечивать следующие возможности:
- включать/отключать изображения;
- наличие нескольких вариантов отображения размера шрифтов;
- включать/отключать управление фоном сайта;
- цвета сайта должны быть контрастными, но цвет не может являться единственным способом для визуальной идентификации элементов на сайте и др.
Плагин Button visually impaired
Дополнение Button visually impaired прекрасно справляется с этой задачей, предлагая необходимый функционал для удобного просмотра сайта людям с ограниченным зрением. Так, среди его основных возможностей:
- удобная панель настроек;
- включение и отключение изображений;
- выбор размера, гарнитуры шрифта;
- выбор межсимвольного и межстрочного интервалов текста;
- выбор фона страницы;
- изменение кнопки переключения на версию для слабовидящих;
- синтез речи.
После установки и активации плагина, в админ-панели появится раздел меню bvi v1.0.6, при переходе по которому Вы попадете на страницу настроек.
Первое, что мы сделаем, — это задействуем плагин. Для этого пункт Включить плагин? необходимо поставить в положение Включено и нажать кнопку Сохранить настройки. В итоге в сайдбар (боковая панель) Вашего сайта будет добавлен виджет с названием Версия для слабовидящих.
По умолчанию в виджете фон кнопки — красный, а цвет текста кнопки иконки — белый. Это можно изменить, перейдя в админ-панели Внешний вид -> Виджеты. Кроме того, виджет можно установить в любую область с виджетами (зависит от выбранной Вами темы сайта).
Теперь давайте проверим работу плагина на сайте. После нажатия кнопки Версия для слабовидящих, в самом верху экрана покажется панель настроек отображения сайта.
Видим, что на панели возможен выбор шрифта текста на сайте, цвет сайта, включение/отключение изображений и звукового сопровождения. Также, если нажать на кнопку Настройки, то покажется дополнительная панель с настройками шрифта.
www.sppec.ru
Версия WordPress-сайта для слабовидящих | Заметки IT-специалиста
Создание версии сайта для слабовидящих предусматривает изменение представления его контента по определенным нормам, необходимым для его восприятия людьми с ограниченным зрением. Так, согласно ГОСТ Р 52872-2012, такой сайт должен обеспечивать следующие возможности:
- включать/отключать изображения;
- наличие нескольких вариантов отображения размера шрифтов;
- включать/отключать управление фоном сайта;
- цвета сайта должны быть контрастными, но цвет не может являться единственным способом для визуальной идентификации элементов на сайте и др.
Плагин Button visually impaired
Дополнение Button visually impaired прекрасно справляется с этой задачей, предлагая необходимый функционал для удобного просмотра сайта людям с ограниченным зрением. Так, среди его основных возможностей:
- удобная панель настроек;
- включение и отключение изображений;
- выбор размера, гарнитуры шрифта;
- выбор межсимвольного и межстрочного интервалов текста;
- выбор фона страницы;
- изменение кнопки переключения на версию для слабовидящих;
- синтез речи.
После установки и активации плагина, в админ-панели появится раздел меню bvi v1.0.6, при переходе по которому Вы попадете на страницу настроек.
Первое, что мы сделаем, — это задействуем плагин. Для этого пункт Включить плагин? необходимо поставить в положение Включено и нажать кнопку Сохранить настройки. В итоге в сайдбар (боковая панель) Вашего сайта будет добавлен виджет с названием Версия для слабовидящих.
По умолчанию в виджете фон кнопки — красный, а цвет текста кнопки иконки — белый. Это можно изменить, перейдя в админ-панели Внешний вид -> Виджеты. Кроме того, виджет можно установить в любую область с виджетами (зависит от выбранной Вами темы сайта).
Теперь давайте проверим работу плагина на сайте. После нажатия кнопки Версия для слабовидящих, в самом верху экрана покажется панель настроек отображения сайта.
Видим, что на панели возможен выбор шрифта текста на сайте, цвет сайта, включение/отключение изображений и звукового сопровождения. Также, если нажать на кнопку Настройки, то покажется дополнительная панель с настройками шрифта.
www.sppec.ru
Как создать версию для слабовидящих на сайте и зачем она нужна
Снова всем привет! Как создать версию для слабовидящих на сайте необходимо знать каждому вебмастеру, планирующему организацию ресурса для людей со слабым зрением. Наличие версии обязательно государственным, а также муниципальным сайтам. Несмотря на данное правило, некоторые заказчики требуют на своем сайте наличие такой версии. Для ее реализации существуют различные плагины. Однако, вначале следует разобраться, для чего данная функция нужна.
Необходимость применения
Наличие версии для слабовидящих c 1.01.16 года обязательно в соответствии с законом «О социальной защите инвалидов в Российской Федерации». Эту функцию обязуются обеспечить муниципальные, образовательные организации, в том числе и здравоохранение. Кроме того, создание версии рекомендуется всем коммерческим организациям.
Исходя из названия, становится ясно, что цель версии для слабовидящих — обеспечить людей со слабым зрением возможностью с комфортом посещать веб-ресурсы и удобно на них работать. Замечу, что это способно значительно повысить численность аудитории.
Важные условия работы
Приступив к созданию версии для слабовидящих на сайте, необходимо знать, какие запросы требуются:
- Страницы должны быть оформлены таким образом, чтобы их содержимое не вызывало трудностей при просмотре и каких-либо действиях;
- Любое прикрепленное изображение должно быть дополнено текстом, в котором будет оно описываться;
- Обязательно наличие функции включения/выключения отображения картинок;
- Требуется возможность включения и отключения управления фоном страниц;
- Необходимо добавление нескольких вариантов шрифта;
- Обязательно наличие контрастных цветов. Однако, цвет не должен быть единственной возможностью для распознавания каких-либо элементов на сайте.
Реализация версии для слабовидящих
Производится она либо по собственному желанию, либо от запроса заказчика, существуют множество скриптов и программ по созданию, которые можно найти в интернете. Рассмотрим самые интересные из них.
- Первый вариант, и наиболее популярный — плагин Comfortable Reading Premium. Он является платным, однако, существует и демо-версия, которой будет достаточно любому пользователю, не нуждающемуся в расширениях. Суть плагина — он копирует обычную версию сайта и предлагает увеличенный вариант с наличием контрастной цветовой схемы, также имеется возможность изменять размер шрифтов и цвета.
Перейдя на сайт, пользователь обнаружит функцию перехода на версию для слабовидящих. При ее нажатии, все изображения исчезнут, а сверху образуется панель, где каждый сам сможет подобрать удобный шрифт и цветовую схему.
Если понадобятся отдельные шрифты и возможные расширения, плагин предполагает платную версию в размере 700 рублей. Скачать его можно здесь: https://tah.wordpress.org/plugins/comfortable-reading/.
- Следующий востребованный способ — плагин Button Visually Impaired (http://bvi.isvek.ru/) — бесплатная версия, которая включает в себя множество различных функций и настроек (от включения/отключения изображений до синтеза речи панели), а главное, устанавливается на любую CMS.
- В свободном доступе есть еще один плагин WordPress «Для слабовидящих» (https://984.ru/plagin-dlya-wp-dlya-slabovidyashhih-v-0-5.html) от разработчика, который постоянно работает и улучшает свой скрипт.
- Завершает мой обзор интересное и очень простое решение FineVision (http://finevision.ru/). Он платный, но за 350-400 рублей в год можно получить постоянную техподдержку и бесперебойную работу продукта, также есть возможность пользоваться бесплатно, выполнив условия акции, указанной на сайте.
Important!
Важно: некоторые варианты работают абсолютно бесплатно или в режиме демо бессрочно. Отличие демо-версии от премиум лишь в том, что в первой функционал стандартный, а во второй есть множество расширенийНадеюсь, что смог подробно и понятно рассказать о том, как создать версию для слабовидящих на сайте. При правильном подходе на реализацию будет затрачено не более десяти минут, но взамен некоторая часть Вашей аудитории будет очень благодарна введению данной функции.
Если вы вебмастер и делаете сайты на заказ, особенно для государственных учреждений, то это является обязательным условием, иначе это чревато штрафом.
При выборе любого сервиса, следует ориентироваться на то, что более широкий набор инструментов предоставит только платная версия, однако, для стандартных решений подойдет любая, находящаяся в свободном доступе.
Если статья Вам понравилась, поделитесь с друзьями!
secretblogera.ru
Версия для слабовидящих 2.0 подгоняем под ГОСТ Р 52872-2012
Основные требования к версии сайта согласно ГОСТУ(как их понял я):
- Изменение размеров текста. Размер шрифта текста может быть изменен пользователем в пределах до 200% без использования вспомогательных технологий и без потери контента или функциональности (уровень АА).
- Применение атрибута alt ко всем img.Графические файлы, как правило, должны быть сопровождены текстом, поясняющим изображение, т.к. доступ к графическим файлам незрячему пользователю в общем случае затруднен;
- Никакой капчи. Информация, предназначенная для незрячих пользователей, не должна быть защищена графическими кодами подтверждения подлинности пользователя, работающего за компьютером, которую используют в целях борьбы со спамом на сайтах провайдеров интернет-услуг, мобильной телефонной связи и других служб, предоставляющих различную информацию в сети Интернет. Для подтверждения своей подлинности и исключения возможности автоматического ввода информации программными средствами пользователю необходимо ввести код, изображенный в графическом файле, предварительно прочитав его, что недоступно незрячему пользователю.
- ВСЕ документы PDF должны быть в 2 вариантах. Графические файлы формата PDF, содержащие документы в графическом виде, должны быть ограниченного применения, т.к. требуют специальных программ распознавания текстов и доступ к ним невозможен при использовании стандартных программ просмотра файлов данного формата.
- НИКАКИХ фреймов.
- title для ссылок. При ссылке на информацию, содержащуюся в гиперссылках, должно быть текстовое описание объекта, на который она указывает.
- Дать возможность работать софту для слабовидящих-скрин ридеры, экранные лупы/клавиатуры.
- Убрать все свистелки. Украшение, форматирование, прозрачность: если нетекстовый контент используется только с целью украшения, визуального форматирования или вовсе невидим для пользователей, то он должен быть описан так, чтобы специальные технологии доступа к информации для людей с ограничениями зрения могли его игнорировать.
- Объем контента. Часто посещаемые страницы по своему объему должны быть не более 2-3 экранов текста. Число ссылок на странице должно быть не более 15
И еще куча других требований, которым даже special.kremlin.ru не отвечает. Но Dura lex, sed lex. Делаем ориентируясь на него по тому же принципу, что и в старой статье, добавив немного кнопок и оформив как на вышеобозначеном сайте сие безобразие.
ЧТО ДЕЛАТЬ тем у кого сайт на wordpress?
Готовая бесплатная реализация тут . Ее можете видеть в блоге слева. В целом очень даже круто.
ЧТО ДЕЛАТЬ тем у кого сайт на Joomla?
Качаем расширение переключающее темы на сайте, например такое.
Качаем шаблон, делаем ссылку на шаблон
<a href=»/?template=accessibility»>Версия для слабовидящих</a>
ЧТО ДЕЛАТЬ всем остальным?
Искать плагины/программиста, уволиться.
ГДЕ ПРИМЕР?
пример на мое поделие тут
ЕСЛИ У КОГО ТО ЕСТЬ ПРИМЕР СООТВЕТСТУЮЩИЙ ЭТОМУ ГОСТУ— ПОКАЖИТЕ ЕГО МНЕ,ХОЧУ УВИДЕТЬ ЭТО ЧУДО ПРИ ЖИЗНИ.
Понравилась статья? Поделиться с друзьями:
tut-admin.ru
