Figma i WCAG: projektowanie dostępnych interfejsów
Informacje podstawowe
Najważniejsze dane o szkoleniu w jednym miejscu- Kategoria
- Dostępność w UX
- Forma realizacji
- Online lub stacjonarnie
- Termin
- Ustalany indywidualnie
- Dostawca
- ERNABO Adrian Flak
- Dofinansowanie
- Możliwość dofinansowania
Cel szkolenia
Co zyskasz po ukończeniu kursuCel biznesowy
Dostępność zaplanowana już na etapie projektu, dzięki czemu mniej poprawek trafia do programistów po wdrożeniu.
Cel edukacyjny
Uczestnik uczy się projektować w Figmie interfejsy i komponenty zgodne z WCAG.
Efekty uczenia się
- dobiera paletę kolorów i typografię spełniające wymagania kontrastu,
- projektuje stany komponentów, w tym widoczny fokus i błędy,
- planuje rozmiar celów, układ responsywny i powiększanie treści,
- dodaje adnotacje: nagłówki, kolejność fokusu, teksty alternatywne,
- wbudowuje zasady dostępności w system projektowy i przekazuje je do Dev Mode.
Program szkolenia
Szczegółowy plan zajęćModuł 1. WCAG dla projektantów
- kryteria, które zależą od projektu
- persony i bariery użytkowników
Moduł 2. Kolor i tekst
- kontrast, zmienne i tryby kolorów
- typografia i powiększanie treści
Moduł 3. Komponenty
- warianty stanów: fokus, błąd, nieaktywny
- rozmiar celów i odstępy
Moduł 4. Adnotacje
- nagłówki, punkty orientacyjne, kolejność fokusu
- teksty alternatywne i etykiety pól
Moduł 5. System projektowy
- wtyczki do kontroli dostępności
- dokumentacja i przekazanie w Dev Mode
Warsztat końcowy
Uczestnicy projektują dostępny formularz z komponentami i adnotacjami gotowymi do przekazania programistom.
Wymagania
Co przygotować przed startem szkoleniaWymagania wstępne
Praktyczna praca w Figmie. Znajomość WCAG nie jest wymagana.
Dla kogo?
Projektanci UX i UI, product designerzy i zespoły rozwijające systemy projektowe w Figmie.