Barrierefreiheit: Die Struktur deiner Website vorbereiten
3 Min. Lesezeit
Die Hierarchie deiner Website (ihre Struktur) hilft Webbrowsern und Screenreadern zu verstehen, wie der Website-Inhalt organisiert werden sollte. Du kannst HTML-Tags zu dem Text auf deiner Website hinzufügen, um seinen Platz in der Website-Reihenfolge festzulegen und Besuchern ein klares Erlebnis zu bieten.
Empfehlungen für die Textaufbereitung
Wir empfehlen, die folgenden Richtlinien bei der Aufbereitung von Website-Texten zu beachten:
- HTML-Tags für deinen Text verwenden: Jede Seite sollte eine H1-Überschrift haben, und danach sollten die HTML-Tags auf jeder Seite fortlaufend sein. Wenn die Hauptüberschrift auf der Seite beispielsweise ein H1-Tag ist, sollte der Untertitel H2 sein und so weiter. Auf diese Weise können Besucher mit Sehbehinderungen in logischer Reihenfolge zwischen deinen Inhalten wechseln.
- Die Überschriften sollten beschreibend sein: Stelle sie dir als Bezeichnung für den darunter liegenden Text vor (das ist auch für SEO wichtig).
- Abstände sind wichtig: Wenn du beim Bearbeiten deines Texts eine Überschrift in mehrere Zeilen aufteilen möchtest, verwende die Tastenkombination Shift + Eingabetaste, um einen Zeilenumbruch einzufügen, und nicht die Eingabetaste, um in jeder Zeile ein neues Überschriftenelement zu erstellen.
- Füge Überschriften zum Seitentext hinzu: H1-Tags, die zu einer Website-Kopfzeile hinzugefügt wurden, werden auf allen Seiten angezeigt, auf denen die Kopfzeile angezeigt wird. Wir empfehlen daher, stattdessen Überschriften in den Body der Seite einzufügen.
Tipp: Wenn du eine einseitige Website ohne zusätzliche Seiten hast, kannst du diese Empfehlung ignorieren.
HTML-Tags zum Text hinzufügen
Füge HTML-Tags zum Website-Text hinzu, um die Hierarchie zu definieren. Du kannst das Tag in den Einstellungen/im Design des Textes in deinem Editor festlegen oder es im Wizard für Barrierefreiheit auswählen (nur auf Wix Editor Websites).
Studio Editor
Wix Editor
Wizard für Barrierefreiheit
- Klicke oben rechts im Editor auf das Symbol für Inspektor öffnen
. - Klicke auf Design
. - Wähle ein HTML-Tag aus dem Dropdown-Menü aus.
Gut zu wissen:
Der Inhalt von Websites wird von der DOM Order deiner Website-Seiten „gelesen“. Du kannst diese Reihenfolge überprüfen und bei Bedarf anpassen. Erfahre mehr über das Organisieren der Reihenfolge auf deiner Website.
Nächster Schritt:
Gehe zurück zur Checkliste für Barrierefreiheit, um die Barrierefreiheit deiner Website weiter zu verbessern.