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