Доступность для дизайнера интерфейсов
Доступность (accessibility) в контексте веб-сайтов и приложений означает создание интерфейсов, которые могут быть использованы и восприняты людьми с различными ограничениями. Это включает людей с физическими, зрительными, слуховыми, когнитивными или другими видами ограничений.
Важность доступности заключается в том, что она позволяет этим людям получать полный доступ к информации и функциональности, которые предлагаются вашим продуктом. Без доступности, люди с ограниченными возможностями могут столкнуться с преградами, которые делают использование платформы затруднительным или даже невозможным.
Давайте для начала разберем несколько принципов доступного дизайна
Perceivability (Воспринимаемость)
Принцип воспринимаемости гарантирует, что информация и элементы пользовательского интерфейса будут воспринимаемы для всех пользователей, включая тех, у кого есть ограничения восприятия. Это может включать использование четкого и контрастного текста, правильное размещение элементов интерфейса, альтернативные способы представления информации (например, текстовые описания для изображений) и поддержку аудио- или видео-субтитров.
Примеры интерфейсных решений
- Использование достаточного контраста между текстом и фоном, чтобы обеспечить хорошую читаемость для пользователей с нарушениями зрения.
- Предоставление альтернативных текстовых описаний для изображений, позволяющих пользователям с нарушениями зрения понимать содержание, передаваемое изображениями.
Operability (Управляемость)
Принцип гарантирует, что пользователи могут легко взаимодействовать с системой и управлять ею. Это включает в себя использование четких и последовательных механизмов навигации, достаточно больших и доступных кнопок и элементов управления, а также обеспечение возможности управления системой с помощью различных устройств ввода, таких как мышь, клавиатура или голосовые команды.
Примеры интерфейсных решений
- Предоставление пользователям возможности управлять системой с помощью клавиатуры, в дополнение к вводу с помощью мыши, для обеспечения доступности для пользователей с нарушениями мобильности.
- Внедрение сочетаний клавиш или клавиш доступа, чтобы пользователи могли перемещаться и взаимодействовать с системой, не полагаясь только на ввод данных с помощью мыши.
Understandability(Понятность)
Принцип понятности направлен на то, чтобы пользователи могли понять, как работает система и как взаимодействовать с ее функциями. Это может включать в себя предоставление четких инструкций и подсказок, упрощение сложных задач и процессов, а также предоставление контекстной помощи и документации для пользователя. Принцип понятности также подразумевает отказ от использования запутанного технического жаргона и абстрактных пиктограмм, если они могут вызвать путаницу.
Примеры интерфейсных решений
Предоставление четких и информативных всплывающих подсказок и инструкций, помогающих пользователям понять, как выполнять задачи и взаимодействовать с системой.
Использование четкого и лаконичного языка в сообщениях об ошибках и уведомлениях, чтобы пользователи могли легко понять представленную информацию.
Reliability (Надежность)
Принцип надежности гарантирует, что система стабильна и способна работать в различных сценариях использования и средах. Важно, чтобы продукт был совместим с различными устройствами и программным обеспечением, корректно функционировал на разных платформах и в разных браузерах и мог правильно отображаться на экранах разных размеров.
Примеры интерфейсных решений
Создание отзывчивого интерфейса, который может корректно отображаться на различных устройствах и размерах экрана, чтобы обеспечить удобство использования для пользователей с различными размерами и разрешениями экрана.
Внедрение надлежащей валидации форм и обработки ошибок для обеспечения четкой обратной связи и инструкций для пользователей, обеспечения целостности данных и предотвращения ошибок ввода.
Группы пользователей
У нас есть несколько групп ограничений для которых требуются различные подходы при проектировании
- Люди с ограниченной подвижностью;
- Люди с ограничениями зрения;
- Люди с ограничениями слуха;
- Люди с когнитивными ограничениями;
Как доступность может помочь людям с различными ограничениями:
- Альтернативный текст для изображений:
Предоставление альтернативного текста для изображений позволяет людям с ограничениями зрения понимать содержание изображений, которые они не могут видеть. Это особенно важно для пользователей, которые используют программы чтения с экрана. - Контрастность цветов:
Обеспечение достаточной контрастности цветов в тексте и интерфейсе позволяет людям с ограничениями зрения легче читать и различать информацию. Хороший контраст помогает избежать размытости или нечеткости, что особенно важно для людей с дальнозоркостью, цветовой слепотой или другими проблемами зрения. - Управляемость с клавиатуры:
Доступность включает обеспечение возможности полноценного управления интерфейсом с помощью клавиатуры. Это позволяет людям с ограниченной подвижностью, которые не могут использовать мышь, все равно навигировать по веб-сайту или приложению. - Понятный язык и простота:
Использование понятного и простого языка помогает людям с когнитивными ограничениями лучше понимать информацию и функциональность интерфейса. Избегайте сложных терминов, неоднозначностей или запутанных инструкций. - Аудио и видео субтитры:
Добавление субтитров к аудио и видеоматериалам позволяет людям с ограничениями слуха получать доступ к содержанию. Субтитры также полезны, когда аудио недоступно в определенных ситуациях, например, при использовании устройств без звука или в шумных окружениях. - Гибкие варианты ввода данных:
Предоставление гибких вариантов ввода данных, таких как поле для ввода текста или голосовой ввод, помогает людям с физическими ограничениями или тем, у кого затруднен мелкий манипулятивный контроль, взаимодействовать с интерфейсом.
WCAG and ARIA Гайлдайны
WCAG (Web Content Accessibility Guidelines) и ARIA (Accessible Rich Internet Applications) — это два различных набора рекомендаций и стандартов, которые помогают обеспечить доступность веб-контента для пользователей с различны ми потребностями.
WCAG Guidelines
WCAG — это международный стандарт, разработанный W3C (World Wide Web Consortium Консо́рциум Всеми́рной паути́ны) и состоящий из четырех уровней доступности: A, AA и AAA. Каждый уровень представляет собой все более строгие требования к доступности.
Руководство WCAG охватывает широкий спектр аспектов доступности, включая воспринимаемость, работоспособность, понятность и надежность, о которых мы говорили ранее.
Руководство WCAG предоставляет конкретные методы и рекомендации по реализации доступности.
ARIA Guidelines
ARIA — это набор технологий и атрибутов, разработанных W3C, которые расширяют возможности доступности веб-приложений и обогащают информацию, передаваемую браузерам и вспомогательным технологиям.
Руководство ARIA содержит рекомендации и инструкции по использованию атрибутов и ролей ARIA для повышения доступности интерактивных элементов и удобства работы пользователей.
ARIA Guidelines фокусируются на предоставлении дополнительной информации о состояниях, свойствах и поведении элементов интерфейса, что позволяет браузерам и вспомогательным технологиям эффективно воспринимать интерактивные элементы и взаимодействовать с ними.
Разница между стандартами
Руководства WCAG представляют собой общие принципы и рекомендации по обеспечению доступности веб-контента, охватывающие различные аспекты пользовательского опыта, в свою очередь руководство ARIA служит дополнительным инструментом для более точного определения роли и состояния интерактивных элементов, делая их более доступными для вспомогательных технологий.
Важно учитывать как WCAG Guidelines, так и ARIA Guidelines в процессе проектирования и разработки, чтобы обеспечить более инклюзивный и доступный пользовательский опыт.
WCAG и ARIA на практике
Внедрение рекомендаций WCAG (Web Content Accessibility Guidelines) и ARIA (Accessible Rich Internet Applications) может существенно повлиять на процесс разработки программного обеспечения, особенно в части проектирования, разработки и тестирования. Вот как их внедрение влияет на различные этапы процесса разработки программного обеспечения:
Важно отметить, что внедрение WCAG и ARIA — это непрерывный процесс, который должен быть интегрирован в жизненный цикл разработки. Доступность должна рассматриваться на ранних стадиях разработки для обеспечения более инклюзивного пользовательского опыта. Разработчики, дизайнеры и тестировщики должны сотрудничать для обеспечения того, чтобы требования доступности учитывались и проверялись на протяжении всего процесса разработки программного обеспечения.
Дизайн
WCAG
На этапе проектирования необходимо с самого начала учитывать принципы доступности. Дизайнеры должны убедиться, что визуальные элементы, компоновка, цветовой контраст и типографика соответствуют требованиям WCAG по воспринимаемости. Они также должны учитывать аспекты работоспособности и понятности при разработке пользовательских интерфейсов.
ARIA
Дизайнеры могут использовать роли, состояния и свойства ARIA для повышения доступности интерактивных элементов и предоставления дополнительной информации вспомогательным технологиям. Они должны учитывать атрибуты ARIA при определении поведения и моделей взаимодействия компонентов пользовательского интерфейса.
Разработка
WCAG
Разработчики должны выполнять рекомендации WCAG путем написания доступного кода. Это включает использование семантического HTML, предоставление альтернативного текста для изображений, обеспечение доступности клавиатуры и следование лучшим практикам навигации и управления фокусом.
ARIA
Разработчики должны реализовать атрибуты и роли ARIA, чтобы дополнить семантику родного HTML и предоставить более полную информацию о доступности вспомогательным технологиям. Они должны правильно обрабатывать состояния и свойства ARIA, чтобы отразить динамическое поведение интерактивных элементов.
Тестирование
WCAG
Тестирование имеет решающее значение для проверки доступности программного обеспечения. Тестировщики должны проводить ручное и автоматизированное тестирование доступности для обеспечения соответствия WCAG. Это включает в себя тестирование доступности клавиатуры, совместимости с программами чтения с экрана, цветового контраста и правильной маркировки элементов формы.
ARIA
Тестировщики должны проверить, что атрибуты и роли ARIA реализованы должным образом и функционируют так, как задумано. Они должны проверить взаимодействие и поведение компонентов с поддержкой ARIA, убедиться, что они правильно объявляются вспомогательными технологиями.
Бизнес роль
Доступность играет важную роль для бизнеса, поскольку она позволяет расширить аудиторию и достичь большего числа пользователей. Вот несколько вариантов того, как доступность может быть выгодна для бизнеса:
- Расширение рынка: Создание доступного интерфейса позволяет привлечь и обслуживать пользователей с ограничениями, такими как инвалидность, пожилой возраст, низкий уровень грасотности или языковые препятствия. Это расширяет потенциальную аудиторию и открывает новые рыночные возможности.
- Улучшение репутации: Бизнес, который активно заботится о доступности своих продуктов и услуг, демонстрирует свою социальную ответственность. Это может положительно сказаться на репутации компании и стать фактором привлечения новых клиентов и партнеров.
- Улучшение пользовательского опыта: Доступность способствует созданию более удобного и приятного пользовательского опыта для всех пользователей. Когда пользователи могут легко взаимодействовать с продуктом или услугой, они склонны оставаться дольше, повторно использовать продукт и рекомендовать его другим людям.
- Соответствие нормативным требованиям: Во многих странах существуют законы и регуляции, требующие от бизнесов обеспечивать доступность своих веб-сайтов и приложений для всех пользователей. Соблюдение этих требований помогает избежать правовых проблем и штрафов.
- Инновационность и конкурентоспособность: Бизнесы, которые включают доступность в свои продукты и услуги, могут выделиться на рынке и быть более конкурентоспособными. Удовлетворение потребностей разнообразной аудитории и предоставление более включающего опыта использования может быть источником инноваций и преимущества над конкурентами.
Далее я хотел бы привести примеры законов и нормативных актов, принятых в разных странах для обеспечения доступности приложений:
- США: Закон об американцах с инвалидностью (Americans with Disabilities Act, ADA) требует, чтобы веб-сайты и мобильные приложения были доступными для людей с инвалидностью.
- Европейский союз: Европейская директива о доступности веб-сайтов и мобильных приложений (EU Web Accessibility Directive) устанавливает требования к доступности цифровых продуктов для государств-членов ЕС.
- Канада: Закон о доступности в Канаде (Accessibility for Ontarians with Disabilities Act, AODA) вводит обязательные стандарты доступности для общественных и частных организаций в провинции Онтарио.
- Австралия: Стандарт веб-доступности Австралии (Web Content Accessibility Guidelines, WCAG) устанавливает рекомендации и руководства для обеспечения доступности веб-сайтов и мобильных приложений.
- Япония: Закон о стандартах доступности информационных коммуникаций (Act on the Elimination of Discrimination Against Persons with Disabilities in Information and Communications) требует, чтобы информационные и коммуникационные технологии были доступными для людей с инвалидностью.
- Германия: Закон о равных правах для людей с инвалидностью (Gesetz zur Gleichstellung von Menschen mit Behinderungen, BGG) в Германии включает положения о доступности информационных технологий, включая веб-сайты и мобильные приложения.
Немецкая техническая инструкция о доступности (Barrierefreie-Informationstechnik-Verordnung, BITV 2.0) представляет собой техническую регламентацию для государственных организаций, которая устанавливает требования доступности для веб-сайтов и приложений. - Россия: Федеральный закон “О социальной защите инвалидов в Российской Федерации” содержит положения о доступности информационных технологий и обязывает государственные и коммерческие организации обеспечивать доступность для людей с инвалидностью.
Федеральный закон “Об информации, информационных технологиях и о защите информации” (Закон о информации) включает требования к доступности информационных ресурсов, включая веб-сайты и мобильные приложения.
В целом, доступность помогает бизнесу не только в социальном и этическом аспекте, но и предоставляет реальные преимущества перед конкурентами, включая расширение рынка, улучшение репутации и повышение уровня удовлетворенности пользователей, поэтому создавать цифровые продукты с учетом этих особенностей кажется вполне рациональным и положительным подходом включая соотношении затраченных ресурсов и получаемой выгоды как со стороны бизнеса так и со стороны клиента.
Читайте также
Геймификация (читать)
Просты принципы которые могут помочь ч.1 (читать)
Просты принципы которые могут помочь ч.2 (читать)
Дизайн Landing Page (читать)
Про кнопки (читать)
