План на курса
Юридически контекст & Основи на Достъпността
Модул 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)
Нашят треньор, Яшанк, беше изключително компетентен. Той модифицира програмата, за да отговаря на това, което действително се нуждаехме да научим, и имахме отличен учебен опит с него. Неговото разбиране на областта, която преподаваше, беше впечатляващо; той сподели 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)
Машинен превод
Фактът, че имаше практически примери със съдържанието
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
Машинен превод