Barrierearm online einkaufen

Wie Onlinehändler ihre Shops für alle Nutzerinnen und Nutzer zugänglich gestalten können – mit konkreten Massnahmen für Text, Navigation, Formulare und Medien.

Publiziert 11. September 2026Neutraler redaktioneller Leitfaden

Wichtigste Prinzipien für barrierearmen Einkauf

Barrierearm bedeutet: Menschen mit verschiedenen Fähigkeiten sollen Produkte finden, verstehen und bestellen können. Das betrifft Sehbehinderte, Motorik‑Einschränkungen, kognitive Beeinträchtigungen und Menschen, die assistive Technologien nutzen. Beginnen Sie mit klarer, einfacher Sprache und logischer Struktur. Ergänzen Sie das mit technischen Vorkehrungen wie Tastaturbedienbarkeit, ausreichenden Kontrasten und Alternativtexten für Bilder. Kleine Anpassungen erhöhen die Nutzbarkeit für alle Kundinnen und Kunden und reduzieren Rückfragen im Support.

Klare Sprache und kurze Sätze
Tastatur- und Bildschirmleser‑Kompatibilität
Hohe Kontrastwerte und flexible Schriftgrössen
Alternative Texte für alle aussagekräftigen Bilder

Klare Sprache: Formulierungen sollten direkt und konkret sein. Vermeiden Sie Fachjargon und verschachtelte Sätze. Nutzen Sie aussagekräftige Überschriften, Beschriftungen und Handlungsaufrufe (z. B. „In den Warenkorb legen“ statt „Fortfahren“). Produkttexte sollen kurz die wichtigsten Eigenschaften und den Nutzen nennen. Ergänzende Details können in Abschnitten für Interessierte stehen. Erklärungen für Fachbegriffe oder Abkürzungen können als Tooltip oder Link angeboten werden, damit der Haupttext einfach bleibt.

Einfache Verben und aktive Formulierungen
Wichtige Infos zuerst
Erklärungen als Zusatz, nicht im Fliesstext

Navigation & Tastaturbedienung: Viele Nutzerinnen bedienen Webseiten ohne Maus. Stellen Sie sicher, dass alle Bedienelemente per Tastatur erreichbar sind und die Tab‑Reihenfolge logisch ist. Fokuszustände müssen sichtbar sein, damit man sieht, welches Element aktiv ist. Klare Menüs, sichtbare Breadcrumbs und eine konsistente Seitenstruktur helfen beim Orientieren. Prüfen Sie zudem, ob Widgets wie Modale oder Drop‑downs korrekt als zugänglich markiert sind, damit Bildschirmleser die Inhalte vorlesen können.

Alle interaktiven Elemente per Tab erreichbar
Sichtbare Fokusindikatoren
Klare, konsistente Navigation

Formulare und Checkout vereinfachen: Formulare sind oft der kritischste Punkt beim Onlineeinkauf. Verwenden Sie klare Labels, platzieren Sie Fehlermeldungen nahe beim betreffenden Feld und geben Sie präzise Hinweise zur Eingabe (z. B. Format für Telefonnummern). Vereinfachen Sie Pflichtfelder auf das Nötigste. Bieten Sie automatische Adresseingabe per Postleitzahl optional an, aber machen Sie manuelle Eingabe möglich. Speichern Sie Zwischenschritte, damit Nutzerinnen einen Fehler korrigieren können, ohne von vorne zu beginnen.

Klare Labels und Fehlermeldungen
Nur notwendige Pflichtfelder
Zwischenspeicherung und klare Fortschrittsanzeige

Medien, Kontrast und visuelle Hilfen: Bilder, Videos und Icons brauchen Alternativtexte und klare Beschriftungen. Achten Sie auf ausreichend Kontrast zwischen Text und Hintergrund, damit Inhalte auch bei schwachem Sehen lesbar sind. Erlauben Sie Schriftgrössenanpassung ohne Layoutbruch. Bei Videos sind Untertitel und eine kurze Zusammenfassung des Inhalts wichtig. Vermeiden Sie allein über Farbe vermittelte Informationen; ergänzen Sie Farbcodierungen mit Text oder Symbolen.