Доступность веб‑сайтов — это не просто рекомендация, а ключевой этап разработки, влияющий на опыт всех пользователей. Этот курс поможет вам уверенно проводить аудит доступности и внедрять лучшие практики в любых проектах, независимо от их размера и сложности.
Что такое веб-доступность и почему она важна
Веб-доступность обеспечивает равный доступ к информации и функционалу сайта для всех людей, включая пользователей с ограниченными возможностями. Это не только вопрос удобства, но и юридическое, этическое и бизнес‑требование.
Улучшение пользовательского опыта: удобнее всем пользователям, а не только людям с особыми потребностями.
Рост охвата аудитории: больше людей могут пользоваться вашим сайтом.
Соответствие стандартам: выполнение WCAG и других международных норм.
Ключевые навыки, которые вы освоите
Навигация с клавиатуры и сочетания клавиш
Вы научитесь создавать интерфейсы, которые полностью управляются без мыши, что особенно важно для пользователей с моторными нарушениями и продвинутых пользователей.
Курс научит вас проверять, как сайт воспринимается с помощью скринридеров, и как устранить потенциальные барьеры.
Тестирование с NVDA, VoiceOver и другими инструментами.
Корректное объявление структуры страницы.
Озвучивание динамических изменений интерфейса.
Семантический HTML
Вы узнаете, как грамотно использовать семантические теги, усиливая доступность сайта без лишнего кода.
Использование правильных тегов для структуры контента.
Поддержка доступных интерактивных элементов.
Снижение необходимости в дополнительных ARIA‑атрибутах.
Использование WAI-ARIA
ARIA позволяет сделать доступными компоненты, которые сложно реализовать стандартными средствами HTML.
Добавление ролей, состояний и свойств.
Обеспечение понятной навигации внутри сложных UI‑элементов.
Предотвращение ошибок чрезмерного использования ARIA.
Почему этот курс поможет вам писать лучший код
После прохождения курса вы сможете уверенно анализировать и исправлять доступность сайтов, создавать интерфейсы, которые удобны для всех, и оценивать качество веб‑приложений с точки зрения стандартов WCAG.
Вы научитесь не просто применять правила, а понимать, зачем они нужны — что делает вас более зрелым и ответственным разработчиком.
Удален по просьбе правообладателя
Урок 1.00:01:15
Introduction
Урок 2.00:10:54
What is Accessibility
Урок 3.00:04:47
Ways People Use the Web
Урок 4.00:05:55
Curb Cut Effect and Q&A
Урок 5.00:05:09
Accessibility Standards
Урок 6.00:06:16
Screen Readers
Урок 7.00:06:12
Alternative Text & Captions
Урок 8.00:02:07
Screen Reader Exercise
Урок 9.00:01:28
Screen Reader Solution
Урок 10.00:04:40
Accessible HTML
Урок 11.00:06:45
Accessible Form Field Labels
Урок 12.00:04:58
Buttons
Урок 13.00:00:41
Accessibility Problems Exercise
Урок 14.00:09:18
Accessibility Problems Solution
Урок 15.00:10:37
ARIA
Урок 16.00:03:26
Live Regions & ARIA Exercise
Урок 17.00:03:44
ARIA Solution
Урок 18.00:04:59
Focus Management
Урок 19.00:02:43
Skip Links
Урок 20.00:02:43
Focus Management Q&A
Урок 21.00:07:10
Tab Navigation
Урок 22.00:09:16
Active Element & Tab Trapping
Урок 23.00:00:56
Skip Link Exercise
Урок 24.00:06:39
Skip Link Solution
Урок 25.00:10:16
Color Contrast & Visual Impairments
Урок 26.00:03:35
Set Language & Fixing Markup
Урок 27.00:02:57
Prefers Reduced Motion
Урок 28.00:04:22
Prefers Color Scheme & Visuals Exercise
Урок 29.00:07:48
Visuals Solution
Урок 30.00:09:13
Accessibility Linters & Dev Tools
Урок 31.00:02:17
Additional Resources
Урок 32.00:09:50
Wrapping Up
Авторы - Jon Kuperman, master.dev (ex FrontendMasters)
Джон - Developer Advocate в Cloudflare, где он работает над проектами Workers и Pages. Он страстно увлечён открытым программным обеспечением и идеями свободного интернета. В свободное время Джон активно занимается самообразованием, чтением, ведением блога и обучением.
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
https://learn-a11y.netlify.app/