Доступность в веб-разработке имеет как этическое, так и практическое значение. Курс поможет создавать инклюзивные проекты с простым, удобным интерфейсом и совместимостью с рядом устройств и программ.
На курсе делаем упор на практическую часть работы над доступностью — с основ до сложных структур.
Необходимые знания: базовые навыки HTML, CSS, JavaScript, Figma.
Чему вы научитесь:
- Выявлять нарушения доступности в вёрстке и корректировать их
- Добавлять интерактивность без потерь для веб-доступности
- Семантичной вёрстке с соблюдением структуры заголовков и назначением тегов
- Принципам доступности с клавиатуры, управлению фокусом
- Подписывать интерактивные элементы без текста в дизайне, скрывать ненужные элементы от скринридеров
- Определять контрастность цветов и удобные размеры элементов и областей
- Принципам доступности для кастомных элементов форм: чекбокс, радиокнопка, селект, и др.
- Принципам доступности для интерактивных элементов и блоков: модальных окон, табов
- Использовать инструменты выявления нарушений доступности
Программа курса
Курс состоит из статей, пошаговых демонстраций, заданий и тестов. Для каждого задания авторы подготовили пример решения.
- Раздел 1. Зачем нам доступность (бесплатно)
- Раздел 2. Доступность с клавиатуры
- Раздел 3. Навигация по контенту и семантика
- Раздел 4. Стили
- Раздел 5. Подведение итогов
Авторы курса:
- Александра Ильинская
- Фронтенд разработчик и специалист по веб-доступности в Packback Inc. с 2021 года.
- Входит в международную ассоциацию сертифицированных специалистов по доступности (сертификат Web Accessibility Specialist)
- Выступает с презентациями, обучает правилам веб доступности с 2022 года.
- Вера Шингарева
- Наставница на курсах по вёрстке в HTML Academy с 2021 года.
- Создатель и автор канала KunstkamerA11y, где коллекционирует аномалии веб-доступности.
- Эксперт по веб-доступности в РТ Лабс, развивает доступность на госуслугах.
