Top.Mail.Ru
Закрыть меню
Доступ к материалам в удобное время и в комфортном темпе
Без использования звука
Изучайте контент на любом устройстве и в любом удобном месте
Начните знакомство с платформой без вложений.

Введение в доступный дизайн

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

Доступность (Accessibility) обеспечивает работу цифровых продуктов для всех пользователей независимо от того, как они взаимодействуют с технологиями. Это о снятии барьеров и создании равных возможностей для всех: чтобы пользователи могли получать информацию, выполнять задачи и полноценно участвовать в цифровой жизни. Доступность — это не дополнительная функция и не финальный штрих, а фундаментальный подход, который определяет, как продукт отвечает на разнообразные человеческие потребности. Когда продукты становятся доступными, они становятся более универсальными, адаптивными и ценными для всех, а не только для людей с конкретными особенностями. Создание доступных продуктов требует понимания того, как по-разному люди перемещаются по интерфейсу, воспринимают и взаимодействуют с ним — это ведёт к лучшим решениям для всех.

Что такое доступность?

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

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

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

Что такое инвалидность?

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

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

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

Руководство по доступности веб-контента (WCAG)

Руководство по доступности веб-контента (Web Content Accessibility Guidelines, WCAG) представляет собой международный стандарт, направленный на обеспечение доступности цифрового контента для людей с инвалидностью. Эти рекомендации основаны на четырёх ключевых принципах, которые определяют, как должен работать цифровой контент: он должен быть воспринимаемым, управляемым, понятным и надёжным. Каждый принцип включает в себя конкретные рекомендации и измеряемые критерии успеха.

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

Многие страны приняли WCAG как юридическую норму цифровой доступности. Чтобы соответствовать законам, таким как Закон о защите прав инвалидов (Americans with Disabilities Act, ADA) в США или Европейский акт о доступности, организации обязаны соответствовать конкретным критериям успеха WCAG.

WCAG включает три уровня соответствия: A, AA и AAA. Каждый уровень охватывает всё более сложные требования к доступности.

Уровень A в WCAG

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

Рассмотрим, как продукт передаёт информацию с помощью цвета. Если диаграмма использует только цвет для различения данных, пользователи с дальтонизмом не смогут понять информацию. Уровень A требует предоставления альтернативных способов передачи этой информации — например, через узоры, подписи или иконки вместе с цветом. Таким образом уровень A обеспечивает базовую пригодность продукта для всех пользователей.

Уровень AA в WCAG

Уровень AA представляет собой стандарт, обеспечивающий по-настоящему удобный цифровой опыт для большинства людей. Если уровень A предотвращает полные барьеры, то уровень AA делает продукты комфортными и практически удобными для широкого круга пользователей. Именно этого уровня должны достичь большинство организаций для соблюдения законодательства и обеспечения реальной доступности.

В качестве примера влияния уровня AA можно рассмотреть требования к контрасту. Хотя пользователь технически может прочитать текст с низким контрастом, это вызывает ненужное напряжение и раздражение. Требования уровня AA к контрасту (4.5:1 для обычного текста) обеспечивают комфортную читаемость при различных нарушениях зрения и в разных условиях освещения.

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

Уровень AAA в WCAG

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

В качестве примера можно рассмотреть требования к контрасту. Уровень AAA требует контрастного соотношения 7:1 для обычного текста — это значительно выше, чем 4.5:1 на уровне AA. Хотя это ограничивает выбор цветовой палитры, такая контрастность обеспечивает оптимальную читаемость для пользователей с выраженными нарушениями зрения. Такой уровень контраста также полезен для всех в сложных условиях, например при ярком солнечном свете или при тусклом освещении.

Вместо того чтобы воспринимать уровень AAA как цель «всё или ничего», рассмотрите возможность внедрения отдельных критериев AAA там, где они принесут наибольшую пользу вашим пользователям. Некоторые функции — например, предоставление жестового перевода для видео или ограничение ширины текста для улучшения читаемости — могут значительно повысить доступность для отдельных групп пользователей, одновременно улучшая опыт для всех.

Принципы WCAG

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

Принципы POUR включают:

  • Воспринимаемость (Perceivable) означает, что пользователи должны иметь возможность воспринимать контент хотя бы с помощью одного из органов чувств. Это включает предоставление текстовых альтернатив для изображений, субтитров для видео и возможность представления контента разными способами без потери смысла.
  • Управляемость (Operable) означает, что пользователи должны иметь возможность взаимодействовать со всеми функциями независимо от того, каким способом они используют технологии. Продукты должны поддерживать различные методы ввода: клики мышью, команды с клавиатуры, голосовое управление или вспомогательные устройства.
  • Понятность (Understandable) требует, чтобы контент был ясным и логичным. Навигация должна быть последовательной, инструкции — простыми, а пользователи должны иметь возможность воспринимать и обрабатывать информацию в своём собственном темпе.
  • Надёжность (Robust) означает, что контент должен стабильно работать с различными технологиями. Продукты должны сохранять функциональность в разных браузерах, на разных устройствах и при использовании вспомогательных технологий, таких как экранные читалки или инструменты увеличения.

Wybex Платформа постоянно обновляется

Новые материалы уже в пути — скоро будет ещё интереснее!

↑ Наверх