Powrót do katalogu

Dostępny front-end: HTML, ARIA i JavaScript w praktyce

Kurs dla programistek i programistów: semantyczny HTML, nazwy dostępne, fokus i klawiatura, formularze, ARIA, modale, zakładki, komunikaty na żywo, CSS i automatyczne testy - z gotowymi wzorcami kodu "źle / dobrze".

O czym jest ten kurs?

Większość błędów dostępności powstaje w kodzie - i w kodzie najtaniej je naprawić. Ten kurs pokazuje, jak budować interfejsy zgodne z WCAG 2.1 i 2.2 na poziomie AA bez zgadywania i bez nadmiaru ARIA.

Zaczynamy od fundamentu: semantycznego HTML i drzewa dostępności. Potem przechodzimy przez nazwy dostępne, obsługę klawiatury i zarządzanie fokusem, formularze z dostępną walidacją, zasady stosowania ARIA oraz najczęstsze komponenty: przyciski przełączające, rozwijane panele, nawigację, okna modalne i zakładki. Kończymy na treściach dynamicznych (aria-live, zmiana widoku w SPA), CSS (reflow, tryb wymuszonych kolorów, ograniczenie ruchu) i automatyzacji testów w procesie CI.

Każda lekcja zawiera porównania kodu "źle / dobrze", które możesz od razu przenieść do projektu. Przykłady są w czystym HTML, CSS i JavaScript, z uwagami dla React. Kurs zakłada podstawową znajomość HTML, CSS i JS.

Program szkolenia

  • 1. Semantyczny HTML i drzewo dostępności quiz
  • 2. Nazwy dostępne: etykiety, ikony, obrazy i ukryty tekst quiz
  • 3. Klawiatura i zarządzanie fokusem quiz
  • 4. Dostępne formularze i walidacja quiz
  • 5. ARIA: kiedy pomaga, a kiedy szkodzi quiz
  • 6. Komponenty: przełączniki, rozwijane panele, akordeon i nawigacja quiz
  • 7. Okna modalne i zakładki quiz
  • 8. Treści dynamiczne: aria-live, komunikaty statusu i aplikacje SPA quiz
  • 9. CSS dla dostępności: reflow, kontrast, ruch i tryb wymuszonych kolorów quiz
  • 10. Testowanie i utrzymanie dostępności w procesie developmentu quiz

Tematy omawiane w kursie

Kryteria WCAG

Pojęcia ze słownika dostępności

Podobne kursy

Zobacz wszystkie kursy dostępności

199,00 PLN

Zaloguj się, aby kupić

Rejestracja nowych kont ruszy 30 października 2026. Dostęp do kursu jest przypisywany do konta, więc do tego czasu kurs mogą kupić tylko osoby, które już je mają. Masz konto? Zaloguj się. Nie masz? Zapisz się na listę oczekujących, a damy znać, gdy otworzymy rejestrację.