Diese Frage sollten sich derzeit viele Unternehmen stellen. Tatsächlich wird in einem Jahr (am 28. Juni 2025) das Europäische Gesetz zur Barrierefreiheit (EEA) in Kraft treten. Die neue Gesetzgebung wird E-Commerce-Unternehmen und Webshops dazu verpflichten, ihre Plattform digital zugänglich zu machen. Warum dies ein so wichtiges Thema ist, das auch Chancen bietet, wird in diesem Artikel weiter erörtert. Aber zuerst beantworten wir eine Frage, die Sie jetzt vielleicht auch betrifft: Was genau ist digitale Barrierefreiheit?
Nicht jedem wird sofort klar sein, was der Begriff „digitale Barrierefreiheit“ genau bedeutet. Im weitesten Sinne bedeutet dies, dass Webshops für jedermann zugänglich und einfach zu bedienen, unabhängig von möglichen körperlichen oder geistigen Einschränkungen. Der EWR gibt an, dass digitale Plattformen die vier Grundprinzipien der Richtlinien zur Barrierefreiheit von Webinhalten (WCAG) einhalten müssen:
Dies kann ein vollständiges Bild für Sie ergeben. Um dies nur ein bisschen konkreter zu machen, werden wir zwei dieser Prinzipien anhand eines Beispiels näher erläutern.
Der Inhalt eines Webshops muss daher sichtbar und hörbar sein. Ein Beispiel für Gruppen, die berücksichtigt werden sollten, sind Besucher, die an einer Form von Farbenblindheit leiden. In den Niederlanden leidet etwa jeder 12. Mann an einer Form der Farbenblindheit, was etwa 8% der männlichen Bevölkerung entspricht. Bei Frauen ist Farbenblindheit viel seltener; nur 1 von 200 Frauen oder 0,5% leidet an dieser Erkrankung. Farbenblindheit gibt es in verschiedenen Formen, aber was Sie als Webshop hauptsächlich berücksichtigen sollten, ist, wie sich die Kontraste bei Besuchern mit einer Form von Farbenblindheit unterscheiden können. Im Folgenden finden Sie ein Beispiel dafür, wie dasselbe Bild auf unterschiedliche Weise gesehen werden kann und warum das Bild daher eine unterschiedliche Wirkung hat.
Ein Beispiel für Bedienbarkeit ist das Navigieren durch einen Webshop nur mit einer Tastatur, also ohne Maus. Menschen mit einer motorischen Behinderung navigieren oft über die Tabulatorfunktion auf Ihrer Tastatur, anstatt eine Maus zu verwenden. Sie können ein Attribut verwenden, um anzugeben, ob ein Link Teil der „Tab-Reihenfolge“ ist. Stellen Sie sicher, dass die Reihenfolge der sichtbaren Links mit der in der HTML-Struktur übereinstimmt. Wenn nicht, können Sie dies korrigieren, indem Sie Tabindex-Attribute verwenden. Um diesen Personen weiter zu helfen, ist es beispielsweise wichtig, zu visualisieren, wo sich jemand befindet, indem Sie die Tabulatortaste verwenden, indem Sie Elemente hervorheben (siehe Gliederung im Beispiel unten). Wenn du das nicht tust, muss der Besucher erraten, wo er oder sie sich gerade auf der Seite befindet.
Wir können uns vorstellen, dass diese neue Gesetzgebung eine Reihe von Fragen für Sie aufwerfen wird. Wir haben eine Reihe von ihnen aufgelistet und der Einfachheit halber eine Antwort beigefügt.
Welche Einschränkungen sollte ich in Betracht ziehen?
Für wie viel Prozent meiner Zielgruppe ist das relevant?
Gilt das auch für meinen Webshop?
Was sind die Konsequenzen, wenn ich die Gesetze nicht einhalte?
Hat die Einhaltung dieser Regeln neben der Vermeidung von Bußgeldern noch weitere Vorteile?
Bei Yellowgrape versuchen wir bereits, Barrierefreiheit in unserer Arbeit so weit wie möglich zu berücksichtigen. Wir tun dies speziell im CRO & Design-Team, wo Barrierefreiheit bereits fest in den Ansatz für unsere Kunden integriert ist. Im Folgenden finden Sie einige Beispiele dafür, wie unsere Designer, Entwickler und CRO-Spezialisten digitale Barrierefreiheit in ihre Arbeit einbeziehen.
Dinge wo Designer Achten Sie auf Farbkontraste zwischen Text und Hintergrund, um die Lesbarkeit zu erhöhen. Darüber hinaus muss ein Design auf verschiedene Geräte und Bildschirmgrößen reagieren. Aber auch klare Typografie und Alternativtexte für Bilder sind Dinge, die berücksichtigt werden.
Entwickler verwende semantische HTML-Tags<header>,, <nav><main>und, <footer>um die Struktur der Seite für Hilfetechnologien zu verdeutlichen. Daher ist es auch wichtig, dass der Code so angeordnet ist, dass ein Besucher nur mit der Tastatur navigieren kann. Schließlich werden auch ARIA-Attribute in Betracht gezogen, um Benutzern von Screenreadern zusätzliche Informationen zur Verfügung zu stellen.
CRO-Spezialisten betrachten Optimierungen und Benutzerfreundlichkeit im Allgemeinen auf unterschiedliche Weise. Es gibt eine Reihe von Elementen, die sich speziell auf Barrierefreiheit konzentrieren, und es gibt eine Reihe von Elementen, denen besondere Aufmerksamkeit geschenkt werden muss. Dazu gehören auch Formulare, die leicht auszufüllen sein sollten und klare Beschriftungen und beschreibende Fehlermeldungen enthalten. Dies hilft Benutzern mit verschiedenen Behinderungen, Formulare korrekt auszufüllen. Eine Methode, um mögliche Hindernisse herauszufinden, besteht darin, Benutzertests mit Menschen mit unterschiedlichen Behinderungen durchzuführen. Auf diese Weise können wir sofort sehen, wie sie die Website erleben und worauf sie möglicherweise stoßen.
Letztlich ist es wichtig, dass Ihr Webshop die neuen Vorschriften vollständig erfüllt. Zu diesem Zweck ist es ratsam, dies prüfen zu lassen und auf dieser Grundlage die Website vollständig digital zugänglich zu machen. Wir führen diese Audits in Zusammenarbeit mit Stufe Stufe, eine Partei, die viel Erfahrung mit digitaler Barrierefreiheit auf Websites in verschiedenen Branchen hat.
Zunächst können Sie natürlich versuchen, Ihre Website selbst zu durchsuchen. Versuchen Sie, nur mit Ihrer Tastatur durch Ihre Website zu navigieren und zu sehen, wie weit Sie kommen. Oder werfen Sie einen Blick auf Ihre Designs über die Farbblindheitsscan um zu sehen, wie Ihre Website mit anderen Augen gesehen werden kann. Dies wird Ihnen helfen, ein noch besseres Gefühl für das Thema zu bekommen.
Haben Sie noch eine Frage zu diesem Thema, die in diesem Artikel nicht behandelt wird? Bitte kontaktieren Sie uns und wir informieren Sie gerne.