Diese Seite enthält spezielle Hinweise für Nutzer von Screenreadern.
Viele unserer Besucher nutzen Programme, die Inhalte vorlesen oder in Braille ausgeben. Deshalb achten wir darauf, dass unsere Seiten klar strukturiert, logisch aufgebaut und technisch zugänglich sind.
Unser Ziel ist einfach:
Jeder Mensch soll sich auf unserer Website orientieren können – unabhängig davon, wie er sie nutzt.
Wenn Sie einen Screenreader verwenden, finden Sie auf dieser Seite Hinweise, die Ihnen die Navigation erleichtern.
Struktur der Website verstehen
Typischer Aufbau einer Seite:
H1 – Seitentitel
Der Titel beschreibt den Inhalt der Seite.
H2 – Hauptabschnitte
Zum Beispiel:
- Produktinformationen
- Inhaltsstoffe
- Anwendung
- Bestellung und Versand
H3 – Unterbereiche
Weitere Details innerhalb eines Abschnitts.
Viele Screenreader erlauben es, direkt zwischen Überschriften zu springen, um schneller den gewünschten Abschnitt zu erreichen.
Navigation mit Screenreader
Wichtige Bereiche sind:
- Hauptnavigation – Zugang zu Produkten und Informationen
- Shopbereich – Übersicht unserer Aloe Vera Produkte
- Kundenservice – Hilfe, Versand, Rückgabe
- Barrierefreiheit – Informationen zur zugänglichen Nutzung
Produktseiten barrierefrei nutzen
Produktname
Kurzbeschreibung
Bilder mit Alternativtexten
Inhaltsstoffe
Anwendungsempfehlungen
Preis und Bestellmöglichkeit
Die Bilder unserer Produkte enthalten beschreibende Alternativtexte, damit Screenreader den Inhalt erfassen können.
Beispiel:
„Frisch geerntete Aloe-Vera-Blätter auf der Aloe Vera Farm Mallorca“
So können auch Nutzer ohne Bilddarstellung nachvollziehen, was gezeigt wird.
Formulare mit Screenreader ausfüllen
Alle Formularfelder besitzen zugeordnete Beschriftungen, damit Screenreader erkennen können:
- welche Information erwartet wird
- ob ein Feld Pflichtfeld ist
Falls eine Eingabe fehlt oder fehlerhaft ist, wird eine verständliche Fehlermeldung angezeigt, die Screenreader ebenfalls auslesen können.
Der Bestellprozess ist in klar getrennte Schritte unterteilt:
Adresse eingeben
Versand auswählen
Zahlungsmethode wählen
Bestellung überprüfen
Diese Struktur erleichtert die Orientierung.
Zusätzliche Unterstützung auf unserer Website
Vorlesefunktion (Text-to-Speech)
Viele Inhalte können automatisch vorgelesen werden.
Klar strukturierte Inhalte
Kurze Absätze und verständliche Sprache erleichtern das Zuhören.
Tastaturbedienung
Alle wichtigen Funktionen können auch ohne Maus genutzt werden.
Transparente Informationen
Wir erklären Herkunft, Herstellung und Inhaltsstoffe unserer Produkte klar und nachvollziehbar.
Screenreader-Shortcuts und Navigation
Viele Screenreader bieten Tastenkombinationen, mit denen sich Webseiten schneller durchsuchen lassen.
Diese Funktionen helfen dabei, Überschriften, Links oder Formularfelder direkt anzuspringen, ohne die gesamte Seite anhören zu müssen.
Unsere Website ist so aufgebaut, dass diese Navigationsfunktionen von Screenreadern erkannt werden können.
NVDA Screenreader – wichtige Tastenkombinationen
Wichtige Shortcuts für die Navigation auf Webseiten:
VoiceOver (Apple) – wichtige Tastenkombinationen
Wichtige Navigationsbefehle:
Öffnet den Rotor zur Navigation nach Elementen (z. B. Überschriften oder Links)
Springt zur nächsten Überschrift
Springt zum nächsten Link
Springt zum nächsten Formularfeld
Navigation zwischen Elementen
JAWS Screenreader – wichtige Tastenkombinationen
Häufig verwendete Shortcuts:
Zur nächsten Überschrift springen
Zur vorherigen Überschrift springen
Zum nächsten Link
Zum nächsten Formularfeld
Zur nächsten Region / Landmark
Liste aller Links anzeigen
Liste aller Überschriften anzeigen
Tipps für eine angenehme Nutzung unserer Website
Überschriftennavigation nutzen
Unsere Seiten sind logisch mit Überschriften strukturiert.
Linklisten verwenden
Viele Screenreader können alle Links einer Seite anzeigen.
Formularnavigation nutzen
So lassen sich Bestell- und Kontaktformulare schneller ausfüllen.