This question should now to make many enterprise. Tatsächlich wird in einem Jahr (am 28. Juni 2025) das Europäische Gesetz zur Barrierefreiheit (EEA) in Kraft treten. The new legislation will e-commerce business and webshops to make their platform digital accessible. Warum das ein so wichtiges Thema ist, das auch Chance bietet, wird in diesem Artikel weiter erörtert. Aber zuerst antworten wir eine Frage, die Sie jetzt vielleicht auch betrifft: Was genau ist digitale Barrierefreiheit?
Nicht jeder wird sofort klar sein, was der Begriff „digitale Barrierefreiheit“ genau bedeutet. Im weitesten Sinne bedeutet das, das Webshops für jedermann zugänglich und einfach zu bedienen, unabhängig von möglichen physikalischen oder geistigen Einschränkungen. The EWR provides an, that digital platforms must meet the four basic principles of the guidelines for barrierefreiheit of webinhold (WCAG):
This can result a full image for you. Um das nur ein bisschen konkreter zu machen, werden wir diese beiden 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 etwa alle 12. Mann an einer Form der Farbenblindheit, etwa 8% der männlichen Bevölkerung was entspricht. Bei Frauen ist Farbenblindheit viel seltener; nur 1 von 2000 Frauen oder 0,5% leidet an dieser Krankheit. Farbenblindheit gibt es in verschiedenen Formen, aber was Sie hauptsächlich als Webshop berücksichtigen sollten, ist, wie sich der Kontrast bei Besuchern mit einer Form von Farbenblindheit unterscheiden kann. Im Folgenden finden Sie ein Beispiel dafür, wie dasselbe Bild auf verschiedene Arten 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 motorischer Behinderung navigieren oft über die Tabulatorfunktion auf Ihrer Tastatur, anstatt eine Maus zu verwenden. Sie können ein Attribut verwenden, um es anzugeben, ob ein Link Teil der „Tab-Reihenfolge“ ist. Sie stellen sicher, dass die Reihenfolge der sichtbaren Links mit denen in der HTML-Struktur übereinstimmt. Wenn nicht, können Sie das korrigieren, indem Sie das Tabindex-attribut 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 glaubst, muss der Besucher erraten, wo er oder sie sich gerade auf der Seite befinden.
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. We do this especial in the CRO & Design team, where barrierability already established in the approach for our customers. Im Folgenden finden Sie einige Beispiele dafür, wie unsere Designer, Entwickler und CRO-Spezialisten digitale Barrierefreiheit in ihrer Arbeit einbeziehen.
Dinge gewonnen Designerin Achte auf den Farbkontrast zwischen Text und Hintergrund, um die Lesbarkeit zu erhöhen. Darüber hinaus muss ein Design auf verschiedene Geräte und Bildschirmgrößen antworten. Aber auch klar Typografie und alternative Texte für Bilder sind Dinge, die berücksichtigt werden.
Developer verwöhnte 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 übertragen, um den Benutzern von Screenreadern zusätzliche Informationen zur Verfügung zu stellen.
CRO-Spezialisten praxen für 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 beschreibende fehlermeldungen enthalten. This helps users with different disabled, formulars correct. Eine Methode, um mögliche Hindernisse zu erkennen, besteht darin, Benutzertests mit Menschen mit unterschiedlichen Behinderungen durchzuführen. This way we can see immediately how they experience the website and to may to turn on them.
Letztlich ist es wichtig, dass Ihr Webshop die neuen Vorschriften vollständig erfüllt. Zu diesem Zweck ist es ratsam, dies zu überprüfen 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.
Sie können zunächst natürlich versuchen, Ihre Website selbst zu durchsuchen. This try, only with your keyboard through your website to navigate and see how far you come. Oder werfen Sie einen Blick auf Ihre Designs Farbblindheitsscan um zu sehen, wie Ihre Website mit anderen Augen gesehen werden kann. This will help them to get a more feel for the theme.
Hast du noch eine Frage zu diesem Thema, die in diesem Artikel nicht behandelt wird? Bitte kontaktiere uns und wir informieren Sie gerne.
