Профессиональный онлайн-курс

Доступность
веб-интерфейсов

Доступность в веб-разработке имеет как этическое, так и практическое значение.

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

На курсе делаем упор на практическую часть работы над доступностью — с основ до сложных структур.

Необходимые знания: базовые навыки HTML, CSS, JavaScript, Figma.

Гибкие сроки: начинайте прямо сейчас и двигайтесь в комфортном режиме.

Скидка 20% до 4 мая

Записаться на курсПопробовать бесплатно

Чему вы научитесь

Выявлять нарушения доступности в вёрстке и корректировать их

Добавлять интерактивность без потерь для веб-доступности

Семантичной вёрстке с соблюдением структуры заголовков и назначением тегов

Принципам доступности с клавиатуры, управлению фокусом

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

Определять контрастность цветов и удобные размеры элементов и областей

Принципам доступности для кастомных элементов форм: чекбокс, радиокнопка, селект, и др.

Принципам доступности для интерактивных элементов и блоков: модальных окон, табов

Использовать инструменты выявления нарушений доступности

Программа курса

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

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

Раздел 1

Зачем нам доступность

Получить доступ

Раздел 2

Доступность с клавиатуры

Раздел 3

Навигация по контенту и семантика

Раздел 4

Стили

Раздел 5

Подведение итогов

Из чего состоит курс

Курс предполагает самостоятельное изучение материала в комфортном для вас режиме. Начать учиться можно прямо сейчас.

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

В каждом модуле будет:

Теория

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

Демонстрации

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

Практические задания

Для закрепления полученной теории. Учат решать задачи, похожие на те, что встречаются в реальной работе.

Эталонные решения

Готовые решения заданий — подскажут, как решить задачу, если у вас что-то не получится.

Тестирование

Вопросы по статьям раздела — помогают проверить, всё ли вы запомнили. Если что-то не получилось, можно посмотреть ответы и пройти тест заново.

Поддержка в комьюнити

Cообщество авторов, опытных специалистов и студентов курса. Общайтесь с единомышленниками и обменивайтесь опытом.

Сертификат

В конце курса вы получите сертификат о том, что прошли обучение в HTML Academy.

Курс «Дизайн для фронтендеров» входит в пакет навыков

Вы можете приобрести набор курсов по выгодной цене.
Навыки на курсах, входящих в пакет, объединены общей тематикой.

Разработчикам от разработчиков

Сделано для разработчиков, у которых мало времени на обучение.

Авторы курса

Александра Ильинская

— Фронтенд разработчик и специалист по веб-доступности в Packback Inc. с 2021 года.
— Входит в международную ассоциацию сертифицированных специалистов по доступности (сертификат Web Accessibility Specialist)
— Выступает с презентациями, обучает правилам веб доступности с 2022 года.

Вера Шингарева

— Наставница на курсах по вёрстке в HTML Academy с 2021 года.
— Создатель и автор канала KunstkamerA11y, где коллекционирует аномалии веб-доступности.
— Эксперт по веб-доступности в РТ Лабс, развивает доступность на госуслугах.

На курсе «Доступность веб-интерфейсов» вы получите:

Методику

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

Программу

Построена от простого к сложному.
Вы легко погрузитесь в тему, даже если ничего про неё не знали раньше.

Контент

Актуальная и обновляемая теория, проверенная рынком. Никакой «воды» — вы получите только необходимые знания.

Комьюнити

Поможет вам с ответами на вопросы и углублением знаний.

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

Доступность на карте компетенций
фронтенд-разработчика

Мы провели исследование вакансий и проверили, каких навыков ждут работодатели от фронтендеров с разным опытом работы. Результаты перенесли на карту компетенций.

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

Вам это подходит, если

Вы хотите больше зарабатывать или сменить работу, но не знаете, в каком направлении развиваться:

Хотите освоить конкретный навык, но не знаете как

Не хотите тратить время на поиск актуальной информации по теме

Вам нужна конкретная методика обучения и только необходимая информация

Хотите убедиться, что полученные знания усвоились на практике

На нашей стороне опыт, исследования и методика

Опыт

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

Исследования

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

Методика

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

Что говорят разработчики

Загружаем…