Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung |
| de:modul:m291:learningunits:lu06:theorie:c_accessibility [2026/03/15 18:34] – gkoch | de:modul:m291:learningunits:lu06:theorie:c_accessibility [2026/03/16 16:47] (aktuell) – gkoch |
|---|
| ====== LU06a – Accessibility Basics (A11y) ====== | ====== LU06b – Accessibility (A11y) ====== |
| |
| {{:de:modul:m291:learningunits:lu05:theorie:1655410107982.jpeg?nolink&800| Illustration for Accessibility}} | {{:de:modul:m291:learningunits:lu05:theorie:1655410107982.jpeg?nolink&800| Illustration for Accessibility}} |
| |
| Ein **Screenreader** ist ein Hilfsprogramm, das den Bildschirminhalt vorliest. Der Browser baut parallel zum DOM-Baum einen **Accessibility Tree** auf – eine vereinfachte Darstellung der Seite mit Rollen, Zuständen und Namen aller Elemente. Der Screenreader liest diesen Tree aus. Unter Mac gibt es in den System-Einstellungen zur "Accessibility" (Bedienungshilfen) die Möglichkeit VoiceOver zu aktivieren. Unter Windows heisst es Sprachausgabe. | Ein **Screenreader** ist ein Hilfsprogramm, das den Bildschirminhalt vorliest. Der Browser baut parallel zum DOM-Baum einen **Accessibility Tree** auf – eine vereinfachte Darstellung der Seite mit Rollen, Zuständen und Namen aller Elemente. Der Screenreader liest diesen Tree aus. Unter Mac gibt es in den System-Einstellungen zur "Accessibility" (Bedienungshilfen) die Möglichkeit VoiceOver zu aktivieren. Unter Windows heisst es Sprachausgabe. |
| | |
| | <WRAP center round info 80%> |
| | **Windows**: Sprachausgabe einschalten -> [[https://support.microsoft.com/de-de/windows/kapitel-1-einf%C3%BChrung-in-die-sprachausgabe-7fe8fd72-541f-4536-7658-bfc37ddaf9c6|Anleitung für Windows-Computer]] \\ |
| | **Mac**: VoiceOver einschalten -> [[https://support.apple.com/de-ch/guide/voiceover/mchlp2687/mac|Anleitung für Mac]] |
| | </WRAP> |
| |
| |