План на курса
Ден 1: Правен контекст и основи на Accessибилността
Модул 1: Въвеждане в закона за Accessибилност и неговото значение
- Преглед на новия закон за Accessибилност (в сила от 28 юни)
- Правни изисквания и срокове
- Влияние върху държавния сектор, частните компании и разработчиците
- Защо Accessибилността е важна: социални, етични и бизнес перспективи
- Големини на наказания за непълно съответствие
- Преглед на стандартите за Accessибилност (WCAG 2.1/2.2, ARIA)
- Категории на инвалидности
Модул 2: Accessибилност: принципи и насоки
- Принципи POUR (Perceivable, Operable, Understandable, Robust)
- Въвеждане в насоките на WCAG
- Роли, състояния и свойства на ARIA
- Семантичен HTML и неговата роля в Accessибилността
Модул 3: Настрояване на Accessибилно разработко среда
- Инструменти: инструменти за разработка на браузъри, екранни четци (NVDA, VoiceOver), разширения за Accessибилност
- Настройка на линтери и автоматизирани инструменти за тестване на Accessибилност
- Преглед на общо използвани инструменти за тестване на Accessибилност
- Настрояване на тестване на Accessибилност на мобилни симулатори и реални устройства (исползвайки VoiceOver/TalkBack, Android Accessибилност скениране, Xcode Accessибилност инспектор)
Модул 4: Практично програмиране – Семантичен HTML и навигация с клавиатура
- Написване на семантичен маркап за Accessибилност
- Осигуряване на пълна навигация с клавиатура
- Техники за управление на фокус
- Обработка на форми и интерактивни елементи достъпно
Accessибилност в родни мобилни приложения (Опционален дополнительен модул за 1.5 часа)
- Основни насоки за платформи (Google Material, Apple Human Interface)
- Направяне на навигация, бутони, форми достъпни на мобилен
- Общо срещани проблеми с Accessибилност на мобилни и решения
- Тестване с ръце с VoiceOver и TalkBack
Ден 2: Продвинуто програмиране и помощни технологии
Модул 5: Accessибилност на CSS и визуален дизайн
- Най-добри практики за контраст на цвета и размер на текста
- Стилове на фокус и видими индикатори на фокус
- Разглеждания за Accessибилност в адаптивен дизайн
- Избягване на Accessибилностни капанки в анимации и преходи
- Най-добри практики за контраст на цвета и размер за мобилни екрани
Модул 6: ARIA за динамично съдържание и богати интернет приложения
- Кога и как да използвате атрибути на ARIA
- Управление на активни области за екранни четци
- Създаване на достъпни уиджетове и персонализирани компоненти
- Ролята на ARIA в SPA (Single Page Applications)
- За мобилни, обсуждайте Accessибилностни роли и етикети в родни платформи (например, contentDescription в Android, accessibilityLabel в iOS)
Модул 7: Практикум по програмиране: Създаване на Accessибилни компоненти
- Създаване на достъпни бутони, модални прозорци, изпадащи менюта, табове
- Реализация на достъпна валидация на форми и обработка на грешки
- Използване на ARIA и семантичен HTML за реални компоненти на потребителския интерфейс
Ден 3: Тестване, съответствие и непрекъсната Accessибилност
Модул 8: Тестване и аудит на Accessибилност
- Ръчни техники за тестване с екранни четци и само с клавиатура
- Автоматизирано тестване с инструменти като axe, Lighthouse, pa11y
- Написване на тестови случаи за Accessибилност за QA екипи
- Интегриране на тестване на Accessибилност в CI/CD цикли
- Как да извършвате аудит на Accessибилност на родни мобилни приложения (ръчни тестове, автоматизирани инструменти като Accessибилност скениране, Espresso за Android, XCTest за iOS)
Модул 9: Коригиране и непрекъсната Accessибилност
- Общо срещани проблеми с Accessибилност и как да ги поправите
- Управление на Accessибилност в легаси кодове
- Поддържане на Accessибилност по време на обновяване на функции и рефакториране
- Accessибилност в многоплатформени приложения (мобилни, десктоп, уеб)
Модул 10: Краен практическо упражнение и заключение
- Създаване или рефакториране на малко приложение/модул за съответствие на стандартите за Accessибилност
- Партньорско прегледание и група дискусия
- Сесия с въпроси и отзиви
- Ресурси за непрекъснато обучение и обновяване на съответствието
Изисквания
- Основни до средни знания на HTML, CSS, JavaScript
- Основни до средни знания на техники за мобилни приложения (Android, IOS)
- Знакомство с фреймворкове за фронтенд (React, Angular, Vue, и т.н.) е предимство
- Знакомство с разработка на мобилни приложения е предимство
- Основно разбиране на цикъла на развитие на уеб/мобилни приложения
- Лаптоп с установена разработваща среда (редактор за код, инструменти за разработка на браузъри)
Целова публика - Разработчици на фронтенд/бекенд/мобилни приложения
- Дизайнери на UI/UX с знания за програмиране
- Инженери за качество, фокусирани върху тестване на достъпност
- Собственици на продукти и мениджъри на проекти, участващи в съответствие с достъпността
Oтзиви от потребители (5)
Факта, че има практических примери с съдържанието
Smita Hanuman - Standard Bank of SA Ltd
Курс - Basel III – Certified Basel Professional
Машинен превод
Скорост на отговор и комуникация
Bader Bin rubayan - Lean Business Services
Курс - ISO/IEC 27001 Lead Implementer
Машинен превод
Общавах се с инструктора, който ми се показал много компетентен с Figma.
January Oliva - Eko Health
Курс - User Experience Design with Figma
Машинен превод
- упражненията са практични - треньорът е полезен при отговоряне на нашите специфични въпроси
Germaine Choi - The Hong Kong Jockey Club
Курс - User Experience (UX) Design
Машинен превод
Атмосфера, подход към упражненията и коментарите по задачите. Бяхме толкова приятно и разслабено предаване на знанията
Elzbieta Moc-Kilanska - EY GDS
Курс - User Experience UX Design Fundamentals
Машинен превод