Kurs online Accessibility First · w przygotowaniu

Semantyczny HTML, nie taki straszny

Kurs o tym, jak pisać kod, który przeglądarka, czytnik ekranu i klawiatura rozumieją bez dodatkowych łatek. Kurs jest w produkcji. Zapisz się na listę, a damy znać, kiedy ruszy sprzedaż.

Zapisz się na listę zainteresowanych

Na jakim etapie jest kurs

Kurs powstaje. Sprzedaż jeszcze nie ruszyła i nie znamy dokładnego terminu startu.

Zapis na listę jest bezpłatny i do niczego nie zobowiązuje. To zgłoszenie zainteresowania, nie zamówienie. Niczego nie kupujesz i za nic nie płacisz.

Osoby z listy jako pierwsze dostaną wiadomość o starcie sprzedaży i cenę specjalną, dostępną tylko dla listy.

O kursie

Element div potrafi udawać prawie wszystko: przycisk, nagłówek, listę, pole formularza. Wygląda dobrze, ale przeglądarka i technologie asystujące nie wiedzą, czym jest. Użytkownik czytnika ekranu słyszy wtedy pustkę, a użytkownik klawiatury nie może w element wejść.

Kurs pokazuje, jak dobrać właściwy element HTML do znaczenia treści, i jak sprawdzić, co z tego kodu faktycznie dociera do drzewa dostępności.

  • Przykłady „przed i po”. Błędny i poprawiony kod obok siebie, a pod spodem to, co ogłasza czytnik ekranu.
  • Ćwiczenia „napraw zepsuty kod”. Poprawiasz prawdziwy fragment strony, a wynik sprawdza się automatycznie w przeglądarce.
  • Krótkie testy wiedzy po lekcjach.
  • Odniesienie do WCAG i przepisów. Każdy błąd łączymy z konkretnym kryterium sukcesu.

Co będziesz umieć po kursie

  • wyjaśnić, czym jest drzewo dostępności i skąd element bierze rolę, nazwę, stan i wartość,
  • zbudować szkielet strony z punktami orientacyjnymi, linkiem pomijającym i hierarchią nagłówków bez przeskoków,
  • rozstrzygnąć jednym pytaniem, czy element ma być linkiem, czy przyciskiem,
  • napisać tekst alternatywny, który zastępuje obraz, a nie tylko go opisuje,
  • zbudować formularz z etykietami i komunikatem o błędzie, który czytnik ekranu naprawdę ogłasza,
  • oznaczyć tabelę danych tak, żeby każda komórka miała kontekst,
  • ocenić, kiedy wystarczy element natywny, a kiedy ARIA jest naprawdę potrzebna,
  • przeprowadzić pięciominutowy test semantyki strony i powiązać znaleziony błąd z kryterium WCAG.

Dla kogo

  • frontend developerów,
  • osób tworzących strony i aplikacje,
  • testerów i audytorów dostępności,
  • UX/UI designerów współpracujących z developerami,
  • osób odpowiedzialnych za jakość cyfrowych produktów.

Nie musisz znać HTML-a na poziomie zaawansowanym. Kurs porządkuje podstawy i pokazuje, dlaczego semantyka ma praktyczne znaczenie.

Program kursu

Planujemy 12 lekcji:

  1. Po co semantyka: drzewo dostępności
  2. Szkielet dokumentu i punkty orientacyjne
  3. Nagłówki jako mapa strony
  4. Treść: listy, cytaty, wyróżnienia
  5. Linki i przyciski: najczęstszy błąd w internecie
  6. Obrazy, ikony, SVG
  7. Formularze: gdzie semantyka najbardziej boli
  8. Tabele danych
  9. Gotowe komponenty natywne
  10. Granica między HTML-em a ARIA
  11. Jak to sprawdzić
  12. Semantyka a przepisy

Zapis na listę zainteresowanych

Zostaw adres e-mail. Napiszemy, gdy ruszy sprzedaż, i podamy cenę specjalną dla osób z listy. Nie wysyłamy nic więcej.

Pola wymagane są oznaczone gwiazdką (*).

Zasady przetwarzania danych opisujemy pod formularzem.

Informacja o przetwarzaniu danych osobowych

Poniżej informujemy, jak przetwarzamy dane podane w formularzu zapisu na listę zainteresowanych (art. 13 RODO).

Administrator danych

Administratorem danych jest Włącz Wizję sp. z o.o., ul. Sternicza 129 lok. 50, 01-350 Warszawa, NIP 5223299694. Kontakt w sprawie danych: a11y@wlaczwizje.pl.

Jakie dane i po co

Przetwarzamy adres e-mail i, jeśli je podasz, imię. Robimy to tylko po to, żeby wysłać Ci wiadomość o starcie sprzedaży kursu „Semantyczny HTML, nie taki straszny” i o cenie dla osób z listy.

Podstawa prawna

Twoja zgoda (art. 6 ust. 1 lit. a RODO). Wiadomość o starcie sprzedaży jest informacją handlową, dlatego wysyłamy ją wyłącznie za zgodą, zgodnie z ustawą z dnia 12 lipca 2024 r. Prawo komunikacji elektronicznej.

Jak długo

Do zakończenia pierwszej sprzedaży kursu, nie dłużej niż 12 miesięcy od zapisu. Wcześniej, jeśli wycofasz zgodę. Po tym czasie usuwamy adres z listy.

Kto ma dostęp do danych

Dane widzą wyłącznie osoby z naszego zespołu, które obsługują listę. Technicznie przetwarzają je dostawcy usług, z których korzystamy: obsługa formularza (Web3Forms), poczta e-mail (Google) i hosting strony (Vercel). Część z nich może przetwarzać dane poza Europejskim Obszarem Gospodarczym. Wtedy odbywa się to na podstawie decyzji Komisji Europejskiej o odpowiednim stopniu ochrony albo standardowych klauzul umownych.

Twoje prawa

  • możesz w każdej chwili wycofać zgodę. Nie wpływa to na zgodność z prawem wcześniejszego przetwarzania,
  • masz prawo dostępu do danych, ich sprostowania, usunięcia, ograniczenia przetwarzania i przeniesienia,
  • możesz złożyć skargę do Prezesa Urzędu Ochrony Danych Osobowych.

Żeby skorzystać z tych praw, napisz na a11y@wlaczwizje.pl.

Czy musisz podać dane

Nie. Podanie adresu e-mail jest dobrowolne, ale bez niego nie możemy zapisać Cię na listę. Nie podejmujemy wobec Ciebie decyzji w sposób zautomatyzowany i nie profilujemy Cię.

Więcej o danych w serwisie: Polityka prywatności.

Accessibility First

Accessibility First to marka Włącz Wizję poświęcona praktycznej dostępności cyfrowej: szkoleniom, webinarom, audytom, konsultacjom i wdrożeniom.

Zobacz szkolenia i webinary