Главная страницаКатегория htmlДоступность, V2

Доступность, V2

Name: Доступность, V2
Price: 12.5 USD
Rating: 5 (27 reviews)

Accessibility, v2

frontendmasters

Jon Kuperman

★5 (всего оценок - 27)

Продолжительность

2 ч 52 мин

Категория

HTML

Количество уроков

32 Видео

Дата добавления

1 мая 2021 г., 21:37

Язык

Английский

Дата выхода

28 апр. 2021 г., 03:00

Дата обновления

29 апр. 2026 г., 10:00

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

Что такое веб-доступность и почему она важна

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

Улучшение пользовательского опыта: удобнее всем пользователям, а не только людям с особыми потребностями.
Рост охвата аудитории: больше людей могут пользоваться вашим сайтом.
Соответствие стандартам: выполнение 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

Авторы - frontendmasters, Jon Kuperman

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+792

Jon Kuperman

Джон - Developer Advocate в Cloudflare, где он работает над проектами Workers и Pages. Он страстно увлечён открытым программным обеспечением и идеями свободного интернета. В свободное время Джон активно занимается самообразованием, чтением, ведением блога и обучением.

Комментарии

Hedgehog
2 дек. 2024 г., 21:40
практически все видео тормозят при воспроизведении именно у этого курса
villivald
25 июл. 2021 г., 17:50
https://github.com/jkup/learn-a11y
https://learn-a11y.netlify.app/
CourseHunter Team
7 мая 2021 г., 20:57
test test