Как проектировать для доступности: Для UX-дизайнеров (WCAG 2.2) (2022)

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

О чём этот курс

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

Основные преимущества обучения

• Улучшенный процесс проектирования: вы будете учитывать доступность с самого начала и избегать ошибок, которые обычно выявляются слишком поздно.
• Умение находить нарушения доступности прямо по визуалу макетов — без специальных инструментов.
• Рост профессиональной ценности: доступный дизайн — редкий и востребованный навык.
• Благодарность разработчиков: ваши макеты станут технически корректными и удобными для реализации.
• Экономия времени и бюджета команды благодаря снижению количества доработок.
• Юридическая защищённость — продукт будет соответствовать требованиям по недискриминации.
• Уверенность в обсуждении доступности с клиентами, разработчиками и руководителями.
• Подготовка к ролям, где знание accessibility является ключевым требованием.

Что вы узнаете

Всего курс включает 51 проверенную практику в рамках трёх основных областей доступности.

1. Цветовой контраст

Изучите 4 важнейших практики, включая:

• Требования к контрасту отключённых элементов.
• Особенности контраста для границ кнопок, иконок, логотипов и элементов управления.

2. Независимость от цвета

10 практик, которые помогут проектировать интерфейсы, понятные даже тем, кто не различает цвета:

• Корректный дизайн сообщений об ошибках.
• Создание доступных визуализаций и диаграмм.

3. Интерактивные элементы

37 лучших практик, включая:

• Почему «читать больше» — плохой текст ссылки — и чем его заменить.
• Оптимальные параметры формы кнопок и радиусов.
• Как правильно обозначать интерактивность и избегать неправильных терминов вроде «возможности».

Что такое цифровая доступность

Доступность — это удобство использования для всех. Она обеспечивает равное восприятие, понимание и взаимодействие с цифровыми продуктами. Это касается веб-сайтов, приложений, программного обеспечения, интерфейсов носимых устройств и даже AR/VR-среды.

Почему это важно

• Она создаёт инклюзивный пользовательский опыт.
• Предотвращает непреднамеренную дискриминацию.
• Делает продукт понятным людям с постоянными, временными и ситуационными ограничениями.

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

Что такое удобство использования и как оно связано с доступностью

Удобство использования — это интуитивный, эффективный и приятный для человека опыт взаимодействия с продуктом. Красивый и современный интерфейс не противоречит доступности — наоборот, продуманная визуальная иерархия улучшает её.

«Доступность не заставит вас сделать продукт уродливым. Она создаёт конструктивные ограничения, которые ведут к лучшему дизайну» — Джесси Хауслер, Chief Accessibility Officer, Salesforce.Однако сам UX часто не удовлетворяет потребности людей с ограниченными возможностями полностью — именно поэтому проектировать нужно и для удобства использования, и для доступности.