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í
Reference (5)
"Opravdu jsem ocenil real-time přístup, kterým náš trenér demonstroval, jak naše tým může aplikovat Human-Centered Design (HCD) ve svém projektu. Bylo také skvělé, že trenér věnoval čas tomu, aby si naší projekt přesně uvědomil, což nám poskytlo jasná a praktická doporučení k lepšímu zpracování jak UX, tak UI. "
Nichole Bryant Joven - Grundfos
Kurz - Human-Centered Design (HCD)
Přeloženo strojem
The fact that there were practical examples with the content
Smita Hanuman - Standard Bank of SA Ltd
Kurz - Basel III – Certified Basel Professional
I did like how the instructor seemed very knowledgeable with Figma.
January Oliva - Eko Health
Kurz - User Experience Design with Figma
- exercises are practical - trainer is helpful in answering our specific questions
Germaine Choi - The Hong Kong Jockey Club
Kurz - User Experience (UX) Design
Atmosphere, approach to the exercises and comments about the tasks. It was so nice and relaxed way of relay the knowledge