Dziękujemy za wysłanie zapytania! Jeden z członków naszego zespołu skontaktuje się z Państwem wkrótce.
Dziękujemy za wysłanie rezerwacji! Jeden z członków naszego zespołu skontaktuje się z Państwem wkrótce.
Plan Szkolenia
Kontekst prawny i podstawy dostępności
Moduł 1: Wprowadzenie do ustawy o dostępności i jej znaczenie
- Przegląd nowej ustawy o dostępności (obowiązującej od 28 czerwca)
- Wymagania prawne i terminy
- Wpływ na sektor publiczny, firmy prywatne i programistów
- Dlaczego dostępność ma znaczenie: perspektywa społeczna, etyczna i biznesowa
- Kary za brak zgodności
- Przegląd standardów dostępności (WCAG 2.1/2.2, ARIA)
- Kategorie niepełnosprawności
Moduł 2: Zasady i wytyczne dotyczące dostępności
- Zasady POUR (Postrzegalne, Obsługiwane, Zrozumiałe, Solidne)
- Wprowadzenie do wytycznych WCAG
- Role, stany i właściwości ARIA
- Semantyczny HTML i jego rola w dostępności
Moduł 3: Konfiguracja środowiska programistycznego pod kątem dostępności
- Narzędzia: narzędzia deweloperskie przeglądarek, czytniki ekranu (NVDA, VoiceOver), rozszerzenia dostępności
- Konfiguracja linterów i automatycznych narzędzi do 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 (używając VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Moduł 4: Praktyczne kodowanie – Semantyczny HTML i nawigacja klawiaturowa
- Pisanie semantycznego kodu HTML dla dostępności
- Zapewnienie pełnej nawigacji klawiaturowej
- Techniki zarządzania fokusem
- Dostępne obsługiwanie formularzy i elementów interaktywnych
Dostępność w natywnych aplikacjach mobilnych (Opcjonalny dodatkowy moduł na 1,5 godziny)
- Kluczowe wytyczne platform (Google Material, Apple Human Interface)
- Tworzenie dostępnej nawigacji, przycisków, formularzy na urządzeniach mobilnych
- Typowe problemy z dostępnością na urządzeniach mobilnych i ich rozwiązania
- Praktyczne testowanie z użyciem VoiceOver i TalkBack
Zaawansowane kodowanie i technologie wspomagające
Moduł 5: Dostępny CSS i projektowanie wizualne
- Najlepsze praktyki dotyczące kontrastu kolorów i rozmiaru tekstu
- Style fokusu i widoczne wskaźniki fokusu
- Uwzględnienie dostępności w projektowaniu responsywnym
- Unikanie pułapek dostępności w animacjach i przejściach
- Wytyczne dotyczące kontrastu kolorów i rozmiaru na ekranach mobilnych.
Moduł 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 ekranu
- Tworzenie dostępnych widżetów i niestandardowych komponentów
- Rola ARIA w SPA (Single Page Applications)
- W przypadku urządzeń mobilnych omówienie ról i etykiet dostępności na platformach natywnych (np. contentDescription w Androidzie, accessibilityLabel w iOS).
Moduł 7: Praktyczne laboratorium kodowania: Tworzenie dostępnych komponentów
- Tworzenie dostępnych przycisków, modalów, rozwijanych list, zakładek
- Implementacja dostępnej walidacji formularzy i obsługi błędów
- Wykorzystanie ARIA i semantycznego HTML do tworzenia rzeczywistych komponentów UI
Testowanie, zgodność i ciągła dostępność
Moduł 8: Testowanie i audytowanie dostępności
- Techniki ręcznego testowania z użyciem czytników ekranu i tylko klawiatury
- Automatyczne testowanie z użyciem narzędzi takich jak axe, Lighthouse, pa11y
- Pisanie przypadków testowych dotyczących dostępności dla zespołów QA
- Integracja testowania dostępności w potokach CI/CD
- Jak przeprowadzać audyty dostępności na natywnych aplikacjach mobilnych (testy ręczne, automatyczne narzędzia takie jak Accessibility Scanner, Espresso dla Androida, XCTest dla iOS)
Moduł 9: Naprawa i ciągła dostępność
- Typowe problemy z dostępnością i sposoby ich naprawy
- Zarządzanie dostępnością w starszych kodach bazowych
- Utrzymywanie dostępności podczas aktualizacji funkcji i refaktoryzacji
- Dostępność w aplikacjach wieloplatformowych (mobilne, desktopowe, webowe)
Moduł 10: Ostatnie ćwiczenie praktyczne i podsumowanie
- Zbuduj lub przerób małą aplikację/moduł, aby spełniał standardy dostępności
- Recenzja koleżeńska i dyskusja grupowa
- Sesja pytań i odpowiedzi oraz feedback
- Źródła do dalszej nauki i aktualizacji dotyczących zgodności
Wymagania
- Podstawowa do średnio zaawansowanej znajomość HTML, CSS, JavaScript
- Podstawowa do średnio zaawansowanej znajomość technik tworzenia aplikacji mobilnych (Android, IOS)
- Znajomość frameworków frontendowych (React, Angular, Vue itp.) jest dodatkowym atutem
- Znajomość tworzenia aplikacji mobilnych jest dodatkowym atutem
- Podstawowe zrozumienie cyklu rozwoju aplikacji webowych/mobilnych
- Laptop z przygotowanym środowiskiem programistycznym (edytor kodu, narzędzia deweloperskie przeglądarki)
Odbiorcy
- Programiści Frontend/Backend/Mobilni
- Projektanci UI/UX z wiedzą programistyczną
- Inżynierowie QA zajmujący się testowaniem dostępności
- Właściciele produktów i kierownicy projektów zaangażowani w zapewnienie zgodności z dostępnością
21 godzin
Opinie uczestników (2)
Eksperymentowanie z narzędziami
Nuwan Gunaratne - AZQORE
Szkolenie - User Experience Design with Figma
Przetłumaczone przez sztuczną inteligencję
Nasz trener, Yashank, był niesamowicie wykwalifikowany. Dostosował program szkolenia do tego, co naprawdę musieliśmy nauczyć się i mieliśmy świetne doświadczenie nauki z nim. Jego zrozumienie dziedziny, którą uczymy, było imponujące; dzielił się wglądami wynikającymi z prawdziwych doświadczeń i pomagał nam rozwiązywać rzeczywiste problemy, z którymi mieliśmy do czynienia w pracy.
Ahmed Nazeem - Maldives Pension Administration Office
Szkolenie - Multimodal AI for Enhanced User Experience
Przetłumaczone przez sztuczną inteligencję
