https://github.com/snowdogapps/a11y-workshops-pres-pl

https://github.com/snowdogapps/a11y-workshops-pres-pl

Last synced: 16 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/snowdogapps/a11y-workshops-pres-pl
• Owner: SnowdogApps
• Created: 2023-05-17T22:02:44.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-05-23T10:23:15.000Z (almost 2 years ago)
• Last Synced: 2025-04-12T21:58:31.687Z (16 days ago)
• Language: CSS
• Homepage: https://a11y-workshops-pres-pl.vercel.app
• Size: 5.45 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
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