Instrukcja zapisu na szkolenia 

Nasz przewodnik krok po kroku przeprowadzi Cię przez proces rejestracji nowego konta lub logowania do Comarch Cloud w celu rezerwacji miejsca na kursie!

Pobierz instrukcję

Tworzenie dostępnych stron internetowych

zgodnie ze standardami WCAG
    Czas trwania
    Godzina rozpoczęcia
    Stopień trudności

      Tworzenie dostępnych stron internetowych

      zgodnie ze standardami WCAG

      Opis szkolenia

      To kompleksowe szkolenie z dostępności cyfrowej przygotowuje do profesjonalnego wdrażania standardów WCAG 2.1 i 2.2 w oparciu o najnowsze wytyczne W3C oraz wymogi prawne obowiązujące w Polsce i UE. Program łączy ekspercką wiedzę teoretyczną z intensywną praktyką, skupiając się na projektowaniu inkluzywnym i technologiach asystujących.

      Uczestnicy zdobędą biegłość w stosowaniu semantycznego HTML5, zaawansowanych wzorców ARIA oraz precyzyjnego zarządzania fokusem klawiatury w złożonych komponentach UI. Warsztatowa formuła pozwala na samodzielną refaktoryzację stron, budowę dostępnych formularzy i projektowanie interaktywnych elementów zgodnie z najlepszymi praktykami rynkowymi. Kurs obejmuje również naukę samodzielnego audytowania dostępności metodami automatycznymi i manualnymi, co gwarantuje wysoką jakość produktów cyfrowych.

      Dzięki zdobytej wiedzy, absolwenci potrafią przygotować poprawną deklarację dostępności, minimalizując ryzyko wykluczenia cyfrowego użytkowników. To sprawdzone kompendium wiedzy dla profesjonalistów dążących do tworzenia nowoczesnych, etycznych i w pełni zgodnych z prawem rozwiązań A11Y.

      Poznaj program szkolenia WCAG

      Co zyskasz dzięki szkoleniu ?

      Cele szkolenia

      Szkolenie jest przeznaczone dla osób zapoznanych z podstawami dostępności cyfrowej i kryteriami sukcesu WCAG, które chcą pogłębić zarówno wiedzę teoretyczną, jak i praktyczne umiejętności w zakresie implementacji dostępności w projektach webowych. Program prowadzi uczestników przez proces przekładania zdobytej wiedzy na konkretne rozwiązania techniczne, które można bezpośrednio zastosować
      w codziennej pracy. Szkolenie wyposaża uczestników w kompetencje niezbędne do samodzielnego projektowania i kodowania dostępnych interfejsów użytkownika, korzystania z narzędzi do automatycznego audytowania oraz podejmowania strategicznych decyzji w zakresie dostępności cyfrowej. Uczestnicy zgłębią zaawansowane aspekty teoretyczne dostępności oraz nauczą się identyfikować i rozwiązywać złożone problemy, z którymi spotykają się użytkownicy technologii asystujących.

      Umiejętności

      Dzięki szkoleniu uczestnik:

      • poszerzy wiedzę na temat kryteriów sukcesu wynikających ze standardu WCAG, które regulują dostępność produktów cyfrowych,
      • wdroży list kontrolnei weryfikację dostępności cyfrowej,
      • stworzy semantyczny kod HTML5 z prawidłowym wykorzystaniem ról, stanów i atrybutów ARIA,
      • zaimplementuje dostępne komponenty (formularze, okna dialogowe, elementy nawigacyjne, linki, itp.),
      • opanuje techniki zarządzania fokusem klawiatury i komunikatami dynamicznymi (live regions),
      • przetestuje rozwiązania z wykorzystaniem czytników ekranu (NVDA na Windows, VoiceOver na MacOS),
      • przeprowadzi audyty dostępności przy użyciu narzędzi automatycznych i testów manualnych,
      • opanuje techniki dokumentowania błędów dostępności i tworzenia strategii ich naprawy.
      Czy to szkolenie jest dla Ciebie ?

      Profil uczestników

      Szkolenie przeznaczone jest dla: 

      • programistów front-end i full-stack, którzy ukończyli podstawowe szkolenie z dostępności cyfrowej i chcą rozwijać praktyczne umiejętności implementacji dostępności w kodzie,
      • programistów i projektantów, którzy chcą profesjonalnie testować swoje rozwiązania z wykorzystaniem czytników ekranu i narzędzi audytowych,
      • senior developerów i tech leadów, odpowiedzialnych za architekturę aplikacji i wdrażanie standardów dostępności w zespołach programistycznych,
      • projektantów UX/UI z kompetencjami technicznymi, którzy chcą lepiej rozumieć implementację dostępności i efektywniej współpracować z zespołami deweloperskimi.

      Przygotowanie uczestników

      • Znajomość HTML, CSS i JavaScript
      • Znajomość podstawowych zagadnień dostępności cyfrowej 
      Czas trwania

      Przed nami:

      • 2 dni, 16 godzin szkoleniowych
      Szczegółowy program szkolenia WCAG

      Szczegółowy program szkolenia

      Wprowadzenie do dostępności cyfrowej (przypomnienie)

      • Dostępność cyfrowa i jej znaczenie
      • Wykluczenie cyfrowe
      • 10 mitów o dostępności cyfrowej
      •  Najczęstsze wyzwania i problemy związane z zapewnieniem dostępności cyfrowej
      • Korzyści z dostępności dla użytkowników produktów cyfrowych, organizacji i społeczeństwa
      • Zasady uniwersalnego projektowania (Universal Design) i projektowania inkluzywnego

      Kto i jak korzysta z dostępności cyfrowej (przypomnienie) 

      • Różnorodność potrzeb względem treści cyfrowych
      • Statystyki
      • Technologie asystujące

      Podstawy prawne i standardy (przypomnienie)

      • Regulacje prawne w Polsce i w Unii Europejskiej
      • Regulacje prawne na świecie

      Wyjaśnienie pojęć (przypomnienie)

      • WWW, W3C, WAI, WCAG, ATAG, UAAG, A11Y

      WCAG 2.0, WCAG 2.1, WCAG 2.2 (przypomnienie)

      • WCAG - historia i rozwój
      • WCAG 2.0, WCAG 2.1 i WCAG 2.2 - różnice
      • 4 zasady dostępności POUR/PFZS: postrzegalności, funkcjonalności, zrozumiałości i solidności (kompatybilności)
      • Wytyczne
      • Kryteria sukcesu
      • Poziomy zgodności: A, AA, AAA

      Omówienie kryteriów sukcesu WCAG 2.1 (A, AA)

      Praktyczna implementacja dostępności

      • Semantyczny HTML5 i ARIA
        • Struktura dokumentu - landmarks, headings, regions
        • Właściwe użycie elementów semantycznych vs. role ARIA
        • Tworzenie dostępnej struktury strony od podstaw
        • Implementacja prawidłowej hierarchii nagłówków
        • Kodowanie ARIA landmarks i ich testowanie
        • Ćwiczenie: Refaktoryzacja istniejącej strony pod kątem semantyki
      • Dostępne formularze
        • Etykiety, instrukcje i komunikaty błędów
        • Walidacja i dostępna informacja zwrotna
        • Implementacja kompleksowego formularza z walidacją
        • Tworzenie dostępnych custom select, checkbox, radio button
        • Komunikaty błędów i live regions
        • Ćwiczenie: Budowa formularza kontaktowego zgodnego z WCAG 2.1 AA
      • Zarządzanie fokusem klawiatury
        • Tab order i kolejność nawigacji
        • Skip links i keyboard shortcuts
        • Focus trap i zarządzanie fokusem
        • Implementacja dostępnej nawigacji klawiaturowej
        •  Tworzenie skip links
        •  Zarządzanie fokusem w dynamicznych komponentach (modale, drawer, tabs)
        • Ćwiczenie: Implementacja modalnego okna z prawidłowym focus management
      • Złożone komponenty interfejsu
        • ARIA patterns dla standardowych komponentów UI
        • Accordion - implementacja z ARIA według wzorca APG
        • Tabs - dostępne zakładki z keyboard navigation
        • Dropdown/Menu - nawigacja strzałkami i ARIA
        • Carousel/Slider - dostępna karuzela z kontrolkami
        • Autocomplete - sugestie z ARIA live regions i combobox pattern
        • Data tables - sortowanie, filtrowanie, paginacja
        • Ćwiczenie: Budowa dostępnego komponentu według wybranego wzorca ARIA

      Samodzielna ocena dostępności cyfrowej

      • Przydatne narzędzia 
      • Ocena automatyczna
      • Ocena manualna
      • Lista kontrolna

      Deklaracja dostępności

      • Czym jest deklaracja dostępności i dlaczego jest ważna 
      • Przygotowanie deklaracji dostępności
      • Publikacja deklaracji dostępności
      • Aktualizacja deklaracji dostępności

      Metoda realizacji szkolenia

      Szkolenie prowadzone jest w formie wykładów uzupełnionych praktycznymi przykładami. Stanowi połączenie solidnej wiedzy teoretycznej z pokazaniem możliwości jej zastosowania w realnych warunkach pracy.

      Pobierz program

      W ramach szkolenia zapewniamy

      W ramach szkolenia zapewniamy

      • materiały szkoleniowe
      • certyfikat potwierdzający udział w kursie
      • pełna obsługa cateringowa
      Zobacz również

      Zapraszamy do skorzystania z pełnej ścieżki szkoleń dla: Specjalista dostępności cyfrowej

      FAQ

      Odpowiadamy na nurtujące Cię pytania!

    • 1. Czy to szkolenie jest dla osób całkowicie początkujących?

      Szkolenie ma charakter średnio zaawansowany. Zakładamy, że uczestnicy znają już podstawy dostępności cyfrowej i wiedzą, czym są kryteria sukcesu WCAG. Jeśli dopiero zaczynasz przygodę z dostępnością, rekomendujemy najpierw nasz kurs podstawowy, aby w pełni skorzystać z części warsztatowej tego szkolenia.

    • 2. Jakie umiejętności techniczne są wymagane?

      Aby swobodnie brać udział w ćwiczeniach praktycznych (takich jak refaktoryzacja kodu czy implementacja ról ARIA), niezbędna jest dobra znajomość HTML5, CSS oraz JavaScript. Praca będzie odbywać się bezpośrednio na kodzie stron internetowych.

    • 3. Czego konkretnie nauczę się w części praktycznej?

      Program stawia na konkretne rozwiązania techniczne. Nauczysz się m.in.:

      • Jak budować semantyczny kod HTML5 zamiast nadużywania <div>.
      • Jak prawidłowo implementować atrybuty ARIA w złożonych komponentach (np. modale, zakładki, menu).
      • Jak zarządzać fokusem klawiatury, aby użytkownik nie „utknął” w oknie dialogowym.
      • Jak korzystać z live regions, by czytnik ekranu informował o dynamicznych zmianach na stronie.

    • 4. Czy będziemy testować strony na prawdziwych czytnikach ekranu?

      Tak. Jednym z kluczowych elementów szkolenia jest nauka obsługi i testowania rozwiązań za pomocą czytników NVDA (na Windows) oraz VoiceOver (na MacOS). Pozwoli Ci to usłyszeć swoją stronę tak, jak odbierają ją osoby niewidome.

    • 5. Jakie oprogramowanie muszę mieć zainstalowane przed startem?

      Do aktywnego udziału w warsztatach potrzebujesz:

      • Komputera z dostępem do Internetu.
      • Zainstalowanego czytnika ekranu NVDA (dla Windows).
      • Edytora kodu (rekomendujemy Visual Studio Code).

    • 6. Czy szkolenie obejmuje najnowsze wytyczne WCAG 2.2?

      Tak. W programie przewidziano moduł przypominający i porównujący wersje WCAG 2.0, 2.1 oraz 2.2, abyś wiedział, jakie nowe kryteria sukcesu pojawiły się w ostatnich aktualizacjach standardu.

    • 7. Czy nauczę się samodzielnie robić audyt dostępności?

      Tak, szkolenie wyposaża w kompetencje do przeprowadzania samodzielnej oceny dostępności. Poznasz narzędzia do automatycznego audytowania, nauczysz się testów manualnych oraz dowiesz się, jak poprawnie przygotować i aktualizować Deklarację Dostępności.

    • 8. Kim są prowadzący szkolenie?

      Szkolenie prowadzą eksperci-praktycy: Karolina Kowalczyk-Dziergas oraz Konrad Wisowski. To specjaliści, którzy na co dzień zajmują się implementacją dostępności w złożonych projektach cyfrowych, co gwarantuje podejście oparte na realnych przypadkach, a nie tylko teorii.

    • 9. Ile osób liczy grupa szkoleniowa?

      Dbamy o warsztatowy charakter zajęć, dlatego w przypadku szkoleń stacjonarnych grupa liczy maksymalnie 15 osób. Pozwala to na indywidualne konsultacje z trenerem podczas ćwiczeń z kodem.

    • 10. Co po szkoleniu? Jak mogę dalej rozwijać się w tym temacie?

      Szkolenie to istotny element ścieżki rozwoju Specjalisty Dostępności Cyfrowej. Po jego ukończeniu będziesz gotowy do podejmowania strategicznych decyzji w projektach webowych i wdrażania zaawansowanych standardów dostępności w swoim zespole.

      Zobacz więcej:

      • Podobne szkolenia