Opis szkolenia
Liczba użytkowników korzystających z internetu za pomocą urządzeń i technologii pomocniczych rośnie. Zapewnienie dostępności cyfrowej stało się absolutną koniecznością. Celem niniejszego szkolenia jest przekazanie projektantom stron internetowych praktycznej wiedzy i umiejętności niezbędnych do tworzenia witryn zgodnych z wymogami WCAG (Web Content Accessibility Guidelines), przepisami Europejskiej Dyrektywy o Dostępności (EAA – European Accessibility Act) oraz aktualnymi (stan na 2025 r.) polskimi aktami prawnymi.
Szkolenie zostało przygotowane z myślą o:
- projektantach UX/UI i front-end developerach,
- grafikom współpracującym przy projektach webowych,
- osobach odpowiedzialnych za nadzór i koordynację procesów wdrożeniowych pod kątem dostępności,
- konsultantach ds. użyteczności i specjalistach ds. jakości stron www.
Cele szkolenia
-
Zrozumienie kontekstu prawnego
- Omówienie głównych założeń EAA i harmonogramu wdrożeń w krajach członkowskich UE, ze szczególnym uwzględnieniem Polski (terminy, obowiązki, sankcje).
- Analiza polskiej Ustawy o zapewnianiu dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych (Dz.U. z 2019 r. poz. 848 z późn. zm.) oraz rozporządzeń wykonawczych (m.in. Rozporządzenie Ministra Cyfryzacji z 2019 r. w sprawie standardów technicznych).
-
Poznanie wytycznych WCAG (wersje 2.1 / 2.2)
- Omówienie zasad POUR (Perceivable, Operable, Understandable, Robust).
- Praktyczne przykłady kryteriów sukcesu (SC) na poziomach A, AA i wybranych elementów 2.2 (np. Focus Appearance, Dragging Movements).
-
Analiza wymagań EAA w kontekście projektowania i testowania
- Zestawienie wymagań EAA z WCAG/EN 301 549 v3.x, w tym różnice i harmonizacja.
- Metody potwierdzania zgodności z EAA (audyt, samoocena, raport).
-
Polskie przepisy szczegółowe – praktyczne aspekty wdrożenia
- Szczegółowe omówienie aspektów technicznych: kontrast, dostępność nawigacji, etykiety ARIA, semantyka HTML.
- Wymagania wobec dokumentów publikowanych (PDF, Word, PPT) – techniczne zasady tworzenia dokumentów dostępnych.
- Procedury zgłaszania i usuwania barier – rola Pełnomocnika ds. dostępności.
-
Warsztaty praktyczne
- Demonstracja testów manualnych (np. z wykorzystaniem czytników ekranu NVDA/JAWS, narzędzi programistycznych przeglądarki, walidatorów online).
- Ćwiczenia praktyczne: identyfikacja i usuwanie błędów dostępności w wybranych fragmentach kodu HTML/CSS/JavaScript.
- Projektowanie komponentów zgodnych z WCAG (formularze, tabele, nawigacja, multimedia).
-
Przygotowanie dokumentacji dostępności
- Tworzenie deklaracji dostępności dla podmiotów publicznych i prywatnych.
- Raportowanie wyników audytu i dokumentacja techniczna – wzory i rekomendacje.
Grupa docelowa
- Projektanci stron internetowych (UX/UI, front-end)
- Deweloperzy webowi
- Specjaliści ds. jakości i użyteczności
- Koordynatorzy projektów digitalowych
- Osoby odpowiedzialne za zapewnienie dostępności w organizacji
Szkolenie jest prowadzone na poziomie średniozaawansowanym: wymagana jest podstawowa znajomość HTML/CSS i ogólnych zasad projektowania stron internetowych.
Szczegółowy program szkolenia
| Moduł | Zakres tematyczny |
|---|---|
| 1. Wprowadzenie do dostępności cyfrowej | • Definicja i znaczenie dostępności cyfrowej • Grupy użytkowników o szczególnych potrzebach (osoby z niepełnosprawnościami sensorycznymi, motorycznymi, poznawczymi) • Korzyści biznesowe i społeczne wynikające z dostępności |
| 2. Ramy prawne: EAA i polskie regulacje 2025 | • Kluczowe założenia Europejskiej Dyrektywy o Dostępności (EAA) • Harmonogram wdrożeń w UE (stan na 2025) • Ustawa o zapewnianiu dostępności cyfrowej w Polsce (Dz.U. 2019, poz. 848 z późn. zm.) • Rozporządzenia wykonawcze oraz wytyczne KPRM • Kary i sankcje za brak zgodności |
| 3. Standard WCAG – teoria i praktyka | • WCAG (2.1 - 2.2) • Zasady POUR (Perceivable, Operable, Understandable, Robust) • Szczegółowe omówienie kryteriów sukcesu poziomów A i AA (wcześniejsze wersje) oraz nowe elementy z 2.2 (Focus Appearance, Dragging Movements, etc.) • Przykłady i demonstracje implementacji wymagań (alternatywne opisy, kolejność tabulacji, etykiety formularzy, transkrypcje i napisy) |
| 4. Narzędzia i metody testowania dostępności | • Automatyczne walidatory (axe DevTools, WAVE, Lighthouse) • Ręczne testy z użyciem czytników ekranu (NVDA, JAWS) i symulatorów niedowidzenia (Color Contrast Analyzer) • Testy użytkowe (testy z użytkownikami z niepełnosprawnościami) • Dokumentacja i raportowanie wyników audytu |
| 5. Warsztaty praktyczne: identyfikacja i usuwanie błędów | • Ćwiczenia w grupach: analiza fragmentów kodu źródłowego witryny pod kątem dostępności • Poprawianie elementów: semantyka HTML, ARIA, kontrast kolorów, elementy nawigacyjne • Przykładowe poprawki w JavaScript (np. obsługa klawiatury przy dynamicznych elementach) • Weryfikacja efektów – porównanie przed i po |
| 6. Specyfika dostępności dokumentów i multimediów | • Tworzenie dostępnych dokumentów PDF (oznaczenia strukturalne, tagowanie, tytuły, formatowanie) • Dostępność prezentacji PowerPoint i dokumentów Word • Zasady przygotowania materiałów wideo (napisy, audiodeskrypcja) • Hosting plików dostępnych (pliki alternatywne, metadane) |
| 7. Wymagania EAA vs. WCAG/EN 301 549 v3.x | • Porównanie wytycznych: co wynika z EAA, a co z WCAG/EN 301 549 • Omówienie specyficznych wymagań sprzętowych i programowych (np. minimalne kryteria kontrastu, funkcje ułatwień dostępu w systemach operacyjnych) • Przykłady najbardziej krytycznych różnic i harmonizacja w praktyce |
| 8. Dokumentacja i deklaracja dostępności | • Wzory deklaracji dostępności (podmiotów publicznych i prywatnych) • Elementy obowiązkowe dokumentacji (opis treści niedostępnych, harmonogram usuwania barier) • Narzędzia do generowania i publikowania deklaracji (generator zakładki „Dostępność” na stronie) • Procedura aktualizacji i przeglądu deklaracji |
| 9. Dobre praktyki projektowe i przyszłość dostępności | • Zasady projektowania uniwersalnego (Universal Design) w kontekście webowym • Trendy i prognozy – WCAG 3.0, rozwój technologii asystujących, wymagania mobilne • Budowanie zespołu i kultury dostępności w organizacji |
| 10. Sesja pytań i odpowiedzi / omówienie studium przypadku | • Interaktywna dyskusja na temat realnych wyzwań uczestników • Analiza konkretnego projektu (udział w anonimowej analizie fragmentów projektu przygotowanego przez uczestników) |
Metodyka prowadzenia szkolenia
- Forma: warsztatowo–wykładowa, z dużą liczbą przykładów praktycznych i ćwiczeń grupowych.
- Materiały: prezentacja multimedialna, skrypty zawierające wybrane fragmenty kodu, lista przydatnych narzędzi, wzory deklaracji dostępności.
- Interakcja: dyskusje, analiza pytań uczestników, quizy podsumowujące każdy moduł.
-
Wymagania techniczne od strony uczestników:
- Laptop z dostępem do internetu
- Zainstalowany edytor kodu (np. Visual Studio Code)
- Przeglądarka z wtyczkami do testowania dostępności (np. axe DevTools)
- Opcjonalnie: czytnik ekranu NVDA (dla uczestników, którzy chcą poznać środowisko testowe)
Korzyści dla uczestników
- Kompleksowa wiedza z zakresu aktualnych wymagań prawnych (EAA, polskie prawo) oraz międzynarodowych standardów (WCAG 2.1/2.2, EN 301 549).
- Praktyczne umiejętności identyfikacji i eliminacji barier dostępnościowych w projektach webowych.
- Gotowe wzory dokumentów (deklaracje dostępności, raporty z audytu) do wykorzystania w swoich organizacjach.
- Materiały szkoleniowe – prezentacja i skrypty ćwiczeń w wersji elektronicznej (PDF).
- Certyfikat ukończenia szkolenia potwierdzający zdobyte kompetencje.
Prowadzący
Maciej Chmielowski
– Trener dostępności cyfrowej, z ponad 18-letnim doświadczeniem w prowadzeniu projektów wdrożeń stron internetowych.
– Autor artkułów z tematyki: Digital Accessibility, Web Usability.
Informacje organizacyjne
- Czas trwania: 2 dni (2x 8 godzin)
- Forma: stacjonarna (warsztat w sali szkoleniowej) lub w wersji online (na żywo przez platformę e-learningową, możliwość zadawania pytań na czacie i wideo).
- Liczebność grupy: maks. 12 osób (w celu zapewnienia optymalnych warunków do dyskusji i indywidualnych konsultacji).
- Termin realizacji: do ustalenia indywidualnie w kalendarzu szkoleniowym – możliwe terminy od lipca 2025 roku.
- Wersja online: szkolenie odbywa się w formie transmisji wideo, zapewniamy dostęp do platformy testowej, na której uczestnicy wykonują ćwiczenia.
Cena i warunki płatności
- Cena podstawowa (2-dniowe szkolenie stacjonarne lub online): 2400 zł netto/os.
-
Zniżki:
- Przy zgłoszeniu min. 3 uczestników z jednej organizacji – 15 % rabatu.
- Stałe umowy szkoleniowe (4 i więcej szkoleń rocznie) – negocjowana stawka firmowa.
-
W cenie szkolenia:
- Certyfikat ukończenia szkolenia
- Materiały szkoleniowe w formie elektronicznej
- Dostęp do nagrań fragmentów prezentacji (online) przez 30 dni po szkoleniu
- Konsultacje poszkoleniowe online przez 14 dni (e-mail, krótkie spotkania)
Warunki płatności: przelew na 14 dni od daty wystawienia faktury. Istnieje możliwość płatności kartą lub przelewem elektronicznym.
Zapisy i kontakt
Aby zapisać się na szkolenie lub uzyskać dodatkowe informacje, prosimy o kontakt:
- E-mail: kontakt@krakweb.pl
- Telefon: +48530555521
- Formularz kontaktowy: dostępny poniżej
Informacje dodatkowe:
- Szkolenie zostało przygotowane w oparciu o najlepsze praktyki branżowe oraz zgodnie z wytycznymi WCAG 2.1/2.2, EN 301 549 v3.x, wymaganiami EAA oraz polskimi przepisami obowiązującymi od 2025 roku.
- Po zakończeniu szkolenia uczestnicy otrzymują listę rekomendowanych narzędzi do testów dostępności, a także dostęp do zamkniętej grupy dyskusyjnej, w której można wymieniać się doświadczeniami i pytać o bieżące problemy.
Zapraszamy do zapisów i wspólnego budowania internetowej rzeczywistości wolnej od barier!
