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

Рубрики Статьи

Создание версии сайта для слабовидящих — одно из требований ГОСТа к сайтам.

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

Требования

  • На сайте должна быть специальная версия для слабовидящих.
  • У пользователей не должно возникать сложностей с переходом от обычной версии к версии для слабовидящих и обратно.
  • Версия для слабовидящих должна быть выполнена в соответствии с ГОСТ Р 52871-2007 «ДИСПЛЕИ ДЛЯ СЛАБОВИДЯЩИХ. Требования и характеристики» и ГОСТ Р 52872-2007 «Интернет-ресурсы. Требования доступности для инвалидов по зрению».
  • Должна быть возможность увеличения размера шрифта и выбора различных цветовых схем.
  • Все элементы визуального оформления должны быть отключены в версии для слабовидящих.

Рекомендации

  • Рекомендуется размер шрифта основного текста делать не менее 14 пунктов.
  • Рекомендуется в качестве основной цветовой схемы использовать черный текст на белом фоне.
  • Рекомендуется располагать смысловые элементы сайта друг под другом.

Интернет-ресурсы. Требования доступности для инвалидов по зрению

Версия для слабовидящих 2.0 подгоняем под ГОСТ Р 52872-2012

Основные требования к версии сайта согласно ГОСТУ(как их понял я):

  • Изменение размеров текста. Размер шрифта текста может быть изменен пользователем в пределах до 200% без использования вспомогательных технологий и без потери контента или функциональности (уровень АА).
  • Применение атрибута alt ко всем img.Графические файлы, как правило, должны быть сопровождены текстом, поясняющим изображение, т.к. доступ к графическим файлам незрячему пользователю в общем случае затруднен;
  • Никакой капчи. Информация, предназначенная для незрячих пользователей, не должна быть защищена графическими кодами подтверждения подлинности пользователя, работающего за компьютером, которую используют в целях борьбы со спамом на сайтах провайдеров интернет-услуг, мобильной телефонной связи и других служб, предоставляющих различную информацию в сети Интернет. Для подтверждения своей подлинности и исключения возможности автоматического ввода информации программными средствами пользователю необходимо ввести код, изображенный в графическом файле, предварительно прочитав его, что недоступно незрячему пользователю.
  • ВСЕ документы PDF должны быть в 2 вариантах. Графические файлы формата PDF, содержащие документы в графическом виде, должны быть ограниченного применения, т.к. требуют специальных программ распознавания текстов и доступ к ним невозможен при использовании стандартных программ просмотра файлов данного формата.
  • НИКАКИХ фреймов.
  • title для ссылок. При ссылке на информацию, содержащуюся в гиперссылках, должно быть текстовое описание объекта, на который она указывает.
  • Дать возможность работать софту для слабовидящих-скрин ридеры, экранные лупы/клавиатуры.
  • Убрать все свистелки. Украшение, форматирование, прозрачность: если нетекстовый контент используется только с целью украшения, визуального форматирования или вовсе невидим для пользователей, то он должен быть описан так, чтобы специальные технологии доступа к информации для людей с ограничениями зрения могли его игнорировать.
  • Объем контента. Часто посещаемые страницы по своему объему должны быть не более 2-3 экранов текста. Число ссылок на странице должно быть не более 15

И еще куча других требований, которым даже special.kremlin.ru не отвечает. Но Dura lex, sed lex. Делаем ориентируясь на него по тому же принципу, что и в старой статье, добавив немного кнопок и оформив как на вышеобозначеном сайте сие безобразие.

ЧТО ДЕЛАТЬ тем у кого сайт на wordpress?

Готовая бесплатная реализация тут . Ее можете видеть в блоге слева. В целом очень даже круто.

ЧТО ДЕЛАТЬ тем у кого сайт на Joomla?

Качаем расширение переключающее темы на сайте, например такое.

Качаем шаблон, делаем ссылку на шаблон

ЧТО ДЕЛАТЬ всем остальным?

Искать плагины/программиста, уволиться.

ГДЕ ПРИМЕР?

пример на мое поделие тут

ЕСЛИ У КОГО ТО ЕСТЬ ПРИМЕР СООТВЕТСТУЮЩИЙ ЭТОМУ ГОСТУ— ПОКАЖИТЕ ЕГО МНЕ,ХОЧУ УВИДЕТЬ ЭТО ЧУДО ПРИ ЖИЗНИ.

Версия для слабовидящих. Требования ГОСТ и решения

Вы здесь: Версия для слабовидящих. Требования ГОСТ и решения

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

Строго говоря, требования к сайтам для слабовидящих прописаны в ГОСТ Р 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, дисплей Брайля.
Читайте так же:  Гнусная клевета 6 букв

Итак, что с этим всем делать разработчикам?

Вычленяем главное

Сами разработчики ГОСТа упоминают, что исполнить все до единого требования практически невозможно. Поэтому мы рекомендуем в качестве эталонного образца минимальной функциональности использовать версию для слабовидящих сайта Президента РФ http://special.kremlin.ru — ни один чиновник в России не посмеет требовать большего, чем есть на этом сайте.

Мы видим, что помимо обычных коррекций в CSS разработчикам следует учитывать необходимость специального функционала только по 3 направлениям:

  • 1. Изменение размера шрифта, типа шрифта, межбуквенного интервала
  • 2. Изменение цветовой схемы сайта
  • 3. Включение /отключение изображений

Стандартными средствами во многих CMS сделать это не удастся. Потребуется либо подключение специальных плагинов и модулей (для Drupal их просто нет), либо подключение специально написанных js для аякс-переключения CSS. Сложность заключается в том, что ГОСТ требует вариативности — то есть нельзя сделать некую «единую» версию сайта для слабовидящих, а необходимо обеспечить пользователю варианты по каждому из 3 направлений.

Общие рекомендации к программному решению версии для слабовидящих

1. Разумно дизайн основного сайта оставить как есть, а все требования к версии для слабовидящих реализовать на отдельной упрощенной теме, где 30 вариантов CSS (к примеру) не займут так уж много строк кода, и не будут тормозить загрузку основного сайта.

2. Версию для слабовидящих оптимально реализовать на одноколоночной теме. Упрощенное текстовое меню сверху, а через skip-link — переход к основному содержанию страницы.

3. Требования к изменению размера шрифтов, интервалов и типам шрифтов изложены выше. Следует обратить внимание только на главное требование — 200% увеличения размера и контрастность. Цветовых схем рекомендуется сделать минимум три — черно-белая, бело-черная и любая другая (стандартно — темно-синим по голубому).

4. Отключение и включение картинок легко решается через CSS (можно и вовсе во всех цветовых схемах убрать img в hidden). Главное — не забыть убрать все фоновые картинки из стилей.

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

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

По приказу Минкомсвязи России от 23.12.2016 N682 программный продукт внесен в Единый реестр российских программ для электронных вычислительных машин и баз данных — Регистрационный номер ПО: 2524

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

Модуль не нарушает работу основной версии сайта, не требует изменений верстки и дизайна.

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

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

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

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

Разработка версии для слабовидящих

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

Версия сайта для слабовидящих будет соответствовать ГОСТ Р 52872-2007 «Интернет-ресурсы. Требования доступности для инвалидов по зрению», также будет обеспечена совместимость версии с программами экранного доступа.

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

По данным ВОЗ (Всемирная организация здравоохранения), в мире насчитывается более 40 миллионов слепых и более 250 миллионов людей с плохим зрением. Кроме слепых есть еще категория дальтоников (цветовая слепота), их число варьируется от 4 до 8 процентов населения, при этом процент дальтоников среди женщин ниже – менее 1%.

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

Применение этих технологий регулируется всего одним документом – ГОСТ Р 52872-2007 «Интернет-ресурсы. Требования доступности для инвалидов по зрению». Основные положения:

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

Международным стандартом является документ консорциума W3 Web Content Accessibility Guidelines (WCAG) 2.0 (Руководство по доступности веб-контента).
Основные положения документа заключаются в том, что пользователь должен иметь возможность:

  • Воспринимать компоненты пользовательского интерфейса и информацию таким образом, чтобы он был способен воспринимать их;
  • Оперировать всеми компонентами пользовательского интерфейса и навигации;
  • Ясно понимать структуру пользовательского интерфейса и представленную информацию;
  • Использовать разные веб-браузеры , включая специальные браузеры для людей с ограниченными возможностями.

Теперь подробно о каждом из этих требований к форме представления текста.

  • Контраст — не менее 4.5:1;
  • Размер шрифта может быть увеличен в 2 и более раз, при сохранении функциональности и без появления горизонтальной прокрутки;
  • Возможность выбора цвета текста и фона;
  • Ширина текстового блока не должна превышать 80 знаков;
  • Выравнивание текста по ширине блока или окна не допускается;
  • Междустрочный интервал полуторный или выше, расстояние между параграфами в полтора раза больше, чем интервал между строками.
  • Все функции должны быть доступны при помощи клавиатуры;
  • Навигация, поиск и определение текущего положения пользователя на страницах сайта должны быть простыми и удобными;
  • Возможность пропустить повторяющийся блок с переходом к основному содержимому страницы;
  • При управлении с помощью клавиатуры, текущий фокус должен быть видимым.
  • Содержимое сайта должно быть понятным и читаемым;
  • Определения редких слов, сокращений, необычных словосочетаний, аббревиатур и т.п. должны быть приведены в тексте или на полях;
  • Веб-страницы должны «вести» себя предсказуемо;
  • Помощь пользователю при вводе данных: проверка на ошибки, подсказки, контекстная помощь, инструкции по заполнению полей.
  • Сайт должен быть совместимым с различными платформами и браузерами, в том числе с перспективными, а также поддерживать специальные технологии для людей с ограниченными возможностями.
Читайте так же:  Финансовая отчетность строительной организации

Как пользователи с ослабленным зрением пользуются интернетом .

Полностью слепые пользователи используют специальные программы (скрин-ридеры), которые синтезируют речь, эти программы анализируют html-разметку и отсеивают то, что нужно прочитать, а что нет. Другой способ чтения связан с использованием дисплея Брайля, который состоит из программы-ридера и устройства, на корпусе которого расположены рельефно-точечные ячейки.

У пользователей с ослабленным зрением есть несколько вариантов:

  • веб-браузер + специальная программа, увеличивающая часть экрана
  • программные средства масштабирования окна браузера
  • дополнительные возможности самого веб-сайта, которые предусмотрены разработчиками при создании или модернизации сайта по программе «Доступная среда».
  • текстовый браузер – это браузер, который отображает только текстовое содержание веб-сайта.

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

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

Цветовое кодирование позволяет улучшить восприятие информации любыми пользователями. Для примера: кнопка «ОК» может быть зеленой, а кнопка «ОТМЕНИТЬ» — красной. Пользователю можно предложить выбирать цвета для различных задач: очень удобно, когда на экране появляются цветные квадратики с текстом или изображением, которые можно нажать. Это гораздо лучше, чем выпадающее меню.

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

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

От фонового звука желательно совсем отказаться или сделать его отключаемым и тихим.

  • Основной текст должен быть контрастным
  • Должна быть возможность увеличить текст на 200%, при этом страница должна остаться читаемой
  • Без необходимости не стоит выводить текст в виде картинки
  • При верстке необходимо соблюдать правила типографики для веб-страниц: ширина строки должна быть не более 80 символов, текст не выравнивается по краям, межстрочный интервал не должен быть большим и существенно меньше интервала между абзацами.

Все функции должны быть доступны с клавиатуры .

Преимущества мыши известны, однако бывает, что клавиатуру использовать удобнее: стрелки «вниз» в полях ввода или выпадающих списках, Tab, Enter, CTRL-Ins/CTRL-Delete и т.д.

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

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

У пользователя должно быть достаточно времени для ознакомления с контентом .

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

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

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

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

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

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

Эти требования естественны и для обычных сайтов:

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

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

Текст должен быть читаемым и понятным .

  • Язык страницы необходимо определить в HTML-коде. Если на странице есть текст на другом языке, то необходимо использовать атрибут xml:lang, который определяет язык.
  • Если в тексте есть редкие слова, специфические значения слов, аббревиатуры, рекомендуется там же пояснить их смысл.
  • Специализированный контент (с формулами, научными и отраслевыми терминами), который ориентирован не только на профессионалов, но и для более широкой аудитории, рекомендуется дополнить альтернативным упрощенным по смыслу вариантом.

Веб-страницы должны быть предсказуемыми

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

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

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

Сообщения типа: «ERROR №747», «Ошибка: переполнение очереди», «Форма заполнена некорректно» — признак непрофессионализма разработчиков. Сообщения об ошибках должны быть понятны обычным пользователям.

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

  • поле со звездочкой — обязательное,
  • дата в России в формате «дд.мм.гггг»,
  • поле без подписи после поля «пароль» — это повтор пароля,
  • поле рядом с кривыми цифрами — это капча.

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

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

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

Следует избегать не стандартные средства для разработки пользовательских интерфейсов: невидимый слой, который появляется при активации элемента; пиктограммы с изображением включенных/выключенных кружков вместо радибаттона, изображение с onclick-ом вместо кнопки сабмита. Возможности HTML/CSS достаточны для создания самых разнообразных визуальных эффектов.

В статье приведены основные принципы обеспечения доступности контента. В России числится более 13 миллионов людей с ограниченными возможностями, это больше 10% населения страны. Это вполне серьезная аудитория, интересы которой стоит учитывать при разработке сайтов и приложений.

Буквально следовать всем требованиям Руководства действительно сложно, однако придерживаться основных принципов вполне реально.

Разработка сайтов для сельских и городских поселений. Для муниципальных учреждений.

Готовый сайт за 15 дней и 15 000 руб.

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

В этот раз мы поднимем тему важную для муниципальных образований и бюджетных учреждений, а именно — версия сайта для людей с ограниченными возможностями (далее — ВДС). Что предписывает нас ее подключать? Это Федеральный закон от 09.02.2009 N 8-ФЗ Об обеспечении доступа к информации о деятельности государственных органов и органов местного самоуправления, который говорит, что сайты федеральных органов государственной власти, органов государственной власти субъектов Российской Федерации и органов местного самоуправления должны быть доступны для всех категорий граждан.

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

До ноября 2015 года для сдачи ВДС проверяющим органам достаточно было переводить сайт в черно-белой формат и увеличивать шрифт на 50%-100%. Такие вариации ВДС встречаются повсеместно, но они уже устарели.

Зимой позапрошлого года требований к специальной версии сайта добавилось. Одного только ч/б варианта стало недостаточно. Цветовых схем уже должно быть две: черно-белая и бело-черная. Также потребовалась возможность скрывать изображения, а на их месте должно быть текстовое описание, размер шрифта должен изменяться до 200% и увеличиваться интервал между буквами (кернинг).

В июне 2016 года вышла третья редакция требований к ВДС. Она уже не просто ссылалась на ГОСТ 52872-2012 « Интернет-ресурсы . Требования доступности для инвалидов по зрению», ГОСТ стал уже документом, по которому Версию проверяют.

К черно-белым цветовым схемам должна добавиться хотя бы одна «цветная» (желтая, голубая или зелено-коричневая), а также несколько вариантов изменения шрифтов.

Все лишние изображения (картинки в хеддере, фон, баннеры, иллюстрации, капчу и т.д.) необходимо скрывать.
В шапке сайта на всех страницах должна быть поисковая строка на ширину экрана, чтобы пользователь мог в любой момент забить свой запрос. Увеличивая шрифт до самого крупного, а также интервала между буквами, надо проследить, чтобы тексты не наезжали друг на друга, как это реализовано в модулях, которые «цепляются» на сайт и просто перекрашивают его в черно-белый цвет. Секрет в том, что если ваш сайт не сконструирован под Версию для слабовидящих, при переходе на нее он должен перестраиваться без ошибок.

так быть не должно

Фактически, версия для слабовидящих — это если не второй сайт, то второй дизайн вашего сайта.

И еще один момент, пока что это не обязательное условие, но тем не менее, ГОСТ предполагает наличие у сайта озвучки. Это не кнопка, при нажатии на которую читается инструкция как пользоваться ВДС, или рассказывается что-то о сайте. Пользователь должен иметь возможность выделить кусок текста на сайте, а система его прочитает. Такая функция недешевая при подключении и оплачивается за количество озвученных слов. Поэтому на данный момент жестких требоваий к ее наличию нет. Посмотреть вариант ВДС с озвучкой вы можете на этом сайте: http://mse.tomsk.ru

образец версии для слабовидящих как должно быть

Проверьте свою Версию сайта для слабовидящих: соответствует ли они последним требованиям или стоит ее доработать? Если же вы подключали сторонний модуль, то посмотрите оплачена ли у вас годовая подписка 😉