План на курса

Юридически контекст & Основи на Достъпността

Модул 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 и проектни менаджъри, участващи в съответствието с нормите за достъпност
 21 часа

Брой участници


Цена за участник

Отзиви от потребители (5)

Предстоящи Курсове

Свързани Kатегории