EN · EnglishBezpłatne spotkanie
English

Tworzenie stron i dostępność WCAG

Twórz strony, których dostępność da się sprawdzić.

Tworzenie stron i WCAG — indywidualne lekcje online

Dla kogo Dla webmasterów, frontend developerów, testerów i studentów, którzy chcą rozumieć WCAG na tyle, żeby samodzielnie znajdować i poprawiać błędy.

Na czym pracujemy Pracujemy na Twojej stronie albo projekcie: przechodzimy ją klawiaturą i czytnikiem ekranu, nazywamy błędy i poprawiamy je w kodzie.

Z jakimi tematami możesz przyjść

Od podstaw

  • Semantyczny HTML: nagłówki, landmarki, listy, przyciski
  • Formularze: etykiety, błędy, autouzupełnianie
  • Kontrast, rozmiar tekstu i powiększanie strony
  • WordPress i PrestaShop: typowe problemy motywów

Bardziej zaawansowane

  • WCAG 2.2: nowe kryteria i jak je testować
  • Komponenty interaktywne: modale, menu, zakładki
  • Testowanie z NVDA i VoiceOver
  • Automatyczne testy dostępności w CI

Przykładowe spotkania

  1. Scenariusz A

    Twoja strona, klawiatura i czytnik ekranu

    Przechodzimy razem przez najważniejszą ścieżkę na Twojej stronie bez myszy i z czytnikiem ekranu. Każdy znaleziony problem nazywamy kryterium WCAG.

  2. Scenariusz B

    Poprawiamy formularz

    Bierzemy jeden formularz i doprowadzamy go do stanu, w którym etykiety, komunikaty błędów i kolejność fokusu działają poprawnie.

  3. Scenariusz C

    Czytanie raportu z audytu

    Masz raport z audytu i nie wiesz, od czego zacząć? Ustalamy priorytety i poprawiamy pierwsze błędy razem.

Przykładowy rezultatZidentyfikowane i zrozumiane błędy dostępności

Jak pracujemy

Dostępności nie da się nauczyć z listy kryteriów. Trzeba zobaczyć, jak strona zachowuje się, gdy ktoś korzysta z niej bez myszy, z czytnikiem ekranu albo przy dużym powiększeniu.

Dlatego dużą część spotkania spędzamy na testowaniu na żywo. Potem przechodzimy do kodu i poprawiamy to, co znaleźliśmy.

Na co dzień pracuję z dostępnością przy rozwoju DockAccess, więc pokazuję też, jak wygląda to w większej skali: gdzie pomaga automat, a gdzie musi wejść człowiek.

Czego nie robię

  • Nie wystawiam deklaracji zgodności ani certyfikatów po lekcji.
  • Nie poprawiam za Ciebie całej strony. Uczę, jak robić to samodzielnie.

Prowadzący

Jacek Sultan

CTO w Dock, programista i przedsiębiorca. Piszę o decyzjach technologicznych i prowadzę mentoring 1:1.

Kim jestem i jak pracuję

Do przeczytania przed spotkaniem

Inne ścieżki

Inne ścieżki

← Wszystkie ścieżki mentoringu