Этот курс поможет вам понять и внедрить ключевые принципы доступности, чтобы ваши сайты и веб‑приложения были удобны для всех пользователей, включая людей с ограниченными возможностями. Вы освоите современные методики тестирования, проектирования и разработки доступных интерфейсов, соответствующих актуальным стандартам.
Почему важна веб‑доступность
Доступность — это не просто требование стандартов, а основа качественного цифрового опыта. Она помогает расширить аудиторию, повысить удовлетворённость пользователей и улучшить корректность работы сайта на разных устройствах и в различных условиях использования.
Ключевые преимущества внедрения доступности
Улучшение восприятия интерфейсов для всех пользователей.
Соответствие требованиям WCAG и современным стандартам веб‑разработки.
Оптимизация взаимодействия с сайтом при помощи клавиатуры, экранных чтецов и других вспомогательных технологий.
Повышение качества и устойчивости вашего кода.
Чему вы научитесь
Курс сочетает теорию, практику и реальные сценарии разработки.
Основные навыки
Понимать роль доступности в процессе дизайна и разработки цифровых продуктов.
Разбираться в работе экранных чтецов и других ассистивных технологий.
Проводить отладку доступности и находить проблемные места в интерфейсе.
Создавать доступные интерактивные компоненты на базе HTML, ARIA и JavaScript.
Эффективно управлять фокусом и реализовывать корректную навигацию с клавиатуры.
Структура курса
Основы доступности
Что такое доступность и кому она нужна.
Стандарты WCAG и принципы POUR.
Ассистивные технологии
Как работают программы чтения экрана.
Сценарии использования вспомогательных интерфейсов.
Отладка и тестирование
Инструменты проверки доступности.
Анализ и исправление ошибок в макетах и коде.
Построение доступных интерфейсов
Корректные HTML‑структуры.
Использование ARIA‑атрибутов.
Управление фокусом и логика клавиатурной навигации.
Создание доступных виджетов на JavaScript.
Для кого этот курс
Разработчиков, которые хотят создавать универсальные и корректно работающие интерфейсы.
Дизайнеров, стремящихся улучшить UX для всех категорий пользователей.
Тестировщиков, которые хотят освоить методы проверки доступности.
Владельцев продуктов, заинтересованных в расширении аудитории и соответствии стандартам.
Результат прохождения
По окончании курса вы сможете уверенно проектировать и разрабатывать доступные веб‑интерфейсы, корректно использовать HTML, ARIA и JavaScript для улучшения качества взаимодействия и обеспечивать устойчивую работу сайтов со всеми основными ассистивными технологиями.
Удален по просьбе правообладателя
Урок 1.00:13:22
Introduction
Урок 2.00:07:13
Benefits of Accessibility
Урок 3.00:04:55
Accessibility Standards & Definitions
Урок 4.00:17:56
Screen Readers
Урок 5.00:09:51
Alternative Text
Урок 6.00:03:11
Assistive Technologies
Урок 7.00:07:31
Screen Reader Exercise
Урок 8.00:10:12
Screen Readers Q&A
Урок 9.00:12:22
Testing Overview, Linters & Dev Tools
Урок 10.00:07:17
Accessibility Dev Tools Walkthrough
Урок 11.00:12:57
Working with Teams
Урок 12.00:20:43
Debugging Exercise
Урок 13.00:20:43
Accessible & Semantic HTML
Урок 14.00:10:39
Landmark Elements, Forms, & Buttons
Урок 15.00:14:20
Setting Language and Fixing Markup
Урок 16.00:06:56
Accessible HTML Exercise
Урок 17.00:06:31
Accessible HTML Solution: Product Details
Урок 18.00:17:59
Accessible HTML Solution: Header & Gallery
Урок 19.00:17:47
ARIA
Урок 20.00:06:01
Roles, States and Properties
Урок 21.00:12:27
Live Regions
Урок 22.00:05:12
Live Regions Exercise
Урок 23.00:22:52
Keyboard Navigation & Skip Links
Урок 24.00:12:43
Tab Key Navigation & Active Element
Урок 25.00:12:11
Focus Trapping & Keyboard Shortcuts
Урок 26.00:09:07
Focus Management Exercise
Урок 27.00:12:36
Visual Considerations
Урок 28.00:12:47
Reduced Motion Exercise
Урок 29.00:04:50
Wrapping Up
Авторы - Marcy Sutton, master.dev (ex FrontendMasters)
Марси Саттон Тодд - старший инженер, занимающийся инфраструктурой фронтенда в Khan Academy, где она работает над проектированием систем и обеспечением доступности. До прихода в Khan Academy Марси была независимым веб-разработчиком и тренером, известным запуском онлайн-серии воркшопов Testing Accessibility в сотрудничестве с Egghead.io. Она также внесла вклад в разработку инструментов тестирования доступности, таких как axe-core, работала с JavaSc
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.