1
July
2024

Ist Ihr Webshop bereit für den European Accessibility Act 2025?

Nick Schaperkotter
Head of UX & Experimentation

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?

Was bedeutet 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:

  • Beobachtbar: Inhalt und Navigation müssen für jeden sichtbar und hörbar sein, unabhängig von seinen sensorischen Einschränkungen. Dazu gehören visuelle, auditive und andere Tools, um Informationen zugänglich zu machen.
  • Steuerbar: Interaktive Elemente müssen von allen Benutzern bedient werden können. Das bedeutet, dass sie nicht nur mit der Maus, sondern auch mit einer Tastatur, Sprachbefehlen oder anderen Methoden zugänglich sein müssen.
  • verständlicherweise: Die Struktur von Websites und Apps sollte leicht verständlich sein. Ein logischer Aufbau und klare Anweisungen sorgen dafür, dass Nutzer bei der Nutzung der Inhalte auf keine Hindernisse stoßen.
  • robust: Websites und Apps müssen nachhaltig zugänglich sein und mit verschiedenen Arten von Software und Hardware kompatibel bleiben. Dadurch wird sichergestellt, dass Inhalte auf allen Plattformen und Tools zuverlässig funktionieren.

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.

Erkennbar

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.

Steuerbar

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.

Andere Fragen, die Sie möglicherweise haben

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?

  • Es gibt viele Arten von Einschränkungen. Einige davon sind Menschen, die (farben-) blind oder sehbehindert sind. Es ist auch gut, niedrige Lese- und Schreibfähigkeiten, Aufmerksamkeitsprobleme, Taub oder Schwerhörigkeit sowie Probleme mit der Feinmotorik zu berücksichtigen

Für wie viel Prozent meiner Zielgruppe ist das relevant?

  • In Europa haben 27% der Bevölkerung eine Behinderung. Die Niederlande selbst stellen mit 32% eine noch größere Gruppe dar. Für Ihre spezifische Zielgruppe kann dieser Prozentsatz höher oder niedriger sein. Recherchieren Sie selbst

Gilt das auch für meinen Webshop?

  • Höchstwahrscheinlich ja. Im Prinzip gilt die Gesetzgebung für alle Online-Plattformen von E-Commerce-Unternehmen. Ausnahmen gelten für Unternehmen mit einem Jahresumsatz von weniger als 2 Millionen.

Was sind die Konsequenzen, wenn ich die Gesetze nicht einhalte?

  • Dies wurde noch nicht offiziell mitgeteilt. Es ist jedoch wahrscheinlich, dass Bußgelder verhängt werden, wenn Ihr Webshop nicht den Vorschriften entspricht.

Hat die Einhaltung dieser Regeln neben der Vermeidung von Bußgeldern noch weitere Vorteile?

  • Sicher! Indem Sie Ihre Website zugänglicher machen, ermöglichen Sie es sofort einer größeren Gruppe von Personen, etwas auf Ihrer Online-Plattform zu kaufen. Dies kann daher auch die Konversionsrate erhöhen.

Verflochten in unserem digitalen Ansatz

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.

Was kannst du jetzt tun?

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.

Mehr insights