Návrh Školení
Den 1.: Právní kontext & základy přístupnosti
Modul 1: Úvod do zákona o přístupnosti a jeho významu
- Přehled nového zákona o přístupnosti (v platnosti od 28. června)
- Právní požadavky a termíny
- Dopady na veřejný sektor, soukromé společnosti a vývojáře
- Počet způsobů, proč přístupnost dělá rozdíl: sociální, etické a podnikatelské pohledy
- Následek porušení požadavků na přístupnost
- Přehled standardů přístupnosti (WCAG 2.1/2.2, ARIA)
- Kategorie zdravotních omezení
Modul 2: Principy a směrnice pro přístupnost
- Zásady POUR (Přijatelnost, Ovladatelnost, Rozumitelnost, Robustnost)
- Vstup do směrnic WCAG
- Role, stavy a vlastnosti ARIA
- Semantická HTML a její role při poskytování přístupnosti
Modul 3: Nastavení vývojového prostředí pro přístupnost
- Nástroje: browser dev tools, obrazové čtečky (NVDA, VoiceOver), rozšíření pro přístupnost
- 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 simulátorech a skutečných zařízeních (pomocí VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Modul 4: Praktické programování – Semantická HTML & klávesové navigace
- Napsat semantický kód pro přístupnost
- Zajištění úplné ovladatelnosti klávesnicí
- Techniky správy fokusu
- Zpracování formulářů a interaktivních prvků s ohledem na přístupnost
Přístupnost v nativních mobilních aplikacích (volitelný doplňkový modul o délce 1,5 hodiny)
- Klíčové směrnice platformy (Google Material, Apple Human Interface)
- Zajištění přístupnosti navigace, tlačítek a formulářů na mobilu
- Běžné problémy s přístupností na mobilních zařízeních a jejich řešení
- Praktické testování pomocí VoiceOver a TalkBack
Den 2: Pokročilé programování & asistentní technologie
Modul 5: Přístupné CSS a vizuální návrh
- Výkonnost kontrastů barev a velikosti textu
- Styly fokusu a viditelné indikátory fokusu
- Zvažení flexibilního designu pro přístupnost
- Počet způsobů, jak vyhnout se chybám v animacích a přechodových efektech
- Návod na kontrasty barev a pravidla velikosti pro mobilní obrazovky.
Modul 6: ARIA pro dynamický obsah & bohaté internetové aplikace
- Kdy a jak používat atributy ARIA
- Správa živých oblastí pro obrazové čtečky
- Vytváření přístupných widgetů a vlastních komponent
- Role ARIA ve SPA (Single Page Applications)
- Počet způsobů, jak diskutovat o rolech přístupnosti a popisech v nativních platformách (např. contentDescription v Android, accessibilityLabel v iOS).
Modul 7: Praktické cvičení kódování: Vytváření přístupných komponent
- Vytvoření přístupných tlačítek, modálů, rozevíracích seznamů a záložek
- Implementace přístupné validace formulářů a řešení chyb
- Použití ARIA a semantické HTML pro reálné UI komponenty
Den 3: Testování, dodržování předpisů a neustálá přístupnost
Modul 8: Testování & audity přístupnosti
- Způsoby ručního testování s obrazovými čtečkami a pouze klávesnicí
- Automatizované testy pomocí nástrojů jako jsou axe, Lighthouse, pa11y
- Napsání testovacích případů pro týmy QA s ohledem na přístupnost
- Integrace testování přístupnosti do CI/CD potrubí
- Jak provádět audity přístupnosti u nativních mobilních aplikací (ruční testy, automatizované nástroje jako Accessibility Scanner, Espresso pro Android, XCTest pro iOS)
Modul 9: Řešení problémů a neustálá přístupnost
- Běžné problémy s přístupností a jejich vyřešení
- Správa přístupnosti ve starších zdrojových kódech
- Udržování přístupnosti během aktualizací funkcí a refaktoringu
- Přístupnost v multiplatformních aplikacích (mobil, desktop, webové)
Modul 10: Poslední praktické cvičení a shrnutí
- Vytvoření nebo refaktorování malé aplikace/module pro splnění standardů přístupnosti
- Soupeřská kontrola a skupinové diskuse
- Otázky a odpovědi a zpětná vazba
- Zdroje pro pokračující vzdělávání a aktualizace dodržování předpisů
Tento kurz poskytuje odborný úvod do nově vyneseného zákona o přístupnosti a vybaví vývojáře praktickými dovednostmi pro návrh, vývoj a udržování plně přístupných aplikací. Začíná se kontextovou diskuzí o důležitosti zákona a jeho dopadech, a rychle přechází k praktickému programování, nástrojům a technikám testování, aby zajistil dodržení požadavků a inkluzivitu pro uživatele s omezeními.
Konec tohoto školení budou účastníci schopni:
- Pochopení nového zákona o přístupnosti a jeho dopad na digitální produkty
- Získat praktický zážitek s kódovacími normami a nejlepšími postupy pro přístupnost
- Učit se používání moderních nástrojů a asistentních technologií pro testování přístupnosti
- Být schopni implementovat přístupné komponenty UI, které splňují právní a etické standardy
- Zlepšit uživatelský zážitek pro všechny uživatele, včetně těch s omezeními
- Snížit právní rizika tím, že vaše aplikace splňují aktuální požadavky na přístupnost
Formát kurzu:
- Interaktivní přednáška a diskuse.
- Mnoho cvičení a praxe.
- Ruční implementace v prostředí live-lab.
Možnosti individualizace kurzu:
- Pro žádost o individuálně zpracované školení tohoto kurzu, kontaktujte nás na uspořádání.
- 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)
- Familiarita s frontend frameworky (React, Angular, Vue, atd.) je přínosem
- Familiarita s vývojem mobilních aplikací je přínosem
- Základní pochopení cyklu životnosti webového/mobilního vývoje
- Čtvrtáč se nastavením vývojového prostředí (code editor, browser dev tools) Audience
- Vývojáři frontendu/backendu/mobile
- UI/UX designéři s znalostmi programování
- Inženýři QA zaměření na testování přístupnosti
- Product Owners a Project Managers zapojení do dodržování předpisů přístupnosti
Tento kurz poskytuje odborný úvod do nového zákona o přístupnosti a vybaví vývojáře praktickými dovednostmi pro návrh, vývoj a udržování plně přístupných aplikací. Začíná se kontextovou diskuzí o důležitosti zákona a jeho dopadech, a rychle přechází k praktickému programování, nástrojům a technikám testování, aby zajistil dodržení požadavků a inkluzivitu pro uživatele s omezeními.
Tento kurz poskytuje odborný úvod do nově vyneseného zákona o přístupnosti a vybaví vývojáře praktickými dovednostmi k návrhu, vývoji a udržování plně přístupných aplikací. Začíná se kontextovou diskuzí o důležitosti zákona a jeho dopadech a rychle přechází k praktickému programování, nástrojům a technikám testování pro zajistění dodržení požadavků a inkluzivitu uživatelů s omezeními.
Požadavky
- Základní až středně pokročilé znalosti HTML, CSS, JavaScript
- Základní až středně pokročilé znalosti technik mobilních aplikací (Android, IOS)
- Pozitivní je znajomost s frontend frameworky (React, Angular, Vue, atd.)
- Pozitivní je znajomost s vývojem mobilních aplikací
- Základní pochopení životního cyklu webové/mobilní vývoje
- Polibka se nastavením vývojového prostředí (editor kódu, nástroje pro vývoj v prohlížeči)
Cílová skupina - Vývojáři frontendu/backendu/mobile
- UI/UX dizajnéři s znalostmi kóduvání
- QA inženýři zaměření na testování přístupnosti
- Vlastníci produktů a manažeři projektů zapojení v souladu s požadavky na přístupnost
Reference (5)
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
Elzbieta Moc-Kilanska - EY GDS
Kurz - User Experience UX Design Fundamentals
The trainer was extremely clear and concise. Very easy to understand and absorb the information.