5 Barrieren, die fast jeder Onlineshop hat – und wie du sie behebst

Nach unzähligen Seiten zeichnen sich Muster ab: Es sind selten exotische Spezialfälle, an denen Shops scheitern, sondern dieselben fünf Klassiker. Die gute Nachricht: Alle fünf sind behebbar.

1. Zu schwache Kontraste

Hellgraue Schrift auf Weiß sieht edel aus – und ist für viele kaum lesbar. Die WCAG verlangen mindestens 4,5:1 für normalen Text. Prüf deine Farben mit einem Kontrast-Checker und verlass dich nie allein auf Farbe (eine Fehlermeldung braucht mehr als nur Rot).

2. Fehlende oder schlechte Alt-Texte

Produktbilder ohne Alternativtext sind für blinde Nutzer unsichtbar – und kosten dich Bilder-SEO. Beschreibe das Produkt knapp und im Kontext; rein dekorative Bilder bekommen ein leeres alt. Wie es richtig geht, steht im Guide Alt-Texte richtig schreiben.

3. Formulare ohne echte Labels

Gerade im Checkout: Felder, die nur einen Platzhalter statt eines sichtbaren Labels haben, sind eine Hürde – der Platzhalter verschwindet beim Tippen. Jedes Feld braucht ein verknüpftes Label und klare, dem Feld zugeordnete Fehlermeldungen.

4. Nicht per Tastatur bedienbar

Viele Menschen kaufen ohne Maus. Wenn sich Filter, Warenkorb oder Menü nicht mit der Tab-Taste erreichen und auslösen lassen – oder der Fokus unsichtbar ist – bricht der Kauf ab. Test: Maus weglegen, einmal komplett durch den Bestellprozess tabben.

5. Pop-ups und Slider, die niemand wegbekommt

Cookie-Banner, Newsletter-Layer, Auto-Slider: Wenn man sie nicht per Tastatur schließen oder anhalten kann, sperren sie Nutzer regelrecht aus. Achte auf schließbare Dialoge, einen sinnvollen Fokus und respektiere prefers-reduced-motion.

Der schnellste Selbsttest

Du musst kein Profi sein, um die größten Lücken zu finden. Drei Minuten genügen oft: Bedien deinen Checkout einmal nur mit der Tastatur (Tab, Enter, Pfeile) – kommst du bis zur Bestellbestätigung? Schalte dann gedanklich die Farben ab – sind Fehler und Pflichtfelder auch ohne Rot erkennbar? Und zoome auf 200 % – überlappt etwas oder verschwindet Inhalt? Wo es hakt, hast du deine Prioritätenliste.

Und dann?

Keine dieser fünf ist Raketentechnik. Den vollständigen Fahrplan – inklusive Testen und WordPress-Tipps – findest du im Guide Website barrierefrei machen. Ein Bedienmenü wie das von Welcoma hilft deinen Besuchern zusätzlich sofort – die fünf Ursachen oben gehören aber im Code behoben.