Accessibility by Design (Compliance with EU ACT)

Course Code: euactdesign

Duration: 21 hours

Prerequisites:

Podstawowa do średnio zaawansowana znajomość HTML, CSS, JavaScript
Podstawowa do średnio zaawansowana znajomość technik aplikacji mobilnych (Android, IOS)
Znajomość frameworków front-end (React, Angular, Vue, itp.) jest plusem
Znajomość tworzenia aplikacji mobilnych jest plusem
Podstawowa znajomość cyklu życia rozwoju aplikacji webowych/mobilnych
Laptop z zainstalowanym środowiskiem programistycznym (edytor kodu, narzędzia deweloperskie przeglądarek)

Grupa docelowa
Programiści Frontend/Backend/Mobile
Projektanci UI/UX z znajomością programowania
Inżynierowie QA skupiający się na testowaniu dostępności
Właściciele produktów i menedżerowie projektów zajmujący się zgodnością z dostępnością

Overview:

Ten kurs daje eksperckie wprowadzenie do nowo uchwalonego prawa o Accessibilności i wyposaża programistów w praktyczne umiejętności, aby projektować, tworzyć i utrzymywać całkowicie dostępne aplikacje. Rozpoczynając od kontekstowej dyskusji na temat znaczenia i implikacji prawa, kurs szybko przechodzi do praktycznego kodowania, narzędzi i technik testowania, aby zapewnić zgodność i włączność dla użytkowników z niepełnosprawnościami.Po ukończeniu tego szkolenia uczestnicy będą w stanie:- Zrozumieć nowe prawo o Accessibilności i jego wpływ na produkty cyfrowe- Nabyć doświadczenie z kodowaniem zgodnym ze standardami dostępności i najlepszymi praktykami- Nauczyć się używać nowoczesnych narzędzi i technologii wspomagających testowanie dostępności- Wdrożyć dostępne komponenty UI zgodne ze standardami prawnymi i etycznymi- Poprawić doświadczenie użytkownika dla wszystkich użytkowników, w tym tych z niepełnosprawnościami- Zmniejszyć ryzyko prawny, zapewniając, że aplikacje spełniają bieżące wymagania dotyczące dostępnościFormat kursu- Interaktywne wykłady i dyskusje.- Wiele ćwiczeń i praktyki.- Ręczne wdrożenie w środowisku live-lab.Opcje dostosowania kursu- Aby poprosić o dostosowany kurs dla tego kursu, skontaktuj się z nami w celu zorganizowania.Day 1: Kontekst prawny i podstawy AccessibilnościModule 1: Wprowadzenie do prawa o Accessibilności i jego znaczeniu- Przegląd nowego prawa o Accessibilności (weszło w życie 28 czerwca)- Wymagania prawne i terminy- Wpływ na sektor publiczny, prywatne firmy i programistów- Dlaczego dostępność jest ważna: perspektywy społeczne, etyczne i biznesowe- Kary za nieprzestrzeganie- Przegląd standardów dostępności (WCAG 2.1/2.2, ARIA)- Kategorie niepełnosprawnościModule 2: Zasady i wytyczne dotyczące Accessibilności- Zasady POUR (Wyczuwalne, Operowalne, Zrozumiałe, Odporne)- Wprowadzenie do wytycznych WCAG- Role, stany i właściwości ARIA- Semantyczna treść HTML i jej rola w dostępnościModule 3: Konfiguracja Accessilnego środowiska programistycznego- Narzędzia: narzędzia deweloperskie przeglądarek, czytniki ekranów (NVDA, VoiceOver), rozszerzenia dostępności- Konfiguracja linterów i narzędzi do automatycznego testowania dostępności- Przegląd popularnych narzędzi do testowania dostępności- Konfiguracja testowania dostępności na symulatorach i rzeczywistych urządzeniach mobilnych (za pomocą VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).Module 4: Praktyczne kodowanie – semantyczna treść HTML i nawigacja klawiszowa- Pisanie semantycznego znacznika dla dostępności- Zapewnienie pełnej nawigacji klawiszowej- Techniki zarządzania fokusem- Obsługa formularzy i interaktywnych elementów w dostępny sposóbAccessibilność w natywnych aplikacjach mobilnych (opcjonalny dodatkowy moduł na 1,5 godziny)- Kluczowe wytyczne platform (Google Material, Apple Human Interface)- Czynienie nawigacji, przycisków, formularzy dostępnych na urządzeniach mobilnych- Powszechne problemy z dostępnością mobilną i rozwiązania- Testowanie w praktyce z VoiceOver i TalkBackDay 2: Zaawansowane kodowanie i technologie wspomagająceModule 5: Accessilne CSS i projektowanie wizualne- Najlepsze praktyki kontrastu kolorów i rozmiaru tekstu- Stylizacja fokusu i widoczne wskazniki fokusu- Rozwiązania projektowania responsywnego dla dostępności- Unikanie pułapek dostępności w animacjach i przejściach- Wytyczne dotyczące kontrastu kolorów i rozmiarów dla ekranów mobilnych.Module 6: ARIA dla dynamicznej treści i bogatych aplikacji internetowych- Kiedy i jak używać atrybutów ARIA- Zarządzanie regionami na żywo dla czytników ekranów- Tworzenie dostępnych widgetów i niestandardowych komponentów- Rola ARIA w SPA (aplikacjach jednoekranowych)- W przypadku urządzeń mobilnych omówić role i etykiety dostępności w natywnych platformach (np. contentDescription w Android, accessibilityLabel w iOS).Module 7: Laboratorium kodowania: Budowanie Accessilnych komponentów- Tworzenie dostępnych przycisków, modalnych okien, list rozwijanych, zakładek- Wdrażanie dostępnej walidacji formularzy i obsługi błędów- Używanie ARIA i semantycznej treści HTML dla rzeczywistych komponentów UIDay 3: Testowanie, zgodność i ciągła AccessibilnośćModule 8: Testowanie i audytowanie Accessibilności- Ręczne techniki testowania z czytnikami ekranów i tylko klawiszami- Automatyczne testowanie z narzędziami takimi jak axe, Lighthouse, pa11y- Pisanie testów dostępności dla zespołów QA- Wdrażanie testowania dostępności w pipelineach CI/CD- Jak przeprowadzać audyty dostępności w natywnych aplikacjach mobilnych (testy ręczne, automatyczne narzędzia takie jak Accessibility Scanner, Espresso dla Android, XCTest dla iOS)Module 9: Naprawianie i ciągła Accessibilność- Powszechne problemy z dostępnością i sposoby ich naprawy- Zarządzanie dostępnością w starych bazach kodu- Utzymywanie dostępności podczas aktualizacji funkcji i refaktoryzacji- Accessibilność w aplikacjach wieloplatformowych (mobilnych, stacjonarnych, internetowych)Module 10: Ostateczne ćwiczenie praktyczne i podsumowanie- Budowanie lub refaktoryzowanie małej aplikacji/modułu w celu spełnienia standardów dostępności- Recenzja rówieśnicza i dyskusja grupowa- Sesja Q&A i zwrotna informacja- Zasoby dla ciągłego uczenia się i aktualizacji zgodnościTen kurs daje eksperckie wprowadzenie do nowo uchwalonego prawa o Accessibilności i wyposaża programistów w praktyczne umiejętności, aby projektować, tworzyć i utrzymywać całkowicie dostępne aplikacje. Rozpoczynając od kontekstowej dyskusji na temat znaczenia i implikacji prawa, kurs szybko przechodzi do praktycznego kodowania, narzędzi i technik testowania, aby zapewnić zgodność i włączność dla użytkowników z niepełnosprawnościami.Po ukończeniu tego szkolenia uczestnicy będą w stanie:- Zrozumieć nowe prawo o Accessibilności i jego wpływ na produkty cyfrowe- Nabyć doświadczenie z kodowaniem zgodnym ze standardami dostępności i najlepszymi praktykami- Nauczyć się używać nowoczesnych narzędzi i technologii wspomagających testowanie dostępności- Wdrożyć dostępne komponenty UI zgodne ze standardami prawnymi i etycznymi- Poprawić doświadczenie użytkownika dla wszystkich użytkowników, w tym tych z niepełnosprawnościami- Zmniejszyć ryzyko prawny, zapewniając, że aplikacje spełniają bieżące wymagania dotyczące dostępnościFormat kursu- Interaktywne wykłady i dyskusje.- Wiele ćwiczeń i praktyki.- Ręczne wdrożenie w środowisku live-lab.Opcje dostosowania kursu- Aby poprosić o dostosowany kurs dla tego kursu, skontaktuj się z nami w celu zorganizowania.Podstawowa do średniozaawansowanej wiedza o HTML, CSS, JavaScript- Podstawowa do średniozaawansowanej wiedza o technikach aplikacji mobilnych (Android, IOS)- Znawstwo frameworków front-endowych (React, Angular, Vue, itd.) jest dodatkowym plusem- Znawstwo programowania aplikacji mobilnych jest dodatkowym plusem- Podstawowa wiedza o cykli życia programowania internetowego/mobilnego- Laptop z zainstalowanym środowiskiem programistycznym (edytor kodu, narzędzia deweloperskie przeglądarek)Grupa docelowa- Programiści front-end/back-end/mobilni- Projektanci UI/UX z wiedzą programistyczną- Inżynierowie QA skupiający się na testowaniu dostępności- Właściciele produktów i menedżerowie projektów zaangażowani w zgodność z dostępnościąTen kurs daje eksperckie wprowadzenie do nowo uchwalonego prawa o Accessibilności i wyposaża programistów w praktyczne umiejętności, aby projektować, tworzyć i utrzymywać całkowicie dostępne aplikacje. Rozpoczynając od kontekstowej dyskusji na temat znaczenia i implikacji prawa, kurs szybko przechodzi do praktycznego kodowania, narzędzi i technik testowania, aby zapewnić zgodność i włączność dla użytkowników z niepełnosprawnościami.