Barrierefreiheit: Die Struktur deiner Website vorbereiten
In diesem Artikel
- Empfehlungen zur Vorbereitung von Text
- HTML-Tags zu Text aus deinem Editor hinzufügen
- HTML-Tags zu Text mit dem Wizard für Barrierefreiheit hinzufügen
Die Hierarchie deiner Website, also ihre Struktur, hilft Browsern und Screenreadern dabei, den Website-Content richtig zu ordnen. Du kannst
HTML-Tags zu deinem Website-Text hinzufügen, um ihre Position in der Reihenfolge deiner Website zu zeigen und Besucherinnen und Besuchern ein klares Erlebnis zu bieten.
Gut zu wissen:
Website-Content wird nach der DOM-Reihenfolge deiner Seiten gelesen. Du kannst diese Reihenfolge prüfen und bei Bedarf anpassen.
Erfahre hier mehr darüber, wie du die Reihenfolge deiner Website ordnest.
Empfehlungen zur Vorbereitung von Text
Wir empfehlen dir, beim Vorbereiten von Website-Text die folgenden Leitlinien zu beachten:
- Verwende HTML-Tags für deinen Text: Jede Seite sollte eine H1-Überschrift haben. Danach sollten die HTML-Tags auf jeder Seite der Reihe nach folgen. Wenn die Hauptüberschrift auf der Seite also ein H1-Tag ist, sollte die Unterüberschrift H2 sein und so weiter. So können Besucherinnen und Besucher mit Sehbeeinträchtigung deinen Content in einer logischen Reihenfolge durchgehen.
- Die Überschriften sollten aussagekräftig sein: Denk an die Überschriften als Labels für den Text darunter. Das ist auch wichtig für SEO.
- Zeichenabstand ist wichtig: Wenn du deinen Text bearbeitest und eine Überschrift auf mehrere Zeilen aufteilen willst, verwende die Tasten Umschalt + Eingabe, um einen Zeilenumbruch einzufügen. Verwende nicht Eingabe , denn das erstellt in jeder Zeile ein neues Überschriften-Element.
- Füge Überschriften zum Seiteninhalt hinzu: H1-Überschriften, die du zur Kopfzeile deiner Website hinzufügst, erscheinen auf allen Seiten, auf denen die Kopfzeile angezeigt wird. Deshalb empfehlen wir dir, Überschriften stattdessen zum Seiteninhalt hinzuzufügen.
Tipp: Wenn du eine einseitige Website ohne zusätzliche Seiten hast, kannst du diese Empfehlung ignorieren.
HTML-Tags zu Text aus deinem Editor hinzufügen
Füge HTML-Tags zu Website-Text hinzu, um seine Hierarchie festzulegen. Wenn du eine Website mit dem Wix Editor erstellst, kannst du das Tag in den Texteinstellungen auswählen. Wenn du mit dem Studio Editor arbeitest, findest du es im Inspektor-Panel. Die Option findest du auch in den Designoptionen für Text im Wix Harmony Editor.
Wix Editor
Studio Editor
Wix Harmony Editor
- Wähle den passenden Text in deinem Editor aus.
- Wähle Text bearbeiten aus.
- Wähle SEO & Barrierefreiheit aus.
- Wähle ein HTML-Tag aus dem Dropdown-Menü aus.
HTML-Tags zu Text mit dem Wizard für Barrierefreiheit hinzufügen
Scanne eine Website mit dem Wizard für Barrierefreiheit, um Tags in deinen Textelementen zu finden und anzupassen. Der Wizard ist in allen unseren Website-Baukästen verfügbar. So kannst du die Barrierefreiheit jeder Website verbessern, an der du arbeitest.
Bei den meisten Texten kannst du Änderungen direkt im Wizard vornehmen. Manche Textelemente, zum Beispiel App-Text, sind aber noch nicht vollständig mit dem Wizard verbunden und müssen vielleicht manuell angepasst werden.
Wix Editor
Studio Editor
Wix Harmony Editor
- Öffne deinen Editor.
- Klicke oben auf Einstellungen .
- Wähle Wizard für Barrierefreiheit aus.
- Wähle Website scannen aus.
- Klicke auf den Tab Gefundene Probleme.
- Wähle die passende Seite aus.
- Klicke auf Überschriftenstruktur ordnen.
- Wähle das passende Textelement aus.
- Je nachdem, ob der Text im Wizard unterstützt wird, gehst du nach einer der folgenden Methoden vor. Du kannst auch selbst entscheiden, ob du die Überschriften-Tags selbst aktualisierst oder unser KI-Tool verwendest.
Mit KI optimieren
Wähle das Tag im Wizard aus
Tag manuell anpassen
.
Nächster Schritt:
Geh zurück zur
Checkliste für Barrierefreiheit, um die Barrierefreiheit deiner Website weiter zu verbessern.