Návrh Školení

Právní kontext & Základy přístupnosti

Modul 1: Úvod do Zákona o přístupnosti a jeho důležitosti

  • Přehled nového Zákona o přístupnosti (platný od 28. června)
  • Právní požadavky a termíny
  • Dopad na veřejný sektor, soukromé firmy a vývojáře
  • Proč přístupnost znamená: sociální, etické a obchodní perspektivy
  • Tresty za nesoulad
  • Přehled přístupnostních standardů (WCAG 2.1/2.2, ARIA)
  • Kategorie postižení

Modul 2: Principy přístupnosti & Směrnice

  • Principy POUR (Perceivable, Operable, Understandable, Robust)
  • Úvod do směrnic WCAG
  • Role ARIA, stavy a vlastnosti
  • Semantický HTML a jeho roli při přístupnosti

Modul 3: Nastavení přístupného vývojového prostředí

  • Nástroje: nástroje pro vývojáře v prohlížeči, screen reader (NVDA, VoiceOver), přístupnostní doplňky
  • Nastavení linterů a automatizovaných nástrojů pro testování přístupnosti
  • Přehled běžných nástrojů pro testování přístupnosti
  • Nastavení testování přístupnosti na mobilních emulátorech a reálných zařízeních (pomocí VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).

Praktické kódování – Semantický HTML & Klávesová navigace

  • Psaní semantického značkovacího jazyka pro přístupnost
  • Zajištění plné klávesové navigace
  • Techniky správy fokusu
  • Zpracování formulářů a interaktivních prvků v souladu s přístupností

Přístupnost v nativních mobilních aplikacích (Volitelný doplňkový modul na 1,5 hodiny)

  • Klíčové platformní směrnice (Google Material, Apple Human Interface)
  • Zajištění přístupnosti navigace, tlačítek a formulářů v mobilních aplikacích
  • Běžné problémy s přístupností v mobilních aplikacích a jejich řešení
  • Praktické testování pomocí VoiceOver a TalkBack

Pokročilé kódování & Pomocné technologie

Modul 5: Přístupný CSS a vizuální návrh

  • Nejlepší postupy pro kontrast barev a velikost textu
  • Styly fokusu a viditelné indikátory fokusu
  • Zvážení aspektů přístupnosti při responzivním návrhu
  • Vyhýbání se pastem přístupnosti v animacích a přechodech
  • Směrnice pro kontrast barev a velikost pro mobilní obrazovky.

Modul 6: ARIA pro dynamický obsah & Bohaté internetové aplikace

  • Kdy a jak používat atributy ARIA
  • Správa aktivních oblastí pro screen readery
  • Vytváření přístupných widgetů a vlastních komponent
  • Role ARIA ve SPA (Single Page Applications)
  • Pro mobil diskutujeme role přístupnosti a popisky na nativních platformách (např. contentDescription v Android, accessibilityLabel v iOS).

Modul 7: Praktický kódovací laboratoř: Vytváření přístupných komponent

  • Vytvoření přístupných tlačítek, modálních oken, rolovacích seznamů a karet
  • Implementace přístupného ověřování formulářů a zpracování chyb
  • Použití ARIA a semantického HTML pro reálné UI komponenty

Testování, soulad a kontinuální přístupnost

Modul 8: Testování přístupnosti & Auditing

  • Techniky manuálního testování pomocí screen readerů a pouze klávesnice
  • Automatizované testování s nástroji jako axe, Lighthouse, pa11y
  • Psaní přístupnostních testovacích scénářů pro týmy QA
  • Integrace testování přístupnosti do CI/CD pipeline
  • Jak provést auditing přístupnosti na nativních mobilních aplikacích (manuální testy, automatizované nástroje jako Accessibility Scanner, Espresso pro Android, XCTest pro iOS)

Modul 9: Opravy & Kontinuální přístupnost

  • Běžné problémy s přístupností a jejich řešení
  • Správa přístupnosti v legacy kódu
  • Udržování přístupnosti během aktualizací funkcí a refaktoringu
  • Přístupnost v multiplatformních aplikacích (mobil, desktop, web)

Modul 10: Konečné praktické cvičení a shrnutí

  • Vytvořte nebo refaktoruji malou aplikaci/modul, aby splňoval přístupnostní standardy
  • Peer review a skupinová diskuse
  • Q&A a zpětná vazba
  • Zdroje pro dálejší vzdělávání a aktualizace souladu s přístupností

Požadavky

  • Základní až středně pokročilé znalosti HTML, CSS, JavaScript
  • Základní až středně pokročilé znalosti technik pro vývoj mobilních aplikací (Android, iOS)
  • Odborné znalosti frontendových rámů (React, Angular, Vue atd.) jsou vítány
  • Zkušenosti s vývojem mobilních aplikací jsou vítány
  • Základní znalost životního cyklu vývoje webových a mobilních aplikací
  • Počítač s připraveným vývojovým prostředím (kódovací editor, nástroje pro vývojáře v prohlížeči)

Cílová skupina

  • Frontend, Backend a Mobilní vývojáři
  • UI/UX návrháři s znalostmi kódování
  • QA inženýři zaměření na testování přístupnosti
  • Produktové vlastníci a manažeři projektů zapojení do souladu s přístupností
 21 hodiny

Počet účastníků


Cena za účastníka

Reference (5)

Nadcházející kurzy

Související kategorie