Mit VoiceOver schneller zum gesuchten Inhalt
Viele Web-Seiten sind lang und unübersichtlich. Mit VoiceOver kannst du über Überschriften, Links oder Landmarks trotzdem schnell an dein Ziel kommen.
Artikel & Beiträge
Screenreader können ganze Artikel anspringen. Hier findest du drei kurze Beispiele, wie mehrere Beiträge auf einer Seite strukturiert sein können.
Wie sinnvolle Linktexte dir das Leben erleichtern
Statt „Hier klicken“ helfen Linktexte wie „Zur Anmeldung“ oder „Mehr über VoiceOver lernen“. So weißt du schon im Rotor, wohin ein Link führt.
Wenn Regionen zur Orientierung beitragen
Bereiche wie Kopfzeile, Navigation, Hauptinhalt oder Fußzeile werden von VoiceOver als Regionen erkannt. Das macht das Springen über Landmarks besonders effektiv.
Verschiedene Bilder & Alternativtexte
Bilder können sehr unterschiedlich behandelt werden: mit Beschreibung, dekorativ oder mit Bildunterschrift.
Bild mit beschreibendem Alternativtext
Dieses Bild soll inhaltlich verstanden werden. Der Alternativtext beschreibt, was für den Inhalt wichtig ist.
Dekoratives Bild ohne Alternativtext
Dieses Bild ist nur Schmuck. Screenreader-Nutzende sollen hier nicht mit unnötigen Informationen gestört werden.
Bild mit Bildunterschrift
Hier wird ein Bild mit einer Bildunterschrift kombiniert. Das kann für erläuternde Inhalte hilfreich sein.
Formular mit Fehlermeldung
Viele Formulare haben Pflichtfelder und Fehlermeldungen. Hier kannst du üben, wie VoiceOver dich auf Fehler hinweist.
Ausklappbare Informationen (Details & Summary)
Viele Seiten nutzen ausklappbare Bereiche für zusätzliche Informationen. Mit VoiceOver kannst du hören, ob ein Bereich ein- oder ausgeklappt ist.
Tipps für das Navigieren mit VoiceOver
- Nutze Überschriften, um große Sprünge über die Seite zu machen.
- Prüfe die Liste der Links, um wichtige Aktionen zu finden.
- Verwende Landmarks, um direkt in bestimmte Bereiche zu springen.
- Mit der Rotor-Funktion kannst du schnell zwischen Elementtypen wechseln.
Häufige Stolpersteine im Web
- Schlecht beschriftete Buttons und Links.
- Formulare ohne sinnvolle Labels.
- Bilder ohne Alternativtext – oder mit verwirrenden Beschreibungen.
- Komplexe Widgets ohne Screenreader-Unterstützung.
Kleines Info-Widget mit Button
Dieses Beispiel zeigt einen Button, mit dem ein Informationstext ein- und ausgeblendet wird. So etwas begegnet dir oft in Hilfebereichen oder bei Tipps.
Tipp: Wenn du auf einer unbekannten Seite bist, lohnt es sich, zuerst die Überschriften und Regionen zu erkunden, bevor du Zeile für Zeile gelesen wirst.