Съдържание и теми, включени в курса
Правен контекст и основни принципи на достъпността
Модул 1: Въведение в Закона за достъпността и неговото значение
- Преглед на новия Закон за достъпността (в сила от 28 юни)
- Правни изисквания и крайни срокове
- Влияние върху публичния сектор, частните компании и разработчиците
- Защо достъпността е важна: социална, етична и бизнес перспектива
- Санкции за несъответствие
- Преглед на стандартите за достъпност (WCAG 2.1/2.2, ARIA)
- Категории увреждания
Модул 2: Принципи и напътствия за достъпност
- Принципите POUR (Восприемачеството, Управление, Разбираемост, Издръжливост)
- Въведение в напътствията на 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 атрибути
- Управление на живи региони (live regions) за екранни четци
- Създаване на достъпни виджети и персонализирани компоненти
- Ролята на ARIA в SPA (Single Page Applications)
- За мобилни устройства: обсъждане на роли и етикети за достъпност в нативните платформи (напр. contentDescription в Android, accessibilityLabel в iOS).
Модул 7: Практическо упражнение в лаборатория: Създаване на достъпни компоненти
- Създаване на достъпни бутони, модални прозорци, падащи менюта, табове
- Имплементиране на достъпна валидация на форми и обработка на грешки
- Използване на ARIA и семантичен HTML за реални UI компоненти
Тестване, съответствие и непрекъсната достъпност
Модул 8: Тестване и одитиране на достъпността
- Техники за ръчно тестване с екранни четци и само клавиатура
- Автоматизирани тестове с инструменти като axe, Lighthouse, pa11y
- Изписване на тестови сценарии за достъпност за QA екипи
- Интегриране на тестване на достъпност в CI/CD конвейорите
- Как да се извършват одити на достъпност за нативни мобилни приложения (ръчни тестове, автоматизирани инструменти като Accessibility Scanner, Espresso за Android, XCTest за iOS)
Модул 9: Корекции и непрекъсната достъпност
- Често срещани проблеми с достъпността и как да се коригират
- Управление на достъпността в наследени кодови бази
- Поддържане на достъпността при обновяване на функции и рефакторинг
- Достъпност в многоплатформени приложения (мобилни, десктопни, web)
Модул 10: Финално практически упражнение и обобщение
- Постройте или рефакторете малко приложение/модул, за да отговаря на стандартите за достъпност
- Взаимна ревизия и групова дискусия
- Сесия за въпроси и отговори и обратна връзка
- Ресурси за постоянно учене и актуализации на съответствието
Изисквания
- Базови до средни познания по HTML, CSS, JavaScript
- Базови до средни познания за техники за разработка на мобилни приложения (Android, iOS)
- Познание с frontend фреймуърки (React, Angular, Vue и др.) е плюс
- Познание с разработката на мобилни приложения е плюс
- Базово разбиране на жизнения цикъл на web/mobилната разработка
- Лаптоп с настроена среда за разработка (редактор на код, разработчески инструменти в браузър)
Целева аудитория
- Frontend/Backend/Mobile разработчици
- UI/UX дизайнери с познания в кодирането
- QA инженери, фокусирани върху тестване на достъпността
- Продакт собственици и мениджъри на проекти, ангажирани със съответствието за достъпност
Отзиви от участници (3)
Имайки предвид какви фактори е необходимо да се отчетат при проектирането на процесни потоци, за да се осигури благоприятно потребителско изживяване и лесна реализация.
Lineo Nchaba - Revenue Services Lesotho
Курс - User Experience (UX) Design
Машинен превод
Експериментиране с инструменти
Nuwan Gunaratne - AZQORE
Курс - User Experience Design with Figma
Машинен превод
Нашят треньор, Яшанк, беше изключително компетентен. Той модифицира програмата, за да отговаря на това, което действително се нуждаехме да научим, и имахме отличен учебен опит с него. Неговото разбиране на областта, която преподаваше, беше впечатляващо; той сподели praktichni познания от реален опит и ни помогна да решим конкретни проблеми, срещнати в нашата работа.
Ahmed Nazeem - Maldives Pension Administration Office
Курс - Multimodal AI for Enhanced User Experience
Машинен превод