Написать нам
Категория: Разработка
11.08.2021

Рекомендации UX: Как Сделать Сайт Доступным для Людей с Ограниченными Возможностями?

С появлением информационных технологий и интернет-ресурсов всегда возникал вопрос о доступности электронной информации для людей с ограниченными возможностями, решить который смогли только в 1997 году. Именно в этом году специальный орган World Wide Web Consortium запустил инициативу Web Accessibility Initiative, в задачу которой входит разработка единых стандартов и правил для обеспечения сайтов большей доступностью.



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

Что такое WCAG2.0



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



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





Принципы и «гайдлайны» WCAG2.0. Источник.



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

Соответствие сайта к требованиям WCAG2.0



Для оценки соответствия сайта используют следующие критерии:



  1. Уровень соответствия. См. раздел «Что такое WCAG2.0».


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


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


  4. Если информация или функция не имеют поддержки доступности, то необходимо предоставить альтернативную версию с наличием поддержки. Пример – несколько видео-плееров с наличием субтитров или тифлокомментариев.


  5. Принцип «невмешательства». Если технология не имеет возможностей для соответствия WCAG2.0, то ее наличие не запрещается, но и в таком случае она не должна блокировать доступ к другим частям сайта, где поддержка доступности осуществляется. Яркий пример – рекламный баннер. Если текст на нем нечитабелен для слабовидящих людей, то кнопка закрытия должна быть четко видна, в противном случае это будет ограничение для доступа к веб-ресурсу.




Принципы WCAG2.0



Воспринимаемость



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



Управляемость



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



Понятность



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



Надежность



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

Рекомендации по доступности сайтов и сервисов



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



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



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



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





Так выглядит пример качественного контраста для текста. Источник.



Вот несколько советов по поводу текстового контента:



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



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



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



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