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

Хотите увеличить количество постоянных пользователей и показать целевой аудитории, что полностью учитываете ее потребность в информации? Тогда вам точно понадобится вариант сайта для слабовидящих, разработку которого можно заказать в агентстве BMmedia в Москве. Интернетом в наше время пользуются почти – в том числе и люди с ограниченными возможностями. Ресурсы, на которых установлена версия для инвалидов по зрению, пребывают в более выигрышной позиции, чем остальные. Поэтому ее создание – это не только забота о посетителях, но и значительный вклад в продвижение площадки.

Каким сайтам нужна адаптация?

В соответствии с ФЗ № 419, вступившим в силу в январе 2016 года, создать

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

• Центров социального обслуживания населения;
• Территориальных и социально-реабилитационных центров;
• Школ;
• Детских садов;
• ВУЗов;
• Больниц;
• Клиник;
• Музеев;
• Заповедников;
• Театров;
• Филармоний;
• ОМС и т. д.

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

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

Особенности разработки

Чтобы сделать вариант для слабовидящих, наши разработчики опираются на ГОСТ Р 52 872 – 2012, описывающий главные требования доступности веб-площадок для посетителей с инвалидностью. В соответствии с этим документом такой сайт может иметь 3 варианта доступности:

• А – минимум;
• АА – полный;
• ААА – спецпроект для инвалидов по зрению.

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

Масштабируемость верстки

Обеспечивает увеличение font size до 200% без выполнения дополнительных действий в браузере и возникновения на странице полосы прокрутки горизонтального типа. Для этого наши специалисты встраивают в панель управления специальный инструмент.

Запрет на передачу информации с помощью цвета

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

Отключение картинок

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

Контрастность

Минимальные показатели коэффициента контрастности фона к тексту и элементам дизайна составляет 1:7. В увеличенном тексте эти показатели снижаются до 1:4,5. Мы проверим данное соотношение с помощью специальных сервисов и исправим недостатки.

Капча

От нее стоит отказаться. В крайнем случае, классическую версию можно заменить аудио.

Замена медиаконтента текстом

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

Управление с клавиатуры

Реализацию этого условия без преувеличения считают самой сложной. Наша главная задача – сделать так, чтобы человек с плохим зрением мог выполнять любые действия на сайте только при помощи клавиатуры. Например: перемещаться по странице – клавиши вниз и вверх, выделить – пробел, подтвердить действие – Enter, переключить – Tab.

Логотип

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

Отсутствие ненужных включений

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

Цветовая схема

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

• Синий + голубой;
• Белый + черный;
• Коричневый + бежевый;
• Черный + белый;
• Зеленый + коричневый.

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

Отсутствие временных рамок

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

Использование таблиц

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

Правильная верстка текста

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

Отсутствие pdf-файлов

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

Ридеры для инвалидов по зрению

Еще одно важное условие – корректная работа специальных сервисов экранного доступа. После установки они тщательно тестируются и проверяются.

Кегли интервалов, шрифта, интерлиньяжа, отступов

Регулируются ГОСТОм:

• Ширина строки – до 80 знаков;
• Интервал между строк в абзаце – превышает type size хотя бы в полтора;
• Выравнивание текста по ширине – не используется;
• Промежуток между буквами – 0,12 от type size;
• Отрезок между словами – не меньше 0,16 от type size;
• Расстояние между абзацами – превышает межстрочный интервал хотя бы в полтора раза, а type size – как минимум в два.

Способы создания адаптива для слабовидящих

Специалисты нашего агентства делают версии сайтов для слабовидящих четырьмя методами:

1. Внедрение скрипта, разработанного программистом.
2. Установка бесплатных версий плагинов и скриптов.
3. Разработка на поддомене дополнительного варианта ресурса – самый дорогостоящий вариант, нуждающийся в привлечении к работе веб-дизайнера и верстальщика.
4. Создание адаптивного шаблона для действующего сайта.

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

Ошибки  при самостоятельной разработке

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

• Непонятная иконка, указывающая на кнопку для переключения с одного варианта на другой. Для ее обозначения принято использовать картинку глаз или очков. Креативу здесь не место – в случае со слабовидящими все должно быть логично и однозначно;
• Неправильное расположение этой кнопки. Иногда она находится в таком малоприметном месте, что ее трудно найти даже человеку с идеальным зрением. Это считается недопустимым – кнопка должна быть хорошо заметна;
• Отдельный поддомен. Такое решение увеличит бюджет и усложнит поддержку сайта. А если поисковые системы найдут дубли страниц, вы попадете под санкции;
• Отсутствие всего контента. Адаптивную версию не стоит утяжелять лишними блоками. Ее можно упростить по форме, но ни в коем случае не по смыслу и содержанию (то есть с сохранением полезного контента);
• Ошибки в работе экранного диктора. Если он настроен неправильно, текст произносится с ошибками, а информация считывается не полностью. Чтобы избежать проблем, наши разработчики обязательно тестируют данный инструмент перед запуском ресурса;
• Неполный набор опций, которые должны быть на панели управления. Если вариант для слабовидящих сделан для «галочки», он вряд ли закроет потребности инвалидов.

Где заказать услугу?

Как видите, работа по созданию адаптивной версии для людей с нечетким зрением сопровождается массой нюансов. Если вы хотите, чтобы все было сделано правильно и в соответствии с нормами действующего законодательства, обратитесь за помощью к профессиональным разработчикам агентства BMmedia. Чтобы заказать услугу, звоните по телефону +79295405566 или пишите на почту lead@bmmedia.ru.