Конечное решение может отличаться в зависимости от CMS вашего сайта (WordPress, Joomla, DataLife Engine, и другие).
Версии сайта для слабовидящих строго обязательны для сайтов социальных и образовательных учреждений в России. Остальные могут делать такие версии по своему желанию, для удобства своих пользователей и привлечения дополнительной аудитории с ослабленным зрением - в этом случае часто достаточно поставить модуль увеличения размера шрифта.
Требования к сайтам для слабовидящих прописаны в ГОСТ Р 52872-2012 "Интернет-ресурсы. Требования доступности для инвалидов по зрению". Помимо ГОСТа, существуют также международные требования: Web Content Accessibility Guidelines (WCAG 2.0.) - от W3C, Section 508 Standards – США, WaSP – Великобритания, DAL – Дания. Версия отвечает требованиям российского ГОСТ - потому что прокурорские проверки сайтов опираются именно на него.
ГОСТ Р 52872-2012 определяет 3 уровня доступности для инвалидов по зрению: А - минимальная доступность, АА - полная доступность, ААА - доступность специализированных сайтов для инвалидов по зрению.
Основные требования к уровню ААА, как наиболее распространенному.
Информация должна быть представлена в виде текста, в том числе - к изображениям, гиперссылкам и элементам форм обязан прилагаться поясняющий содержание текст (например, в ALT и longdesc, или под изображением). Изображения можно отключить (кроме логотипа).
Капча (если она используется) обязана иметь аудио-версию.
Файлы PDF должны использоваться ограниченно, как недоступные для многих инвалидов по зрению (как допустимый вариант - иметь функцию увеличения размера).
Таблицы не должны иметь много уровней вложенности.
Фреймы полностью запрещены.
Часто посещаемые страницы не должны иметь объем больше 2-3 экранов.
Размер шрифта должен масштабироваться до 200% без вспомогательных средств и без появления полосы горизонтальной прокрутки в режиме полного экрана.
Медиа-контент, ограниченный по времени (например, слайдер) должен иметь поясняющие надписи к каждому элементу контента.
Адаптируемый дизайн - например, более простая верстка и дизайн.
Значимая последовательность контента (никаких вставок постороннего контента внутри главного контента).
Цвет не используется в качестве единственного визуального средства передачи информации и выделения элемента.
Коэффициент контрастности - не менее 7:1. Для увеличенного текста - не менее 4,5:1.
Требования к форматированию: цвета переднего плана и фона могут быть выбраны пользователем, ширина строки не превышает 80 символов, текст НЕ выровнен по ширине строки, межстрочный интервал внутри абзаца не менее 1,5, интервал между абзацами не менее чем в 1,5 раза больше межстрочного.
Любое действие пользователя на сайте можно осуществить с помощью одной клавиатуры, причем без ограничений по времени нажатия на клавишу.
Навигация или хлебные крошки дают возможность пользователю в любой момент времени определить, в какой части сайта он находится - в рамках единообразной навигации.
Язык сайта должен быть программно определен.
Программные средства экранного доступа для слабовидящих корректно работают на сайте. К ним относятся Jaws for Windows, MAGic, ONYX camera, NVDA, дисплей Брайля.
Сами разработчики ГОСТа упоминают, что исполнить все до единого требования практически невозможно. Поэтому мы рекомендуем в качестве эталонного образца минимальной функциональности использовать версию для слабовидящих сайта Президента РФ - ни один чиновник в России не посмеет требовать большего, чем есть на этом сайте.
