Веб-разработка

Онлайн-курс «Веб-доступность и WCAG»

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

Автор и составитель программы

Дамир Шарифьянов

Full-stack разработчик и автор образовательных материалов

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

Опыт и проекты автора →

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

Визуальная карта курса «Веб-доступность и WCAG»Путь от изучения темы к практике и готовому проектуВЕБ-РАЗРАБОТКАВеб-доступность и WCAGСтруктура → интерфейс → публикация1Разобратьсяс понятиями2Применитьна практике◫Создать проектдля портфолио
12 модулейот основ до проекта
33–45 часовв удобном темпе
Автопроверкаобратная связь сразу
Сертификатс проверкой подлинности
О программе

Кому подойдёт курс и чему вы научитесь

Курс подходит

  • Новичкам в создании сайтов
  • Дизайнерам и контент-специалистам, расширяющим навыки
  • Разработчикам, которым нужен законченный веб-проект

Практические навыки

  • Разбирать «Модель доступности» на практическом примере
  • Проектировать «Семантический HTML» на практическом примере
  • Применять «Заголовки и landmarks» на практическом примере
  • Проверять «Клавиатура и фокус» на практическом примере
  • Сравнивать решения для «Формы и ошибки» на практическом примере
  • Объяснять результат по теме «Цвет и контраст» на практическом примере
Программа обучения

Что вы изучите и создадите

Каждый модуль объясняет отдельную тему простыми словами и закрепляет её практикой.

Модуль 1 · Основа

Модель доступности

«Модель доступности» простыми словами — это умение выделить сущности, границы и связи, затем проверить схему на основном и аварийном сценариях. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.

Модуль 2 · Основа

Семантический HTML

«Семантический HTML» простыми словами — это умение собрать основной пользовательский сценарий и проверить его на узком экране, с клавиатуры и при ошибке. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.

Модуль 3 · Основа

Заголовки и landmarks

«Заголовки и landmarks» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.

Модуль 4 · Сборка

Клавиатура и фокус

«Клавиатура и фокус» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.

Модуль 5 · Сборка

Формы и ошибки

«Формы и ошибки» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.

Модуль 6 · Сборка

Цвет и контраст

«Цвет и контраст» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.

Модуль 7 · Сборка

Изображения и медиа

«Изображения и медиа» простыми словами — это умение подготовить маленький набор изображений, выполнить одно преобразование или предсказание и вручную разобрать ошибки.

Модуль 8 · Сборка

ARIA без злоупотреблений

«ARIA без злоупотреблений» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.

Модуль 9 · Проверка и усиление

Динамические интерфейсы

«Динамические интерфейсы» простыми словами — это умение собрать основной пользовательский сценарий и проверить его на узком экране, с клавиатуры и при ошибке.

Модуль 10 · Проверка и усиление

Экранный диктор

«Экранный диктор» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.

Модуль 11 · Проверка и усиление

Аудит и автоматические тесты

«Аудит и автоматические тесты» простыми словами — это умение собрать фактические данные, отделить симптом от причины и оформить приоритетные выводы. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.

Модуль 12 · Защита

Итоговый доступный интерфейс

«Итоговый доступный интерфейс» простыми словами — это умение собрать основной пользовательский сценарий и проверить его на узком экране, с клавиатуры и при ошибке.

Результат

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

По ходу курса ученик выполняет практические задания, проверяет себя и постепенно готовит итоговую работу.

Что нужно знать до начала

Уметь работать с файлами и браузером. Если курс посвящён отдельной веб-технологии, пригодятся основы HTML, CSS и JavaScript.

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

HTML, CSS, ARIA, keyboard testing, screen reader, WCAG

Формат

Теория простыми словами, разобранный пример, практика, автопроверка и итоговый проект

Можно начать сразу

Перейдите от программы к практике

Доступ ко всем модулям, автопроверке и сертификату — 18 900 ₽.

Начать обучение →

Ответы на вопросы

Подойдёт ли курс новичку?

Да. Материал идёт от простых действий к самостоятельной работе, а новые термины объясняются по ходу курса.

Как проверяются задания?

Система проверяет текст ответа по критериям урока и короткий тест. Код, сайт или другой результат ученик прикладывает как доказательство: система оценивает объяснение, но не запускает проект автоматически.

Когда я получу сертификат?

Именной сертификат освоения основной части программы автоматически выпускается после зачёта 80% модулей. В нём указано, сколько модулей пройдено; обучение можно продолжить до 100%.

Купить за 18 900 ₽