Barrierefreiheit: Ein barrierefreies Formular mit Wix Forms erstellen

4 Min. Lesezeit
Wenn du deine Website barrierefrei machst, kann jeder deine Website nutzen und von dem profitieren, was du erstellt hast. In den meisten Ländern ist Barrierefreiheit heutzutage eine Voraussetzung. Dieser Artikel basiert auf WCAG 2.0-Richtlinien. Um ein barrierefreies Formular von Wix zu erstellen, folge der Anleitung unten. Dann teste sie, um zu sehen, wie sie für einen Besucher aussehen. 

Schritt 1 | Feldtitel anzeigen

Zeige den Feldtitel an, um deinen Besuchern zu helfen, die Formularfelder zu identifizieren. Wenn du den Feldnamen anzeigst, wird deinem Besucher klar, in welchem Feld er gelandet ist. Dies erspart auch den Nutzern Verwirrung, die ohne Maus zwischen den Feldern wechseln.

Schritt 2 | Deine Feldnamen festlegen

Hilf deinen Besuchern mit klar definierten Feldnamen. Sei konkret. Versetze dich in die Lage deines Besuchers. Stelle eine präzise Frage, um eine präzise Antwort zu erhalten.

Schritt 3 | Dein Formular-Design anpassen

Visuelle Indikatoren helfen deinen Besuchern bei der Orientierung. Passe dein Design so an, dass das Formular und die Felder für das Auge leichter zu erkennen sind. Unterschiede in Farbe, Stil und Kontrast können einen großen Unterschied machen, wenn es darum geht, dass ein Besucher deine Formularfelder vor dem Hintergrund findet. Ein „Fokus“-Status zeigt dem Besucher deutlich, mit welchem Feld er gerade interagiert.

Schritt 4 | Visuelle Indikatoren auf deiner Website aktivieren

Visuelle Indikatoren helfen Menschen aller Fähigkeiten, leichter auf deiner Website zu navigieren. Verwende deine Steuerungsleiste, um visuelle Indikatoren auf deiner Website zu aktivieren. Besucher werden Änderungen sehen (normalerweise eine blaue Box), während sie die Tab-Taste drücken. Dadurch wird deutlich, in welchem Abschnitt der Seite sie sich gerade befinden.

Schritt 5 | Deine Feld-DOM-Reihenfolge testen

Die Tab-Reihenfolge (auch bekannt als DOM) ist die Reihenfolge, in der Elemente als Besucher-Tabs in deinem Formular ausgewählt werden. Sieh dir deine Live-Website an, um sie selbst auszuprobieren. Wenn du mit der Reihenfolge nicht zufrieden bist, kannst du sie manuell ändern.
Nächster Schritt:
Gehe zurück zur Checkliste für Barrierefreiheit, um die Barrierefreiheit deiner Website weiter zu verbessern. 

War das hilfreich?

|