Děkujeme za vaši dotaz! Jeden z našich pracovníků vás brzy kontaktuje.
Děkujeme za rezervaci! Jeden z našich pracovníků vás brzy kontaktuje.
Návrh Školení
Právní rámec a 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 (platnost od 28. června)
- Právní požadavky a termíny plnění
- Dopady na veřejný sektor, soukromé společnosti i vývojáře
- Proč je přístupnost důležitá: sociální, etický a obchodní hlediska
- Sankce za nedodržení požadavků na přístupnost
- Přehled standardů pro přístupnost (WCAG 2.1/2.2, ARIA)
- Druhy zdravotního postižení
Modul 2: Principy a doporučené postupy v oblasti přístupnosti
- Principy POUR (vnímatelnost, ovladatelnost, srozumitelnost a spolehlivost)
- Seznámení s pokyny standardu WCAG
- Role, stavy a vlastnosti ARIA
- Význam sémantiky HTML pro zajištění přístupnosti
Modul 3: Nastavení vývojového prostředí vhodného pro práci s přístupností
- Nástroje: nástroje pro ladění v prohlížečích, screen readers (NVDA, VoiceOver), rozšíření na podporu přístupnosti
- Instalace linterů a automatizovaných testovacích nástrojů na kontrolu přístupnosti
- Přehled běžně používaných nástrojů určených k testování přístupnosti
- Konfigurace testovacích nástrojů pro mobilní simulátory i reálná zařízení (využití VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector)
Modul 4: Praktické programování – sémantika HTML a ovladatelnost pomocí klávesnice
- Psaní sémanticky správného kódu pro zajištění přístupnosti
- Zajištění plné ovladatelnosti aplikace pomocí klávesnice
- Techniky řízení zaměření na jednotlivé prvky rozhraní
- Správné zpracování formulářů a interaktivních prvků s ohledem na přístupnost
Přístupnost v nativních mobilních aplikacích (volitelný modul trvající 1,5 hodiny)
- Hlavní pokyny pro jednotlivé platformy (Google Material Design, Apple Human Interface)
- Jak zajistit přístupnost navigačních prvků, tlačítek a formulářů v mobilních aplikacích
- Časté problémy s přístupností v mobilech a způsoby jejich řešení
- Praktické testování pomocí nástrojů VoiceOver a TalkBack
Pokročilé programovací techniky a asistivní technologie
Modul 5: Přístupnost CSS a vizuálního designu
- Doporučené postupy pro kontrast barev a velikost textu
- Stylizace zaměření na aktivní prvek rozhraní a její viditelnost
- Důležitost responzivního designu z hlediska přístupnosti
- Jak se vyhnout chybám v animacích a přechodech, které mohou snižovat přístupnost
- Doporučené hodnoty kontrastu barev a velikosti prvků na mobilních obrazovkách
Modul 6: Použití ARIA pro dynamický obsah a komplexní internetové aplikace
- Kdy a jak vhodně používat atributy ARIA
- Správa dynamicky se měnících oblastí stránky určených k prezentaci screen readerům
- Vytváření přístupných komponent a vlastních ovládacích prvků
- Úloha ARIA v jednostránkových aplikacích (SPA)
- Pro mobilní platformy: role a popisky určené k podpoře asistivních technologií (např. contentDescription v Androidu, accessibilityLabel v iOS)
Modul 7: Praktický programovací workshop – tvorba přístupných komponent
- Vytvoření tlačítek, modálních oken, rozbalovacích menu a jiných prvků vhodných pro každého uživatele
- Implementace kontroly platnosti formulářů spolu s správným zpracováním chyb tak, aby byla přístupná i tato funkce
- Využití ARIA a sémantiky HTML k vytvoření reálných komponent uživatelského rozhraní
Testování, shoda s požadavky a kontinuální péče o přístupnost
Modul 8: Testování a audit přístupnosti
- Ruční metody testování s využitím screen readerů a pouze klávesnice
- Automatizované kontroly pomocí nástrojů typu axe, Lighthouse či pa11y
- Jak sestavit testovací scénáře určené k ověření přístupnosti pro týmy zajišťující kvalitu produktu
- Začlenění kontroly přístupnosti do systémů nepřetržité integrace a nasazování (CI/CD)
- Jak provádět audity a testy nativních mobilních aplikací – jak manuálně, tak s využitím nástrojů Accessibility Scanner, Espresso pro Android či XCTest pro iOS
Modul 9: Odstraňování nedostatků a udržování přístupnosti v dlouhodobém horizontu
- Běžné chyby a jejich opravy z hlediska přístupnosti
- Jak pracovat s již existujícími kódy, které nejsou plně přístupné
- Udržování požadavků na přístupnost i během dalších aktualizací a rekonstrukcí produktu
- Zajištění shody s normami pro přístupnost v aplikacích fungujících na více platformách (mobil, počítače, web)
Modul 10: Závěrečné praktické cvičení a shrnutí
- Vytvoření či úprava malého modulu nebo celé aplikace tak, aby plně splňovala požadavky na přístupnost
- Vzájemné hodnocení mezi účastníky a diskuse nad vzniklými výsledky
- Závěrečná otázka–odpověď a poskytnutí zpětné vazby všem studentům
- Seznam materiálů určených k dalšímu studiu a informací o aktualizacích legislativy i standardů přístupnosti
Požadavky
- Základní až středně pokročilé znalosti HTML, CSS a JavaScriptu
- Základní až středně pokročilé znalosti technik vývoje mobilních aplikací (Android i iOS)
- Seznámenost s frontendovými frameworky (React, Angular, Vue atd.) je výhodou
- Znalosti v oblasti vývoje mobilních aplikací jsou rovněž výhodou
- Základní přehled o životním cyklu vývoje webových a mobilních aplikací
- Notebook s nainstalovaným vývojovým prostředím (editor kódu, nástroje pro ladění v prohlížeči)
Pro koho je kurz určen
- Vývojáři frontendu, backendu i mobilních aplikací
- UI/UX designéři s programátorskými schopnostmi
- Testovací inženýři zaměření na kontrolu přístupnosti
- Produktoví manažeři a projektoví vedoucí, kteří se podílejí na dodržování požadavků týkajících se přístupnosti
21 Hodiny
Reference (3)
Experimentování s nástroji
Nuwan Gunaratne - AZQORE
Kurz - User Experience Design with Figma
Přeloženo strojem
Náš instruktor Yashank byl neuvěřitelně vzdělaný. Upravil kurzy tak, aby odpovídaly tomu, co jsme skutečně potřebovali seznat, a s ním jsme měli skvělé zkušenosti se studiem. Jeho znalost oblasti, kterou nám přednášel, byla ohromující; sdílel s námi přehledy z praxe a pomohl nám vyřešit skutečné problémy, s kterými se setkávali naše pracovní týmy.
Ahmed Nazeem - Maldives Pension Administration Office
Kurz - Multimodal AI for Enhanced User Experience
Přeloženo strojem
„Opravdu jsem oceňoval real-time přístup, který instruktor použil k ukázání, jak náš tým může aplikovat Human-Centered Design (HCD) na náš projekt. Bylo skvělé, že si instruktor udělal čas a pochopil naše projekty v širším kontextu, což pomohlo poskytnout jasná a praktická doporučení o tom, jak lépe přistupovat k UX i UI.“
Nichole Bryant Joven - Grundfos
Kurz - Human-Centered Design (HCD)
Přeloženo strojem
