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

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

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

Сейчас существуют руководства для веба с целью повышения доступности контента:
международный стандарт WCAG2.0
для пользователей с различными ограничениями здоровья (зрение, слух, моторика и т.д.)
и российский национальный стандарт доступности веб-ресурсов для инвалидов по зрению
ГОСТ Р 52872-2012. Они разрабатывались для людей с нарушениями здоровья, однако использование тех же принципов повысит комфорт в работе с сайтом и для здоровых людей. Ведь люди могут просто устать, или же читать сайт с маленького телефона с тусклым экраном, на котором плохо виден текст.

Три базовых требования к доступности сайтов

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

1. Корректная работа верстки при масштабировании

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

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

В качестве удачного примера использования масштабируемой верстки
можно привести сайт Центрального Банка РФ. Масштаб сайта можно увеличить в браузере не только до 200%, но и до 500% без появления горизонтальной прокрутки.

На скриншоте: увеличение масштаба до 200% на сайте ЦБ РФ без появления горизонтальной полосы прокрутки

Комментарий Юрия Божора, начальника отдела методологии и анализа рисков финансовой доступности службы по защите прав потребителей и обеспечению доступности финансовых услуг (ЦБ РФ):

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

2. Достаточный контраст текста и фона

Визуальное отображение текста и изображения текста имеет коэффициент контрастности не менее 4,5:1.

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

Контрастность текстов можно проверить с помощью чекеров контрастности,
например, Colour Contrast Analyser, или расширений для браузера, например, «Contrast Ratio Checker» для Chrome. Существуют даже онлайн-чекеры контрастности, не требующие установки на компьютер.

На сайте Пенсионного Фонда РФ основной текст имеет достаточную контрастность по отношению к фону, 14:1.

3. Возможность полноценно работать с сайтом с клавиатуры без использования мыши

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

Переключение между клавиатурой и мышкой — временны́е затраты, которые можно минимизировать, если корректно работает TAB и ENTER. А некоторым людям сложно пользоваться мышкой, например, при нарушениях мелкой моторики. Также люди с нарушениями зрения могут пользоваться экранными дикторами — программами для озвучивания текста на экране. В таких случаях важно, чтобы на сайте корректно переключался фокус (при нажатии на кнопку TAB выделялась следующая ссылка/кнопка, а также в строке состояния браузера отображалась ссылка, куда будет совершен переход).

Работа с клавиатурой на сайте хорошо реализована на сайте Госуслуг.

Управление с клавиатуры на сайте госуслуг. При нажатии кнопки TAB фокус переключается последовательно на каждую кнопку/ссылку.

Вот что говорит о важности работы над доступностью государственных сайтов Александр Павлович, заместитель директора департамента развития электронного правительства РФ:

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

Главная страница сайта банка Barclays. При нажатии на TAB пользователь может пропустить весь блок с верхним меню.

Панели для слабовидящих

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

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

Панель комфортного чтения на сайте Росбанка

В 2018 году такая панель появилась и на сайте ВТБ.

Читайте также:  Татьяна михайловна санкт петербург

Панель комфортного чтения на обновленном сайте ВТБ

На сайте Пенсионного Фонда РФ есть несколько иные варианты настройки контрастности, а также существует свой собственный «экранный диктор», не требующий запуска дополнительных программ.

Панель комфортного чтения на сайте ПФРФ (с примененной настройкой контрастности).

Для установки подобной панели не обязательно иметь доступ к исходному
коду сайта. Существуют подобные плагины и для популярных CMS,
которые может установить практически каждый, без особенных затрат. Например,
плагин Comfortable Reading (для WordPress и Joomla).

Пример настройки сайта с помощью плагина Comfortable Reading.

Проблемы реализации функционала для слабовидящих

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

1. Ограниченный функционал

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

Ограниченные настройки для слабовидящих на сайте Генпрокуратуры РФ.

2. Отдельная версия сайта для слабовидящих

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

Версия сайта Президента РФ для слабовидящих вынесена на отдельный URL: special.kremlin.ru .

3. Проблемы работы с экранным диктором

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

О проблемах работы Интернет-банков и мобильных приложений с экранном диктором компания Юзабилитилаб подробно рассказывала на банковском завтраке в сентябре 2017&. Для государственных сайтов эти проблемы не менее актуальны.

4. Версию для слабовидящих сложно найти даже зрячему человеку

На многих сайтах ссылка для перехода к версии для слабовидящих скрыта за мелкими и бледными иконками, как, например, на сайте Счетной Палаты РФ.

Мелкая и бледная иконка для перехода к версии для слабовидящих на сайте Счетной Палаты РФ.

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

Нестандартная иконка для перехода к версии для слабовидящих на сайте Конституционного Суда РФ.

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

Заключение

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

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

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

Подписывайтесь на наш Телеграм, чтобы не пропустить выход новых полезных статей!

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

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

Когда задумались о доступности?

В 1996 году был создан Консорциум Всемирной Паутины (World Wide Web Consortium, W3C), и на одной из встреч был предложен черновик гайдлайнов для улучшения доступности веба. Инициатива получила поддержку таких крупных спонсоров, как Microsoft, IBM, Adobe, и сейчас все популярные браузеры имеют настройки доступности и поддержку разметки WAI-ARIA для предоставления возможности полноценного использования Интернета людям с физическими ограничениями (нарушения работы органов зрения и опорно-двигательного аппарата).

Сейчас существуют руководства для веба с целью повышения доступности контента: международный стандарт WCAG2.0 для пользователей с различными ограничениями здоровья (зрение, слух, моторика и т.д.) и российский национальный стандарт доступности веб-ресурсов для инвалидов по зрению ГОСТ Р 52872-2012. Они разрабатывались для людей с нарушениями здоровья, однако использование тех же принципов повысит уровень комфорта в работе с сайтом и для здоровых людей. Ведь люди могут просто устать или же читать сайт с маленького телефона с тусклым экраном, на котором плохо виден текст.

Экология доступности

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

1. Масштабируемая верстка

(5.1.7.7 ГОСТ Р 52872-2012: размер шрифта текста может быть изменен в пределах 200 процентов без применения вспомогательных технологий таким образом, что пользователю не нужно прибегать к горизонтальной прокрутке для прочтения строки при режиме отображения страницы во весь экран).

Масштабируемая верстка будет полезна и для массовых пользователей — например, когда они заходят на сайт с устройства с маленьким экраном.

В качестве удачного примера использования масштабируемой верстки можно привести сайт Центрального Банка РФ. Масштаб сайта можно увеличить в браузере не только до 200%, но и до 500% без появления горизонтальной прокрутки.


На скриншоте: увеличение масштаба до 200%. Полосы прокрутки нет

2. Достаточная контрастность текста и фона

(5.1.7.3 ГОСТ Р 52872-2012: Визуальное отображение текста и изображения текста имеет коэффициент контрастности не менее 4,5:1).

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

Читайте также:  Как доказать что ты наследник

Контрастность текстов можно проверить с помощью чекеров контрастности, например Colour Contrast Analyser, или расширений для браузера, например “Contrast Ratio Checker” для Chrome. Существуют даже онлайн-чекеры контрастности, не требующие установки на компьютер.


На сайте Пенсионного Фонда РФ основной текст имеет достаточную контрастность, 14:1.

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

3. Возможность работать с сервисом с помощью клавиатуры

(5.2.1.1 ГОСТ Р 52872-2012: Всей функциональностью контента можно управлять через интерфейс клавиатуры без каких-либо ограничений по времени нажатия на клавишу, за исключением случаев, когда вызываемая функция требует ввода с помощью других устройств, зависящего от направления движения пользователя, а не только от конечной точки. Это не запрещает и не должно препятствовать предоставлению возможностей ввода с помощью мыши и других способов в дополнение к клавиатуре).

Переключение между клавиатурой и мышкой — временны́е затраты, которые можно минимизировать, если корректно работает TAB и ENTER. Многие из нас пользуются клавиатурой для навигации, даже не задумываясь над этим.

Люди с нарушениями здоровья могут не пользоваться мышкой из-за проблем с мелкой моторикой. А незрячие люди могут пользоваться экранными дикторами — программами для озвучивания текста на экране. В таких случаях важно, чтобы на сайте корректно работал фокус (при нажатии на кнопку TAB выделялась следующая ссылка/кнопка, а также в строке состояния браузера отображалась ссылка, куда будет совершен переход).

Работа с клавиатурой на сайте хорошо реализована на сайте Госуслуг.


Госуслуги: при нажатии кнопки TAB фокус переключается последовательно на каждую кнопку/ссылку.

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


На скриншоте видно, что пропускается все сквозное верхнее меню и идет переход сразу к первой кнопке на странице.

Это ускоряет доступ к нужному контенту при управлении с клавиатуры при просмотре сайта.

Как можно заметить, большая часть требований — технические, относящиеся к верстке сайта.

Но об “экологии верстки” стали задумываться только недавно. Хотя о доступности веб-контента для лиц с ограничениями здоровья говорили еще в 1994 году, бурное развитие веба привело к тому, что сейчас хорошо сверстанные сайты с учетом рекомендаций для комфортного чтения — скорее исключения или “правила хорошего тона” серьезных веб-студий.

Что делать, если с версткой сайта все плохо? Панель комфортного чтения!

Хорошего эффекта можно добиться без исправления верстки всего сайта. Например, на многих государственных сайтах используется такое решение, как “Панель для слабовидящих”, которая решает вопрос с контрастностью и размером шрифта. С помощью нее можно добавить функции, которые удовлетворят потребности людей с ограниченными возможностями — например, возможность настроить отображение цвета на сайте поможет людям с дальтонизмом, а увеличение интервалов между буквами и строчками, а также настройка шрифта с засечками — людям с дислексией, для которых рядом стоящие буквы меняются при чтении местами.
Такая панель хорошо реализована на уже упоминавшемся выше сайте ПФРФ.

Также удачный вариант ее реализации — на сайте Росбанка. В ней используются иные настройки цветовой схемы, чем у ПФРФ.


Панель комфортного чтения на сайте Росбанка.

В 2018 году такая панель появилась и на сайте ВТБ.


Панель комфортного чтения на обновленном сайте ВТБ.

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


Панель комфортного чтения на сайте ПФРФ (с примененной настройкой контрастности)

Для установки подобной панели не обязательно иметь доступ к исходному коду сайта. Существуют подобные плагины и для популярных CMS, которые может установить практически каждый без особенных затрат, поскольку установка плагина осуществляется либо автоматически, либо требует не слишком трудоемких манипуляций пользователя с готовым скриптом. Например, можно использовать плагин Comfortable Reading (для WordPress и Joomla).


Пример настройки сайта с помощью плагина Comfortable Reading

Есть панель — нет проблем? Все не так просто!

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

1. Ограниченный функционал

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


Пример: сайт Генпрокуратуры РФ. Имеются настройки размера шрифта и три варианта цветовой схемы.

2. Отдельная версия сайта для слабовидящих

Версия для слабовидящих находится на отдельном URL. Также на ней может отсутствовать часть контента по сравнению с обычной версией. Это не самое удачное решение, поскольку нужно поддерживать две отдельных версии сайта, что ведет к дополнительным затратам. Такой вариант используется, например, на http://kremlin.ru/.

3. Проблемы работы с экранным диктором

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

О проблемах работы интернет-банков и мобильных приложений с экранным диктором компания USABILTIYALB подробно рассказывала на банковском завтраке в сентябре 2017 года.

4. Версию для слабовидящих сложно найти даже зрячему человеку

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


Смогли бы вы сразу заметить иконку, если бы она не была выделена на скриншоте?

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


Пример нестандартной иконки

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

Читайте также:  Порядок обжалования кассационного постановления арбитражного суда

Заключение

Мы видим, что развитие юзабилити и доступности на данный момент идет не столько со стороны бизнеса, сколько со стороны государства. Проблемы доступности активно обсуждаются и решаются в банковской сфере, при поддержке ЦБРФ.

1 января 2016 года вступил в силу Федеральный закон № 419-ФЗ «О внесении изменений в отдельные законодательные акты Российской Федерации по вопросам социальной защиты инвалидов в связи с ратификацией конвенции о правах инвалидов», и большинство государственных сайтов добавили версию для слабовидящих. Однако на некоторых из них такая версия отсутствует.

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

По нашему мнению, в ближайшем будущем появятся и стандарты для панели для слабовидящих, и правила “хорошего тона” верстки будет соблюдаться все чаще и чаще!

AdBlock похитил этот баннер, но баннеры не зубы — отрастут

Вы здесь

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

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

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

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

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

Сами разработчики ГОСТа упоминают, что исполнить все до единого требования практически невозможно. Поэтому мы рекомендуем в качестве эталонного образца минимальной функциональности использовать версию для слабовидящих сайта Президента РФ 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). Главное — не забыть убрать все фоновые картинки из стилей.

Ссылка на основную публикацию
Adblock detector