Lieferzeit und Versandkosten barrierefrei im Online-Shop: Mehr Vertrauen vor dem Kauf

Unscharfe Lieferzeiten, versteckte Versandkosten oder schwer lesbare Verfuegbarkeit kosten nicht nur Vertrauen. Sie sind oft der letzte Grund, warum ein Nutzer kurz vor dem Kauf abbricht oder spaeter den Support kontaktiert.

Warum diese Infos so oft uebersehen werden

Viele Shops behandeln Versand, Lieferzeit und Retouren als Pflichttext. Fuer Nutzer sind diese Angaben aber kaufentscheidend. Wenn sie mobil schlecht lesbar, per Screenreader unklar oder erst spaet sichtbar sind, sinkt die Abschlussrate spuerbar.

Die haeufigsten Barrieren bei Versand- und Lieferinfos

• Versteckte Versandkosten: Nur im Tooltip oder erst im Checkout sichtbar.
• Farbcodes ohne Text: Gruen bedeutet verfuegbar, rot bedeutet knapp, aber ohne klare Wortbeschreibung.
• Kleine graue Lieferzeit-Texte: Mobil und bei Sehschwaeche kaum lesbar.
• Rueckgabeinfos im unbeschrifteten Akkordeon: Nutzer finden sie nicht oder koennen sie nicht oeffnen.
• Preisboxen mit durcheinanderlaufenden Informationen: Endpreis, Versand, Lieferfenster und Standort konkurrieren um Aufmerksamkeit.

Die 5 wichtigsten Pruefbereiche

1. Versandkosten ohne Suchspiel anzeigen

Versandkosten oder der Hinweis "versandkostenfrei" muessen im Sichtbereich des Kaufbuttons lesbar sein. Ein Tooltip allein ist keine robuste Loesung.

2. Lieferzeiten in Klartext schreiben

"2-4 Werktage" oder "Abholung in Stade moeglich" ist besser als ein vager Icon-Hinweis. Klare Sprache reduziert Unsicherheit bei allen Nutzern.

3. Verfuegbarkeit nicht nur ueber Farben kommunizieren

Wenn Ampelfarben oder Badges eingesetzt werden, braucht es immer eine Textalternative wie "Sofort lieferbar" oder "Nur noch 2 verfuegbar".

4. Rueckgabe und Kontakt sichtbar verlinken

Nutzer suchen vor dem Kauf oft nach Rueckgabe, Abholung oder Liefergebiet. Diese Infos sollten leicht erreichbar sein und nicht in rechtlichen Tiefen verschwinden.

5. Mobil und Zoom zuerst testen

Gerade auf kleinen Displays rutschen Versandhinweise unter den Fold oder werden von Stickies verdeckt. Was dort verschwindet, kostet Vertrauen und spaeter Anfragen.

WCAG-Hotspots in Preis- und Lieferinfos

• 1.4.3 Contrast: Graue Liefer- und Versandtexte sind zu schwach lesbar.
• 1.3.1 Info and Relationships: Preis, Versand und Verfuegbarkeit sind nicht klar strukturiert.
• 1.4.1 Use of Color: Verfuegbarkeit wird nur ueber Gruen, Gelb oder Rot kommuniziert.
• 2.4.4 Link Purpose: Rueckgabe- oder Versandlinks sagen nicht klar, wohin sie fuehren.

Schneller Praxistest fuer Shop-Betreiber

1. Die drei wichtigsten Produktseiten auf dem Smartphone oeffnen.
2. Pruefen, ob Versandkosten, Lieferzeit und Verfuegbarkeit ohne Scrollsuche sichtbar sind.
3. Die Seite auf 200 Prozent Zoom testen.
4. Tooltips, Akkordeons und Rueckgabe-Links nur mit Tastatur oeffnen.
5. Startseite und Produktseite mit dem kostenlosen BFSG-Scanner vorpruefen.

Quick Wins fuer diese Woche

Wenn Sie sofort Wirkung wollen, priorisieren Sie Klartext bei Lieferzeiten, Textlabels statt reiner Farben und einen sichtbaren Versandkosten-Hinweis direkt neben dem Kauf-CTA. Das schafft Vertrauen genau im Kaufmoment.

Preis- und Liefertabellen für Screenreader richtig auszeichnen

Sobald mehrere Versandoptionen mit unterschiedlichen Preisen und Lieferzeiten nebeneinanderstehen, etwa Standardversand, Expressversand und Abholung, bietet sich eine Tabelle an. Damit ein Screenreader die Zeilen und Spalten korrekt vorliest, brauchen Tabellen echte Kopfzellen, die als solche ausgezeichnet sind, statt nur fett oder grau hinterlegt zu sein. Fehlt diese Auszeichnung, hört ein Screenreader-Nutzer nur eine Abfolge von Zahlen und Wörtern, ohne zu wissen, welcher Preis zu welcher Lieferzeit gehört.

Wird dieselbe Information stattdessen als Kartenlayout mit Icons dargestellt, gilt eine ähnliche Regel: Jede Karte sollte als zusammenhängende Einheit erkennbar sein, mit einer klaren Überschrift für die Versandart, gefolgt von Preis und Lieferzeit als Text. Ein Symbol für schnelle Lieferung oder ein grünes Icon für Verfügbarkeit ersetzt diesen Text nicht, es kann ihn höchstens ergänzen. Wichtig ist außerdem, dass die Reihenfolge im Quellcode der visuellen Reihenfolge entspricht, damit Tastaturnutzer beim Durchtabben nicht plötzlich bei einer anderen Option landen, als sie optisch erwarten.

Bei Grundpreisangaben oder gestaffelten Versandkosten, etwa je nach Bestellwert oder Zielland, hilft eine kurze zusammenfassende Zeile über der Tabelle, die den wichtigsten Fall in Worten nennt. So verlieren Nutzer nicht die Übersicht, wenn die Tabelle selbst länger wird oder auf einem kleinen Bildschirm nur ausschnittsweise sichtbar ist.

Rechtlicher Rahmen für Preis- und Versandangaben: BFSG, BFSGV und EN 301 549

Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet Anbieter im elektronischen Geschäftsverkehr, ihre Websites so zu gestalten, dass Informationen wahrnehmbar, bedienbar, verständlich und robust sind. Preis- und Versandangaben gehören zu den Informationen, die ein Nutzer vor Vertragsschluss kennen muss, und fallen damit in den Kern dessen, was das Gesetz absichern will. Das gilt unabhängig davon, ob die Angaben in Fließtext, Tabelle oder als Badge neben dem Produktbild stehen.

Die Barrierefreiheitsstärkungsgesetz-Verordnung (BFSGV) konkretisiert diese allgemeinen Anforderungen und orientiert sich an der europäischen Norm EN 301 549. Für Webangebote verweist diese Norm auf die Web Content Accessibility Guidelines 2.1, Konformitätsstufe AA. Für Preis- und Versandinformationen sind darin unter anderem Kriterien relevant, die verlangen, dass Informationen nicht allein über Farbe oder Position vermittelt werden und dass Beziehungen zwischen Inhalten, etwa zwischen einer Spaltenüberschrift und den Werten darunter, auch für Hilfstechnologie erkennbar bleiben.

Ob ein einzelner Shop unter das BFSG fällt, hängt von Unternehmensgröße und Geschäftsmodell ab; einige Kleinstunternehmen sind unter bestimmten Voraussetzungen ausgenommen. Für alle anderen gilt: Die Pflicht betrifft nicht nur neue Angebote, sondern auch bestehende Shop-Bereiche wie Versand- und Preisinformationsseiten, die oft seit Jahren unverändert bestehen und entsprechend selten auf solche Kriterien hin geprüft wurden.

Typische technische Fehler bei Versandkosten-Anzeigen

Ein wiederkehrendes Problem sind Informationen, die nur über einen Tooltip beim Hover mit der Maus sichtbar werden, etwa ein kleines Info-Symbol neben dem Hinweis auf versandkostenfreie Lieferung ab einem bestimmten Betrag, das erst bei Mausberührung den genauen Betrag zeigt. Tastaturnutzer und Nutzer auf Touchgeräten erreichen diesen Tooltip oft gar nicht, weil er weder per Tabulatortaste fokussierbar noch per Antippen auslösbar ist. Die Information muss also auch ohne Maus erreichbar sein oder gleich sichtbar im Text stehen.

Ein zweites Muster betrifft dynamisch nachgeladene Inhalte: Wählt ein Nutzer eine andere Variante, eine andere Postleitzahl oder ein anderes Land aus, ändert sich Preis oder Lieferzeit oft per Skript, ohne dass die Seite neu lädt. Wird diese Änderung nicht aktiv an Hilfstechnologie gemeldet, bemerkt ein Screenreader-Nutzer die neue Angabe nicht und arbeitet unbewusst mit dem alten, nicht mehr gültigen Wert weiter. Bei Versandkosten kann das zu falschen Erwartungen bis zum Bestellabschluss führen.

Auch reine Icon-Sprachen ohne Textalternative tauchen häufig auf: ein Symbol für Standardversand, ein Blitz für Express, eine Uhr für bald ausverkaufte Artikel. Ohne begleitenden Text oder zumindest eine für Hilfstechnologie hinterlegte Beschreibung bleiben diese Symbole für Screenreader-Nutzer bedeutungslos, und auch sehende Nutzer, die die Symbolik nicht kennen, müssen raten, was gemeint ist.

Grenzfälle: regionale Preise, saisonale Banner und mobile Ansichten

Ein Grenzfall sind Angebote mit regional gestaffelten Preisen, etwa wenn Versandkosten oder Liefertermine erst nach Eingabe der Postleitzahl oder Auswahl eines Landes feststehen. Bis zu diesem Zeitpunkt sollte klar erkennbar sein, dass es sich um einen vorläufigen Platzhalter handelt und nicht um den endgültigen Preis, sonst entsteht der Eindruck einer festen Zusage, die später nicht eingehalten wird. Ein kurzer Hinweistext direkt neben dem Platzhalter schafft hier Klarheit für alle Nutzer, nicht nur für jene mit Screenreader.

Ähnlich unklar wird es oft bei saisonalen Lieferzeiten rund um Feiertage, wenn ein Banner mit Versandfristen eingeblendet wird, das sich per Skript öffnet und wieder schließt. Ein solches Banner sollte per Tastatur erreichbar und schließbar sein und darf den restlichen Seiteninhalt nicht dauerhaft blockieren. Wird es automatisch nach wenigen Sekunden ausgeblendet, bleibt für langsamere Leser oft zu wenig Zeit, den Inhalt überhaupt wahrzunehmen, bevor er wieder verschwindet.

Auch mobile Ansichten verdienen einen eigenen Blick: Wird die Versandtabelle auf kleinen Bildschirmen zu einer horizontal scrollbaren Liste umgebaut, muss diese weiterhin per Tastatur und Wischgeste erreichbar bleiben, nicht nur per Maus-Drag. Ohne sichtbaren Hinweis auf die Scrollmöglichkeit übersehen viele Nutzer, dass rechts noch weitere Versandoptionen mit anderen Preisen und Lieferzeiten folgen.

Häufig gestellte Fragen