Web Accessibility Academy

Name: Web Accessibility Academy
Availability: InStock

HTMLFrontendWebEnterprise

Создавайте доступные сайты, которые смогут использовать все. Овладейте семантическим HTML, ARIA, поддержкой клавиатуры и screen-reader, а также соответствием WCAG 2.2.

🤖 На основе AI📚 30 курсов👥 100 000+ учеников⭐ Рейтинг 4,9

Начать учиться →Изучить программу ↓

Обзор курса

Web Accessibility (a11y): Build for Everyone

Создавайте доступные сайты, которые смогут использовать все. Овладейте семантическим HTML, ARIA, поддержкой клавиатуры и screen-reader, а также соответствием WCAG 2.2. Этот курс включает 30 прогрессивных мини-курсов от начального уровня (A1) до продвинутого (B2) с короткими целенаправленными уроками и быстрыми тестами для закрепления каждой концепции.

What You Will Learn

Вы начнёте с основ и перейдёте к промежуточным и продвинутым темам, каждый курс дополняя предыдущий. Каждый урок практический и компактный, с доступным круглосуточно AI-тьютором для помощи.

How It Works

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

Начать учиться →

Инструменты

Инструменты курса

Суперзаряди обучение с помощью инструментов и функций на базе ИИ

💬

Чат с ИИ

Общайся с ИИ-репетитором

🧠

Задать супервопросPRO

Получай ответы на уровне эксперта

📝

Создать урокPRO

Конструктор уроков на базе ИИ

Как ты будешь учиться

🎯

Интерактивные уроки

Практические упражнения по программированию с мгновенной обратной связью

🤖

ИИ-репетитор

Получай мгновенную помощь от нашего ИИ, когда застрянешь

💻

Встроенный редактор

Пиши и запускай код прямо в браузере

🏆

Сертификат

Получи сертификат при завершении курса

Программа обучения

30 курсов

Все курсы в пути обучения Web Accessibility Academy.

Почему доступность важна: реальные люди и реальные барьеры

A14 уроков

Объясните, кому помогает доступность, и разберите деловые и этические причины создавать продукты для всех.

Ваша первая доступная страница: принципы POUR

A14 уроковPRO

Применяйте четыре принципа WCAG, чтобы оценить доступность любой страницы.

Семантический HTML: позвольте браузеру сделать работу

A14 уроковPRO

Выбирайте осмысленные элементы, чтобы страница была доступной еще до добавления единственного атрибута.

Заголовки и структура документа без ошибок

A14 уроковPRO

Создайте логичную структуру заголовков, по которой пользователи программ чтения с экрана смогут перемещаться.

Ориентиры: карта страницы для программ чтения с экрана

A14 уроковPRO

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

Альтернативный текст, действительно описывающий изображения

A24 уроковPRO

Пишите описания изображений, передающие смысл, а не создающие лишний шум.

Ссылки и кнопки: перестаньте их путать

A24 уроковPRO

Выбирайте правильный интерактивный элемент, чтобы поведение соответствовало семантике.

Доступные формы: понятные подписи

A24 уроковPRO

Создавайте формы, в которых каждый элемент управления имеет имя и прост в использовании.

Цвет и контраст: сделайте текст читаемым

A24 уроковPRO

Обеспечьте достаточную различимость текста и элементов интерфейса для слабовидящих и дальтоников.

Навигация с клавиатуры: мышь не нужна

A24 уроковPRO

Сделайте каждое взаимодействие доступным и заметным при использовании только клавиатуры.

Основы ARIA: роли, состояния и свойства

B14 уроковPRO

Правильно используйте ARIA, чтобы добавить смысл, который не может выразить обычный HTML.

Доступные имена и описания

B14 уроковPRO

Точно управляйте тем, что вспомогательные технологии объявляют для любого элемента.

Управление фокусом и порядок фокуса

B14 уроковPRO

Перемещайте и удерживайте фокус, чтобы динамические интерфейсы оставались удобными.

Ссылки пропуска и блоки обхода

B14 уроковPRO

Позвольте пользователям клавиатуры пропускать повторяющийся контент и переходить к важному.

Доступная проверка форм и ошибки

B14 уроковPRO

Сообщайте об ошибках формы так, чтобы каждый пользователь мог их найти и исправить.

Доступные таблицы данных

B14 уроковPRO

Размечайте таблицы так, чтобы связь между ячейками и заголовками была ясной.

Доступные SVG, значки и декоративная графика

B14 уроковPRO

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

Доступные модальные окна и диалоги

B14 уроковPRO

Создавайте диалоги, удерживающие фокус, корректно закрывающиеся и объявляющие себя пользователю.

Создание доступных вкладок и аккордеонов

B14 уроковPRO

Реализуйте распространенные раскрывающиеся элементы с правильными ARIA и клавишами.

Тестирование с программами чтения с экрана: NVDA и VoiceOver

B14 уроковPRO

Тестируйте собственную работу так, как ее воспринимают незрячие пользователи.

WCAG 2.2 AA: надежное соответствие требованиям

B24 уроковPRO

Свяжите реальные критерии успеха с конкретными исправлениями для сайта, соответствующего уровню AA.

Доступность в React и одностраничных приложениях

B24 уроковPRO

Сохраняйте доступность одностраничных приложений несмотря на маршрутизацию на стороне клиента и повторный рендеринг.

Живые области ARIA: объявляйте динамические изменения

B24 уроковPRO

Уведомляйте пользователей программ чтения с экрана об изменениях, происходящих без перезагрузки.

Практики создания сложных компонентов ARIA

B24 уроковPRO

Создавайте надежные пользовательские компоненты, следуя проверенным шаблонам APG.

Уменьшение движения и безопасная анимация

B24 уроковPRO

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

Доступная визуализация данных

B24 уроковPRO

Делайте диаграммы и графики воспринимаемыми не только по цвету и форме.

Автоматизированное тестирование: axe, Lighthouse и Playwright

B24 уроковPRO

Автоматически выявляйте целый класс ошибок доступности в своем конвейере.

Ручной аудит и исправление проблем

B24 уроковPRO

Проведите структурированный ручной аудит и расставьте приоритеты для важных исправлений.

Правовой ландшафт: ADA, EN 301 549 и другое

B24 уроковPRO

Разберитесь в законах и стандартах, благодаря которым доступность появляется в планах развития.

Формирование культуры доступности и контрольный список

B24 уроковPRO

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

Часто задаваемые вопросы

Курс Web Accessibility Academy бесплатный?

Да. Ты можешь начать курс Web Accessibility Academy бесплатно и пройти его интерактивные уроки без платежей. Опциональная подписка PRO открывает продвинутые инструменты на базе ИИ и сертификат, который можно поделиться.

Нужен ли мне опыт, чтобы выучить HTML?

Нет. Курс начинается с основ и постепенно переходит к более сложным темам, поэтому ты можешь начать даже без предыдущего опыта HTML.

Как я выучу HTML на CoddyKit?

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

Получу ли я сертификат за завершение Web Accessibility Academy?

Да. Пользователи PRO могут пройти экзамен и получить сертификат завершения Web Accessibility Academy с проверяемым кодом.

Могу ли я выучить HTML на телефоне?

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

Начни Web Accessibility Academy прямо сейчас

Присоединись к тысячам учеников, которые осваивают программирование с помощью уроков на AI.

Начать бесплатно →Все курсы