Barrierearm online einkaufen

Barrierearmes Einkaufen macht Webshops für mehr Menschen nutzbar. Dieser Artikel erklärt einfache, praktische Massnahmen für Händler und hilfreiche Tipps für Kundinnen und Kunden.

Publiziert 18. Oktober 2026Neutraler redaktioneller Leitfaden

Grundregeln für barrierearme Shops

Barrierefreiheit im Onlinehandel bedeutet, dass möglichst viele Menschen Produkte finden, verstehen und kaufen können. Es geht nicht nur um Menschen mit Seh- oder Motorik-Einschränkungen, sondern auch um ältere Kundinnen und Kunden, Leute mit geringer Digitalkompetenz und Menschen, die ein temporäres Handicap haben. Beginnen Sie mit klarer Sprache. Kurze Sätze, verständliche Begriffe und eine sinnvolle Gliederung helfen allen. Verwenden Sie gut lesbare Schriftgrössen und starke Kontraste zwischen Text und Hintergrund. Achten Sie darauf, dass alle Bedienelemente ausreichend gross sind und genügend Abstand haben, damit sie mit der Tastatur oder per Touch leicht getroffen werden können.

Klare Sprache: kurze Sätze, einfache Wörter
Gute Kontraste und angemessene Schriftgrössen
Tastaturzugang zu allen Funktionen
Touch‑freundliche Schaltflächen

Formulare verständlich gestalten: Checkout‑ und Registrierungsformulare sind zentrale Hürden. Beschriften Sie Felder deutlich und platzieren Sie Hilfetexte oder Beispiele direkt neben dem Feld. Vermeiden Sie Pflichtfelder, die unnötig sind. Nutzen Sie Inline‑Validierung: zeigen Sie sofort, wenn ein Eingabefeld fehlerhaft ist, und geben Sie konkrete Hinweise zur Korrektur. Gruppieren Sie verwandte Felder logisch und verwenden Sie klare Tab‑Reihenfolgen für die Tastaturbedienung. Bieten Sie alternative Eingabemöglichkeiten wie Dropdowns mit Suchfunktion oder Auswahlkästchen statt freier Texteingabe, wo sinnvoll.

Klare Feldbeschriftungen und Beispiele
Inline‑Fehlermeldungen mit konkreten Hinweisen
Logische Feldgruppen und Tastatur‑Tabfolge
Alternative Eingabeoptionen anbieten

Bilder, alternative Texte und Medien: Produktbilder sind wichtig, dürfen aber nicht die einzige Informationsquelle sein. Verwenden Sie aussagekräftige alternative Texte (Alt‑Text) für Bilder, die kurz beschreiben, was abgebildet ist und welche Funktion das Bild hat. Bei mehreren Ansichten oder Detailaufnahmen ergänzen Sie Alt‑Texte mit zusätzlichen Beschreibungen im Text. Für Videos bieten Sie Untertitel und eine schriftliche Zusammenfassung des Inhalts an. Vermeiden Sie rein visuelle Hinweise wie ‚siehe Bild‘ ohne ergänzende Beschreibung. Gute Bildbeschreibungen helfen auch Suchmaschinen und unterstützenden Technologien.

Alt‑Texte: kurz und aussagekräftig
Zusätzliche Textbeschreibungen bei mehreren Ansichten
Untertitel und Transkripte für Videos
Keine rein visuellen Hinweise ohne Erklärung

Navigation, Orientierung und Bedienung: Eine klare Navigation reduziert Frustration. Bieten Sie sichtbare Breadcrumbs, konsistente Menüs und eine deutliche Kennzeichnung des aktuellen Standorts. Stellen Sie eine überspringen‑Link‑Funktion bereit, damit Tastaturnutzer direkt zum Hauptinhalt springen können. Achten Sie auf logische Seitentitel und lesbare URLs. Für Filter und Sortierfunktionen sorgen Sie dafür, dass sie zugänglich sind: nutzbar per Tastatur, mit klaren Labels und sichtbarem Fokuszustand. Prüfen Sie regelmässig, ob interaktive Elemente wie Modal‑Fenster oder Pop‑ups für Screenreader korrekt angekündigt werden.