Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| de:modul:m291:learningunits:lu05:theorie:c_accessibility [2026/03/08 22:19] – gkoch | de:modul:m291:learningunits:lu05:theorie:c_accessibility [2026/03/08 22:22] (aktuell) – gkoch | ||
|---|---|---|---|
| Zeile 34: | Zeile 34: | ||
| ===== WCAG – Der internationale Standard ===== | ===== WCAG – Der internationale Standard ===== | ||
| + | |||
| + | {{youtube> | ||
| Die **Web Content Accessibility Guidelines (WCAG)** werden vom World Wide Web Consortium (W3C) entwickelt und gelten als internationaler Standard für digitale Barrierefreiheit. Sie bieten Entwickler: | Die **Web Content Accessibility Guidelines (WCAG)** werden vom World Wide Web Consortium (W3C) entwickelt und gelten als internationaler Standard für digitale Barrierefreiheit. Sie bieten Entwickler: | ||
| Zeile 102: | Zeile 104: | ||
| * Für Screenreader als «Schaltfläche» erkennbar | * Für Screenreader als «Schaltfläche» erkennbar | ||
| - | Ein '' | ||
| - | <WRAP center round box 80%> | ||
| - | <code html> | ||
| - | <!-- ❌ Nicht barrierefrei ohne viel Zusatzarbeit --> | ||
| - | <div onclick=" | ||
| - | |||
| - | <!-- ✅ Semantisch korrekt – sofort barrierefrei --> | ||
| - | <button onclick=" | ||
| - | </ | ||
| - | </ | ||
| <WRAP round box 80%> | <WRAP round box 80%> | ||