Версия сайта для слабовидящих – особенности и способы создания

Распространение интернета затронуло большинство сфер нашей жизни. Здесь знакомятся, общаются, делают покупки, ищут информацию, записываются на прием к врачу и оформляют ипотеку. И, если вначале подобные функции не были доступны для людей с ограниченными возможностями, то сейчас версия сайта для слабовидящих стала обязательным условиям для многих web - ресурсов. К примеру, в ОС Windows предусмотрена функция диктора, а для озвучивания и увеличения текста на экране есть специализированные программы.

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

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

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

На основе стандартов WCAG2.0 и ГОСТ P 52872-2012 в 2016 году в РФ приняли закон, согласно которому режим для слабовидящих должен присутствовать в сервисах государственных структур, социальных и образовательных заведений, частных клиник, а также медицинских учреждений.

Отсутствие данной функции влечет за собой штрафные санкции в размере от 3 до 100 тысяч рублей.

Список требований, которым обязан соответствовать интернет-ресурс:

1. Возможность самостоятельного выбора цвета фона и текста.
2. Отсутствие фреймов на страницах.
3. Ограниченное использование файлов формата PDF.
4. Текстовое описание совместно с тегом Alt в каждом изображении.
5. Отсутствие объемных таблиц.
6. Наличие аудио капчи.

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

Методы создания версии для людей с нарушенным зрением

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

Создание
сайтов в DCMedia

Интернет-магазин | Корпоративный сайт | Лендинг

Внедрение уникального скрипта

В этом случае уже готовый сайт оснащается специальным скриптом. Широкую популярность приобрел бесплатный UScript. Однако применить его можно только на движке CMS, где есть поддержка библиотеки Jquery.

Демо-версии плагинов и стандартных скриптов

Для создания оболочки ресурса для слабовидящих можно воспользоваться плагином. К примеру, в платформе WordPress предусмотрена возможность установки расширения «For the visually impaired», предназначенного для пользователей с заболеваниями глаз.

Отдельный сайт на поддомене

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

Разработка адаптивного шаблона

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

По этой причине нужно предусмотреть следующие параметры:

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

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