Dostępna przestrzeń - prezentacja

Link do slajdów

Ta wersja prezentacji jest w języku polskim, dostępna jest również wersja angielska:
slajdy
repozytorium

Prezentacja przygotowana na warsztaty frontendowe z dostępności (#accessibility, #a11y). W prezentacji znajdziecie podstawowe informacje, na co należy zwracać uwagę w kodzie frontendowym, aby strona była dostępna dla wszystkich, również dla użytkowników, którzy używają różnych technologii asystujacych (AT):

• Podstawy dokumentu HTML, struktura i semantyka
• Obrazki i teksty alternatywne
• Alternatywne teksty dla interaktywnych elementów graficznych
• Ukrywanie elementów - wizualnie i przed AT
• Fokus
• Komponent Tab
• Komponenta Dialog (modal)
• Dynamiczne zmiany - live regions

Linki do pracy z kodem:

Komponenty i dostępny kod zaimplementowany w repozytorium: A11y space

Podgląd strony: A11y space - podgląd

Prezentacja przygotowana w Sli.dev