Skip to content

Latest commit

 

History

History
28 lines (19 loc) · 1.54 KB

README.md

File metadata and controls

28 lines (19 loc) · 1.54 KB

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