Wunschliste und Merkzettel barrierefrei im Online-Shop: Spaetentscheider nicht verlieren
Viele Kaeufe passieren nicht beim ersten Besuch. Wenn Merkliste, Wunschherz oder gespeicherte Produkte fuer Tastatur und Screenreader haken, verschwindet genau die Zielgruppe, die eigentlich spaeter mit hoher Kaufabsicht zurueckkommen wollte.
Die 5 Pflichtpruefungen fuer barrierefreie Merkzettel
- Herz- oder Stern-Buttons brauchen einen eindeutigen Namen wie "Zur Wunschliste hinzufuegen".
- Statuswechsel nach dem Speichern muss sichtbar und fuer Screenreader wahrnehmbar sein.
- Gespeicherte Produkte muessen per Tastatur auffindbar, sortierbar und loeschbar bleiben.
- Fehlermeldungen bei Login-Zwang oder Session-Ablauf muessen klar erklaeren, was passiert ist.
- Der Rueckweg von der Wunschliste in Warenkorb oder Produktseite darf nicht in versteckten Icons enden.
Typische WCAG-Hotspots bei Wunschlisten
Haeufig bestehen Merklisten nur aus ikonischen Buttons ohne Textalternative. Ebenso problematisch sind dynamische Statuswechsel ohne aria-live-Hinweis, etwa wenn ein Produkt gespeichert wurde, aber visuell nur die Herzfarbe kippt. Auf mobilen Listen fehlt zudem oft eine saubere Fokusreihenfolge zwischen Produktbild, Titel und Entfernen-Aktion.
So testen Shop-Betreiber die Wunschliste in 5 Minuten
- Ein Produkt nur per Tastatur auf die Wunschliste setzen.
- Pruefen, ob die Bestaetigung sichtbar und akustisch eindeutig kommt.
- Die Wunschliste mobil und am Desktop wieder aufrufen.
- Ein Produkt zurueck in den Warenkorb legen und danach entfernen.
- Produktseite und Wunschlisten-Ansicht zusaetzlich mit dem BFSG-Scanner technisch vorpruefen.
Ist Ihr Shop BFSG-konform?
Scannen Sie Ihre Shop-URL kostenlos und finden Sie technische Huerden, bevor Merklisten und Rueckkehrpfade Umsatz kosten.
Jetzt kostenlos pruefenHinweis: Dieser Beitrag bietet allgemeine technische Orientierung und ersetzt keine individuelle Rechtsberatung.