Съдържание и теми, включени в курса
Правен контекст и основи на достъпността
Модул 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 за реални UI компоненти
Тестване, съответствие и непрекъсната достъпност
Модул 8: Тестване и одит на достъпността
- Техники за ръчно тестване с екранни четци и само с клавиатура
- Автоматизирано тестване с инструменти като axe, Lighthouse, pa11y
- Писане на тестови случаи за достъпност за QA екипи
- Интегриране на тестването на достъпността в CI/CD конвейери
- Как да извършваме одити на достъпността на нативни мобилни приложения (ръчни тестове, автоматизирани инструменти като Accessibility Scanner, Espresso за Android, XCTest за iOS)
Модул 9: Отстраняване на проблеми и непрекъсната достъпност
- Често срещани проблеми с достъпността и как да ги отстраним
- Управление на достъпността в наследени кодови бази
- Поддържане на достъпността по време на актуализации на функции и рефакторинг
- Достъпност в мултиплатформени приложения (мобилни, десктоп, уеб)
Модул 10: Финален практически упражнение и заключение
- Изграждане или рефакторинг на малко приложение/модул, за да отговаря на стандартите за достъпност
- Партньорска проверка и групова дискусия
- Сесия за въпроси и отговори и обратна връзка
- Ресурси за продължаващо обучение и актуализации за съответствие
Изисквания
- Основни до средни познания по HTML, CSS, JavaScript
- Основни до средни познания по техники за мобилни приложения (Android, IOS)
- Запознаването с фронтенд рамки (React, Angular, Vue и др.) е предимство
- Запознаването с разработката на мобилни приложения е предимство
- Основно разбиране на жизнения цикъл на уеб/мобилна разработка
- Лаптоп с настроена среда за разработка (редактор на код, инструменти за разработка в браузър)
Аудитория
- Фронтенд/Бекенд/Мобилни разработчици
- UI/UX дизайнери с познания по програмиране
- QA инженери, фокусирани върху тестване на достъпността
- Собственици на продукти и ръководители на проекти, участващи в осигуряването на съответствие с достъпността
Отзиви от участници (3)
Експериментиране с инструменти
Nuwan Gunaratne - AZQORE
Курс - User Experience Design with Figma
Машинен превод
Нашят треньор, Яшанк, беше изключително компетентен. Той модифицира програмата, за да отговаря на това, което действително се нуждаехме да научим, и имахме отличен учебен опит с него. Неговото разбиране на областта, която преподаваше, беше впечатляващо; той сподели praktichni познания от реален опит и ни помогна да решим конкретни проблеми, срещнати в нашата работа.
Ahmed Nazeem - Maldives Pension Administration Office
Курс - Multimodal AI for Enhanced User Experience
Машинен превод
"Бих искал да изразя своята благодарност за подхода с реално време, който инструкторът използва, за да покаже как нашата команда може да приложи Хуман-Сентърд Дизайн (HCD) в проекта ни. Беше много приятно и това, че инструкторът си посвети време да разбере проекта ни на общо ниво, което помогна за предоставянето на ясни и praktični указания как можем по-ефективно да работим върху UX и UI."
Nichole Bryant Joven - Grundfos
Курс - Human-Centered Design (HCD)
Машинен превод