План на курса
Юридически контекст & Основи на Достъпността
Модул 1: Въведение в Закона за достъпността и неговата важност
- Общ преглед на новия Закон за достъпността (в сила от 28 юни)
- Юридически изисквания и срокове
- Влияние върху обществените сектори, частните компании и разработчиците
- Защо достъпността е важна: социални, етически и бизнес перспективи
- Санкции за несъответствие
- Общ преглед на стандарти за достъпност (WCAG 2.1/2.2, ARIA)
- Категории на увреди
Модул 2: Принципи и насоки за достъпността
- Принципите POUR (Perceivable, Operable, Understandable, Robust)
- Въведение в насоките на WCAG
- Роли, състояния и свойства на ARIA
- Семантичен HTML и неговата роля в достъпността
Модул 3: Настройка на достъпна разработка среда
- Инструменти: инструменти за разработка в браузера, синтезатори на глас (NVDA, VoiceOver), плъзгачи за достъпност
- Настройка на линтери и инструменти за автоматично тестване на достъпността
- Общ преглед на обичайните инструменти за тестове на достъпност
- Настройка на тестване на достъпност в мобилни симулатори и реални устройства (с използването на VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Модул 4: Практическо кодиране – Семантичен HTML & Управление с клавиатура
- Написване на семантичен маркирания код за достъпност
- Гарансиране на пълно управление с клавиатура
- Техники за управление на фокуса
- Обработка на форми и интерактивни елементи в достъпен начин
Достъпност в родни мобилни приложения (Опционален допълнителен модул за 1.5 часа)
- Ключови платформени насоки (Google Material, Apple Human Interface)
- Направене на навигацията, бутоните и формите достъпни в мобилните приложения
- Общи проблеми с достъпността в мобилните приложения и техни решения
- Практическо тестване с VoiceOver и TalkBack
Напредно кодиране & Помощни технологии
Модул 5: Достъпен CSS и визуално проектиране
- Лучшите практики за контраста на цветовете и размера на текста
- Стилове за фокус и видими индикатори за фокус
- Резервни разглеждания при проектирането на достъпността в реактивен дизайн
- Избягване на проблеми с достъпността при анимации и преминаване
- Ръководства за контраста на цветовете и размера на мобилните екрани.
Модул 6: ARIA за динамично съдържание & Богати интернет приложения
- Кога и как да използвате атрибути на ARIA
- Управление на живи области за синтезатори на глас
- Създаване на достъпни виджети и персонализирани компоненти
- Ролята на ARIA в SPA (Single Page Applications)
- За мобилни приложения, обсъждане на роли и етикети за достъпност в родните платформи (например contentDescription в Android, accessibilityLabel в iOS).
Модул 7: Практическа лаборатория по кодиране: Създаване на достъпни компоненти
- Създаване на достъпни бутони, модални прозорци, дропдоуны, табове
- Имплементация на достъпна валидация и обработка на грешки при формите
- Използване на ARIA и семантичен HTML за реални компоненти на потребителския интерфейс
Тестване, съответствие и непрекъсната достъпност
Модул 8: Тестове за достъпност & Аудит
- Техники за ръчно тестване с синтезатори на глас и само клавиатура
- Автоматизирани тестове с инструменти като axe, Lighthouse, pa11y
- Пишете тестови случаи за достъпност за QA екипи
- Интегрирайте тестване на достъпност в CI/CD канали
- Как да извършвате аудити за достъпност на родни мобилни приложения (ръчни тестове, автоматизирани инструменти като Accessibility Scanner, Espresso за Android, XCTest за iOS)
Модул 9: Коригиране & Непрекъсната достъпност
- Общи проблеми с достъпността и как да ги коригирате
- Управление на достъпността в старите кодови бази
- Поддържане на достъпността по време на актуализации и рефакторинг
- Достъпност в многоплатформените приложения (мобилни, настолни, уеб)
Модул 10: Крайно практическо упражнение и завършване
- Създаване или рефакторинг на малко приложение/модул, за да се спазват стандарти за достъпност
- Разглеждане и обсъждане от колеги и група
- Q&A сесия и обратна връзка
- Ресурси за непрекъснато обучение и актуализации на съответствието
Изисквания
- Основни до средно познания по HTML, CSS, JavaScript
- Основни до средни познания за техники на мобилни приложения (Android, IOS)
- Познаване на фронтенд фреймворки (React, Angular, Vue и др.) е предимство
- Познаване на разработка на мобилни приложения е предимство
- Основно разбиране за жизнения цикъл на разработката на уеб/мобилни приложения
- Ноутбук с подготвена разработка (редактор за код, инструменти за разработка в браузера)
Публика
- Фронтенд/Бекенд/Мобилни разработчици
- Дизайнери на UI/UX с познания за кодиране
- QA инженери, които се специализират в тестване на достъпността
- Продуктни owners и проектни менаджъри, участващи в съответствието с нормите за достъпност
Отзиви от потребители (5)
"Истинно оцених реалното време, в което преподавателят показа как нашата екип може да приложи човешко-ориентирания дизайн (HCD) към нашия проект. Беше също много хубаво, че преподавателят посвети време да разбере нашите проекти на високо ниво, което помогна за предоставяне на ясни и практически насоки относно това как можем по-ефективно да се справим както с UX, така и с UI."
Nichole Bryant Joven - Grundfos
Курс - Human-Centered Design (HCD)
Машинен превод
Факта, че има практических примери с съдържанието
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
Машинен превод