Projektowanie dostępnych stron internetowych: 10 filarów
Kompleksowy, ok. 2-godzinny kurs dla projektantów i projektantek UI/UX: struktura, kolor, typografia, layout, klawiatura, formularze, media, komponenty, ruch i proces - wszystko, co decyduje o dostępności strony, zanim jeszcze powstanie linijka kodu.
O czym jest ten kurs?
Dostępność cyfrowa nie zaczyna się w kodzie - zaczyna się w makiecie. Decyzje o hierarchii nagłówków, kontraście kolorów, rozmiarze czcionki, kolejności pól formularza czy sposobie pokazania błędu zapadają na etapie projektowania, długo zanim developer napisze pierwszy znacznik HTML. Jeśli te decyzje są złe, żaden kod ich nie naprawi.
Ten kurs prowadzi przez dziesięć filarów dostępnego projektowania stron: strukturę i semantykę, kontrast i kolor, typografię, elastyczny layout, nawigację klawiaturą, formularze, obrazy i multimedia, komponenty interaktywne, ruch i animacje oraz proces projektowy - testowanie i utrzymanie dostępności w czasie. Każda lekcja to ok. 12 minut konkretnej, praktycznej wiedzy z przykładami "źle / dobrze", które możesz od razu porównać z własnym projektem.
Kurs jest przeznaczony dla projektantek i projektantów UI/UX, product designerów oraz każdego, kto podejmuje decyzje wizualne i strukturalne dotyczące stron internetowych - niezależnie od tego, czy pracujesz w Figmie, prosto w przeglądarce, czy w kreatorze stron.
Program szkolenia
- 1. Filar 1: Struktura i semantyka jako fundament projektu quiz
- 2. Filar 2: Kontrast i świadome użycie koloru quiz
- 3. Filar 3: Typografia i czytelność tekstu quiz
- 4. Filar 4: Elastyczny layout - responsywność i reflow quiz
- 5. Filar 5: Nawigacja klawiaturą i widoczny fokus quiz
- 6. Filar 6: Dostępne formularze quiz
- 7. Filar 7: Obrazy, ikony i multimedia w projekcie quiz
- 8. Filar 8: Komponenty interaktywne i podstawy ARIA quiz
- 9. Filar 9: Ruch, animacje i czas w interfejsie quiz
- 10. Filar 10: Proces projektowy - testowanie, audyt i utrzymanie quiz
Tematy omawiane w kursie
Kryteria WCAG
- 1.4.1 Użycie koloru
- 1.4.3 Kontrast (minimum)
- 1.4.11 Kontrast elementów nietekstowych
- 1.4.4 Zmiana rozmiaru tekstu
- 1.4.10 Dopasowanie do ekranu
- 1.4.12 Odstępy w tekście
- 1.4.13 Treści spod kursora lub fokusu
- 1.3.3 Charakterystyki zmysłowe
- 1.3.4 Orientacja
- 1.4.6 Kontrast (wzmocniony)
Pojęcia ze słownika dostępności
149,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ę.