Barrierefreiheit: Die Struktur deiner Website vorbereiten
7 Min.
In diesem Artikel
- Empfehlungen für die Textaufbereitung
- Über den Editor HTML-Tags zum Text hinzufügen
- Über den Wizard für Barrierefreiheit HTML-Tags zu Text hinzufügen
Die Hierarchie deiner Website (ihre Struktur) hilft Webbrowsern und Screenreadern, zu verstehen, wie der Website-Inhalt organisiert werden soll. Du kannst dem Website-Text HTML-Tags hinzufügen, um die Position in der Website-Reihenfolge anzuzeigen und Besuchern eine strukturierte Erfahrung zu bieten.
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 hier mehr über das Verwalten der Reihenfolge auf deiner Website.
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 die Seite einzufügen.
Tipp: Wenn du eine einseitige Website ohne zusätzliche Seiten hast, kannst du diese Empfehlung ignorieren.
Über den Editor HTML-Tags zum Text hinzufügen
Füge HTML-Tags zum Website-Text hinzu, um die Hierarchie zu definieren. Wenn du eine Website mit dem Wix Editor erstellst, kannst du das Tag aus den Texteinstellungen auswählen. Wenn du mit dem Studio Editor arbeitest, findest du es im Inspektor-Panel. Diese Option ist auch in den Designoptionen für Text in Wix Harmony verfügbar.
Wix Editor
Studio Editor
Wix Harmony Editor
- Wähle den entsprechenden 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.
Über den Wizard für Barrierefreiheit HTML-Tags zu Text hinzufügen
Scanne eine Website mit dem Wizard für Barrierefreiheit, um Tags für deine Textelemente zu finden und anzupassen. Der Wizard ist in allen unseren Website-Buildern verfügbar. Das bedeutet, dass du die Barrierefreiheit jeder Website, an der du gerade arbeitest, verbessern kannst.
Bei den meisten Texten kannst du Änderungen im Wizard selbst vornehmen. Einige Textelemente (z. B. App-Text) sind derzeit nicht vollständig in den Wizard integriert und müssen möglicherweise manuell angepasst werden.
Wix Editor
Studio Editor
Wix Harmony Editor
- Öffne deinen Editor.
- Klicke oben auf Einstellungen.
- Wähle Wizard für Barrierefreiheit.
- Wähle Website durchsuchen.
- Klicke auf den Tab Gefundene Probleme.
- Wähle die entsprechende Seite aus.
- Klicke auf Überschriftenstruktur verwalten.
- Wähle das entsprechende Textelement aus.
- Je nachdem, ob der Text im Wizard unterstützt wird, wende eine der folgenden Methoden an:
Tag im Wizard auswählen
Tag manuell anpassen
.
Nächster Schritt:
Gehe zurück zur Checkliste für Barrierefreiheit, um die Barrierefreiheit deiner Website weiter zu verbessern.