Сайт для инвалидов по зрению

Содержание

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

Сайт для инвалидов по зрению

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

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

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

В 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-ФЗ «О внесении изменений в отдельные законодательные акты Российской Федерации по вопросам социальной защиты инвалидов в связи с ратификацией конвенции о правах инвалидов», и большинство государственных сайтов добавили версию для слабовидящих.

Однако на некоторых из них такая версия отсутствует. Это, например:

Совет Безопасности РФ http://www.scrf.gov.ru/

Верховный Суд РФ http://www.supcourt.ru/
Совет Федерации http://www.council.gov.ru/
Росстандарт http://www.gost.ru/ Доступность сайтов важна не только для государственных сайтов, но и для бизнеса. Следование рекомендациям по повышению уровня доступности уже поможет расширить аудиторию не только за счет лиц с инвалидностью, но и за счет улучшения пользовательских качеств сайта для широкой аудитории и нас с вами. Конечно, для принятия максимально эффективных мер необходимо провести аудит текущей версии сайта, составить ТЗ на верстку, соответствующую рекомендациям, или как минимум внедрить панель комфортного чтения.

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

  • юзабилити
  • веб-дизайн
  • разработка сайтов

Хабы:

  • Веб-дизайн
  • Разработка веб-сайтов
  • Интерфейсы
  • Usability
  • Accessibility

Источник: https://habr.com/ru/post/347478/

Уход за слепыми и слабовидящими пожилыми людьми

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

Но если незначительные дефекты зрения можно исправить с помощью очков или в крайнем случае хирургической операции, то как быть пожилому человеку, практически полностью утратившему способность видеть? Родственникам необходимо прийти на помощь и обеспечить близкому повседневный уход и безопасность в быту, возможно даже пригласить специальную круглосуточную сиделку. А поскольку слабовидящие престарелые люди склонны замыкаться в себе, им сложно найти занятие или увлечение, нужно, чтобы кто-то находился рядом и не давал скучать. Хорошо, если родные могут уделить достаточно времени уходу за пенсионером. В противном случае отличным подспорьем станет пансионат или дом престарелых для инвалидов по зрению. Частные интернаты для слепых и слабовидящих предлагают комфортные условия для размещения пожилых людей, чтобы опытный внимательный персонал окружил их заботой и вниманием. Заведения размещаются в современных зданиях коттеджного типа с прилегающей зеленой территорией для прогулок. Интерьер оборудован по принципу безбарьерной среды для удобства и безопасности перемещения: коридоры и проходы оснащены перилами, в санузлах установлены поручни — после того как пожилой человек освоится на новом месте, он сможет беспрепятственно передвигаться внутри помещений, а при необходимости на помощь всегда придут сиделки: проводят на прогулку, помогут с гигиеной, почитают вслух или просто пообщаются. Постояльцам гарантируется своевременная медицинская помощь и качественный уход за людьми с инвалидностью.

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

В наших пансионатах принимают пациентов после ПЕРЕЛОМА ШЕЙКИ БЕДРА  и ПОСЛЕ ИНСУЛЬТА. Опытные врачи следят за здоровьем пожилых людей, помогают им в буквальном смысле встать на ноги. 

Полный  каталог пансионатов в ближайшем Подмосковье (24 пансионата) >>

Слепые пожилые люди, проживающие в интернатах Подмосковья, в любое время года наслаждаются чистым воздухом и пением птиц. Инвалидам по зрению обеспечено 5-разовое сбалансированное питание, наблюдение врачей, качественный уход, лечебные процедуры с использованием современного оборудования. Загородные центры напоминают санатории, где пожилые люди со слабым зрением могут поправить здоровье и жить активной полноценной жизнью без бытовых проблем. Пенсионеры с ограниченными возможностями в таких условиях чувствуют себя более независимыми, самостоятельными, а каждый день приобретает смысл и полон событий. Уход за инвалидами по зрению

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

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

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

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

Условия ухода за слабовидящими пожилыми людьми

Для обеспечения комфорта и безопасности проживания слабовидящих пожилых людей необходимо позаботиться о надлежащем обустройстве окружающего пространства. А для родственников крайне важно удобно и быстро добиратьс до пансионата, чтобы проведать своих старших. Выбирайте лучшие пансионаты с условиями для слабовидящих:  На юге от Москвы  –  На западе от Москвы  –  На севере от Москвы  –  На востоке от Москвы Существует множество способов создать доступность городской среды для инвалидов по зрению. Тактильные указатели, ярко обозначенные ступени, желтые круги и контуры на дверях призваны снизить риск травматизма и дорожно-транспортных происшествий на улицах и в общественных местах. Слабовидящие не должны чувствовать себя вычеркнутыми из жизни: службы занятости, городские библиотеки с книгами для слабовидящих, организация тематических мероприятий помогут людям с ограниченными возможностями почувствовать себя полноценными членами общества. Внимание и чуткое отношение окружающих — неотъемлемая составляющая социальной адаптации инвалидов по зрению к новым условиям с полным сохранением прав и перспектив.

В сети пансионатов SM-Pension предоставляем большой спектр услуг, в том числе:

Источник: https://sm-pension.ru/nashi-uslugi/ukhod-za-slepymi-i-slabovidyashchimi/

Особый тест: незрячие эксперты проверили более 200 онлайн-сервисов на доступность для слепых

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

Диана Довгая / Фонд “Искусство, наука и спорт”

Только 7 из 78 проверенных организаций имеют 100-процентную доступность сайта или мобильного приложения для слепых. Об этом говорится в крупном исследовании, которое проводилось в России впервые с привлечением незрячих специалистов. В оценку вошли сайты и мобильные приложения 78 организаций из 15 сфер услуг – всего более 200 онлайн-сервисов.

Исследование проводилось благотворительным фондом Алишера Усманова «Искусство, наука и спорт» в рамках программы поддержки людей с нарушением зрения «Особый взгляд» совместно с инклюзивным проектом Everland, который занимается трудоустройством людей с разными видами инвалидности.

По данным Всероссийского общества слепых (ВОС) в России насчитывается примерно 103 тысячи тотально незрячих людей. Чтобы эти люди могли пользоваться компьютерами и смартфонами, на гаджетах должны быть установлены программы экранного доступа (или скринридеры).

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

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

Но при одном условии: если приложение, сервис или сайт грамотно разработан с учетом особенностей пользователей с инвалидностью.

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

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

Также проблемы возникали при использовании агрегаторов по продаже билетов на самолеты и поезда и при поиске заказов на фриланс-платформах.

Основные ошибки связаны с неверной семантической разметкой сайтов и приложений, с некорректной логикой взаимодействия с пользователем (например, человек со слепотой не может самостоятельно зарегистрироваться как самозанятый: нужно посмотреть в камеру для подтверждения). Также часто компании адаптируют только приложения, забывая про сайты.

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

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

На основе этих оценок выводился средний балл для каждой организации. Также высчитывали среднее для каждой сферы услуг: для сайтов и мобильных приложений на Android и на iOS.

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

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

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

При этом важно, чтобы компания привлекала тестировщиков или консультантов со слепотой к разработке или адаптации своих онлайн-ресурсов, — рассказывает незрячий веб-разработчик Everland и куратор исследования Артём Плаксин.

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

Задача фонда в рамках программы «Особый взгляд» – сформировать новый социальный порядок и сделать его максимально доступным для незрячих и слабовидящих людей.

Проведенное исследование онлайн-сервисов показало, что при разработке сайтов и приложений необходимо учитывать потребности пользователей с инвалидностью, в том числе по зрению, — комментирует директор благотворительного фонда «Искусство, наука и спорт» Мария Красникова.

В исследовании с декабря 2019 по апрель 2020 участвовало 26 человек с инвалидностью, в том числе 14 незрячих веб-разработчиков и тестировщиков, которые обладали специальными знаниями для оценки доступности сайтов и мобильных приложений. Для этого они прошли курс на платформе Everland. Консультационную поддержку проекту оказала команда «Делойт», СНГ: Елизавета Устиловская, Роника Чопра, Оксана Синельникова.

Среди проверенных сфер услуг: доставка продуктов и других товаров, в том числе аптеки (Яндекс.Еда, Delivery Club, Перекресток, Аптека.ру и др.), банковская сфера и сервисы электронных денег (АльфаБанк, Сбербанк, Тинькофф, Яндекс.Деньги и др.

), онлайн-ресурсы государственных органов (Госуслуги, Роспотребнадзор, ФНС, сервис по получению цифровых пропусков в Москве и МО), сервисы такси (Uber, Яндекс. Такси, «Везет» и др.), онлайн-курсы (Нетология, GeekBrains и др.), заказ авиа- и железнодорожных билетов (Аэрофлот, РЖД, Tutu.

ru, Skyscanner, Aviasales и др.), сайты крупных российских аэропортов, компании-провайдеры мобильной связи и интернета (Мегафон, Билайн, МТС, Тele2, Yota, Ростелеком), ресурсы по поиску работы и фриланс-платформы (Зарплата.ру, HeadHunter и др.), магазины электроники (Ситилинк, М и др.

), доски интернет-объявлений (Avito, Юла).

Подробный отчет о результатах исследования доступности онлайн-сервисов для незрячих людей доступен напортале «Особый взгляд».

Ежедневно узнавайте больше о своих правах и возможностях, и сообщайте о своих новостях и о тех, кому нужна помощь – регистрируйтесь на https://www.dobro.live/daily/24230/

Подписывайтесь на наш канал в Яндекс-Дзен https://zen.yandex.ru/id/5d3998149c944600ae8f154d и участвуйте в нашей информационной политике – задавайте свои вопросы и темы для обсуждения

https://www.youtube.com/watch?v=KzzublmDn-k

Вступайте в наши группы в соцсетях и вы больше никогда не почувствуете себя беспомощными! Искренне Ваши #открытые нко

https://.com/public175562274

https://www..com/open.nko/

https://www.instagram.com/open.nko/

Источник: https://zen.yandex.ru/media/id/5d3998149c944600ae8f154d/osobyi-test-nezriachie-eksperty-proverili-bolee-200-onlainservisov-na-dostupnost-dlia-slepyh-5ee8d8b70df0e8680f1507bb

Версия сайта для слабовидящих: для каких сайтов обязательна

Сайт для инвалидов по зрению

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

За нарушение вышеупомянутого закона может наступить административная и уголовная ответственность. В первом случае размер штрафа составит до 3 тыс. руб. для физ. лиц и от 50 до 100 тыс. руб. для юр. лиц. Во втором случае размер штрафа может достигает 300 тыс. руб.

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

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

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

Общие правила

Альтернативная версия должна отвечать следующим требованиям:

  • В страницах не используются фреймы.
  •  Можно выбирать цвет текста и фона.
  •  Файлы в формате PDF следует использовать ограниченно.
  • Запрещено использовать таблицы с большой степенью вложенности.
  • Все графические файлы должны сопровождаться текстовым описанием через тег Alt.
  • Капча должна сопровождаться аудиоверсией.
  • Шрифт можно увеличить до 200 % без появления на странице горизонтальной полосы прокрутки.
  •  Нельзя использовать цвет в качестве способа донесения информации.

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

Для пользователя необходимо предоставить как минимум:

  • выбор одного из трех размеров шрифта;
  • выбор одной из трех цветовых схем;
  •  возможность отключить изображения.

Классические цветовые схемы могут быть следующими:

  • черный фон и белый шрифт;
  • черный фон и зеленый шрифт;
  • белый фон и черный шрифт;
  • бежевый фон и коричневый шрифт;
  • голубой фон и темно-синий шрифт.

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

Вот такие схемы используются на сайте клиники микрохирургии глаза

Настройки могут быть более расширенными с возможностью выбора межстрочного и межбуквенного интервалов, а также шрифта с засечками и без.

Расширенные настройки присутствуют на сайте ВТБ-банка

Оформление страницы

Текст должен легко читаться с экранов разной яркости и качества. Но при этом нужно придерживаться определенного уровня контрастности. Для текста и фона он должен быть менее 7:1 (для крупного текста достаточно 4,5:1). Проверить контрастность можно на WebAIM.

Также действуют другие требования к оформлению:

  • Основная информация на странице должна умещаться на 2-3 экранах.
  • Ширина строчки составляет не более 80 знаков.
  • Текст не должен быть выровнен по ширине.
  • Запрещается использовать Flash-анимацию.

Навигация и управление

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

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

Синяя рамка переходит на следующую ссылку при нажатии кнопки Tab на сайте gosuslugi.ru

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

  • вернуть отправленные данные;
  • проверить данные на корректность;
  • проверить, исправить и подтвердить данные перед отправкой.

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

Контент

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

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

Основные проблемы версий для слабовидящих

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

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

  • Съезжает верстка.
  • Иконка версии находится глубоко в подвале или обозначена необычной пиктограммой.
  • Некорректно работает фокус.
  • Встроенный диктор не может прочитать текст.
  • При масштабировании появляется полоса прокрутки.

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

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

Саму версию можно реализовать через плагины For the visually impaired, Comfortable Reading (только для WordPress и Joomla), переключатели JavaScript или отдельным поддоменом. Последний вариант самый затратный, так как усложняет поддержку сайта.

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

Поделиться:
Нет комментариев

    Добавить комментарий

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.