Barrierefreies Webdesign
Online Shop barrierefrei gestalten
Tastaturbedienbarkeit Online Shop
Viele Online Shops sind nicht barrierefrei nutzbar. Für Menschen mit Einschränkungen stellt das im Kaufprozess ein enormes Problem dar. Die Herausforderungen reichen meist von unübersichtlichen Formularen und Checkout-Prozessen, über bloße Overlays, die eine entsprechende Sprachausgabe nicht erkennt, bis hin zu fehlenden Untertiteln, schlecht beschrifteten Buttons oder schwer navigierbaren Warenkörben. Das sorgt im Kaufprozess für Frustration und unnötigen Absprüngen. Dabei helfen schon kleine Änderungen dabei, den eigenen Online Shop barrierefreier zu gestalten.
Wir haben 10 Tipps für Sie zusammengestellt.
Ein gut strukturierter Online Shop mit klar gekennzeichneten Menüpunkten, Kategorien und Produktseiten ermöglicht es Menschen mit Einschränkungen, sich leichter zurechtzufinden und Informationen schneller zu finden.
Ein responsives Design stellt zudem sicher, dass der Online Shop auf verschiedenen Endgeräten wie Desktop, Tablet oder Smartphone gleichermaßen gut bedienbar ist, unabhängig von der Bildschirmgröße.
Ein tastaturbedienbarer Online Shop ist eine wichtige Grundvoraussetzung, um die Barrierefreiheit des eigenen Shops zu verbessern. Dabei ist es möglich,
mittels Tabulatortaste zu erreichen.
Die Tastaturbedienbarkeit stellt sicher, dass insbesondere Menschen mit motorischen sowie visuellen Beeinträchtigungen die digitale Teilhabe ermöglicht wird. In puncto Online Shop schließt das vor allem auch tastaturbedienbare Produktfilter mit ein.
Damit es wirklich zum Kaufabschluss kommt, sind barrierefreie Zahlungsmöglichkeiten im Online Shop sehr wichtig. Das beinhaltet vor allem die Akzeptanz verschiedener Zahlungsmethoden (z.B. PayPal, Banküberweisung oder barrierefreie Zahlungsgateways), damit Kund*innen möglichst sicher und reibungslos bezahlen können. Wichtig ist es hierbei, die Zahlungsschritte klar zu kennzeichnen und verständlich zu erklären.
Der eigene Kundenservice sollte darüber informieren können, ob der Online Shop barrierefrei ist und wie er mit assistiven Technologien bedient werden kann.
Es sollten zudem unterschiedliche Kontaktmöglichkeiten angeboten werden. Dazu gehören beispielsweise ein Kontaktformular, eine E-Mail-Adresse, eine Telefonnummer und gegebenenfalls auch ein Live-Chat.
Wichtig ist es, die Kontaktmöglichkeiten gut sichtbar und leicht zugänglich zu platzieren, damit Nutzer*innen bei Fragen oder Problemen schnell und unkompliziert Unterstützung erhalten können.
Produktfilter bieten in der Praxis zahlreiche Stolpersteine, die eine barrierefreie Nutzung erschweren. Hilfreich sind hier zum Beispiel ein entsprechender Kontrastumschalter sowie die Möglichkeit eines Suchfeldes.
Zusätzlich sollte man darauf achten, dass User*innen schnell an die wirklich relevanten Produkte gelangen. Dafür hilft es, die Navigation durch zielführende Klickpfade zu erleichtern (max. 7 Submenü-Punkte, damit unkompliziert ans Ziel gelangt wird).
Auch der Einsatz von Produktberatern statt klassischer Filter ist hier ratsam, ebenso wie der Verzicht auf Schieberegler, da sich diese meist schwer via Tastatur ansteuern lassen. Grundsätzlich sollte die Filterung so einheitlich und verständlich wie möglich sein.
Insbesondere Formulare gestalten sich beim Kaufprozess nicht selten als kleine Herausforderung. Um hier einen möglichst reibungslosen Ablauf zu gewährleisten sollte positives sowie negatives Feedback direkt am Formularfeld angezeigt werden, anstatt erst bei der Betätigung des Submit-Buttons.
Eine Ausfüllhilfe in Textform kann zudem dabei unterstützen, das entsprechende Formular korrekt abzuschicken.
Darüber hinaus sollte die Fokussierung der Felder per Tastaturfokus klar erkennbar und jedes Feld mit einem eindeutigen Label, das klar mit dem Feld verknüpft ist, benannt sein. Idealerweise sind verwandte Felder zusammen gruppiert.
Barrierefreie Produktfotografie im Online Shop bedeutet, dass die Fotos hochauflösend, gut beleuchtet und in verschiedenen Ansichten verfügbar sein sollten.
Für Nutzer*innen mit Sehbehinderungen ist es entscheidend, dass alle wichtigen Details des Produkts in Beschreibungen oder alternative Texte eingebunden sind.
Des Weiteren sollten für Menschen mit Farbsehschwäche unterschiedliche Farbvarianten oder Musteroptionen angeboten werden, um eine klare Unterscheidung der Produkte zu gewährleisten.
Eine klare und verständliche Textgestaltung sowie die sinnvolle Strukturierung von Inhalten sind entscheidend für einen barrierefreien Online Shop. Überschriften, Listen und Absätze helfen bei der Orientierung und erleichtern Personen mit kognitiven Einschränkungen die Informationsaufnahme.
Zudem sollten alle Texte auf leichte Sprache und klare Formulierungen geprüft werden, um die Barrierefreiheit für alle Nutzer zu gewährleisten.
Für Nutzer*innen mit kognitiven Beeinträchtigungen ist es wichtig, dass Aktionsangebote und Rabatte klar und deutlich gekennzeichnet sind. Dies kann beispielsweise durch den Einsatz von auffälligen Farben, Symbolen oder Texten wie "Sonderangebot" oder "Sale" erfolgen. Eine klare Kennzeichnung erleichtert es allen Nutzer*innen, von den Angeboten zu profitieren und verbessert die Nutzererfahrung als Ganzes.
Der Checkout-Prozess im Online Shop sollte ebenfalls barrierefrei gestaltet sein, um allen Nutzer*innen eine angenehme und unkomplizierte Bezahlung zu ermöglichen. Hierbei ist es wichtig, klare Anweisungen und Hilfestellungen bereitzustellen, um etwaige Barrieren zu überwinden.
Darüber hinaus sollten wichtige Informationen wie Lieferdetails, Zahlungsbedingungen und Rückgaberichtlinien gut sichtbar und verständlich dargestellt werden, um eine transparente und barrierefreie Abwicklung des Bestellprozesses sicherzustellen.
Eine transparente Darstellung der Rückgabe- und Umtauschrichtlinien trägt zur barrierefreien Nutzung des Online Shops bei. Wichtige Informationen wie Rückgabefristen, Rückgabeverfahren und Erstattungsmodalitäten sollten leicht verständlich und gut sichtbar dargestellt werden. Dies ermöglicht es allen Nutzern, die Rückgabe- und Umtauschrichtlinien des Online Shops zu verstehen und bei Bedarf problemlos davon Gebrauch zu machen.
Falls der Online Shop Benutzerkonten anbietet, sollten diese barrierefrei gestaltet sein. Nutzer*innen mit verschiedenen Fähigkeiten sollten in der Lage sein, sich problemlos anzumelden, ihre Informationen zu verwalten und Bestellverlauf sowie Zahlungsdetails einzusehen.
Der Online Shop sollte so konzipiert sein, dass er mit verschiedenen Assistenztechnologien kompatibel ist. Dies umfasst die Verwendung von semantisch korrektem HTML-Code, der die Lesbarkeit und Bedienbarkeit durch screen reader und andere assistive Technologien ermöglicht.
Zudem sollten auch Untertitel- oder Transkriptionsmöglichkeiten für eventuell vorhandene Videos angeboten werden, um barrierefreie Inhalte für Nutzer mit Hörbeeinträchtigungen bereitzustellen.
Es ist wichtig, dass der Online Shop barrierefreie Liefer- und Versandoptionen anbietet, um den Bedürfnissen verschiedener Nutzergruppen gerecht zu werden. Dazu gehört beispielsweise die Möglichkeit, alternative Lieferadressen anzugeben, um die Zustellung an eine andere Adresse zu ermöglichen, falls die Hauptadresse für den Nutzer*innen nicht zugänglich ist.
Zudem sollten Informationen über Lieferzeiten und -kosten klar und verständlich dargestellt werden, damit alle Nutzer*innen die erforderlichen Informationen schnell finden können.
Die Barrierefreiheit Ihres Online Shops sollte regelmäßig überprüft und weiterentwickelt werden. Dies beinhaltet die Durchführung von Barrierefreiheitstests, Nutzerfeedback-Analysen und die Anwendung von internationalen Barrierefreiheitsstandards, um sicherzustellen, dass der Online Shop kontinuierlich verbessert und den Bedürfnissen aller Nutzer*innen gerecht wird.
Der Fokus sollte darauf liegen, offene Barrieren zu identifizieren und zu beseitigen, um eine optimale und inklusive Benutzererfahrung zu gewährleisten.
Sie haben Fragen?
Sprechen Sie uns gerne an!