Wie die barrierefreie Online-Shop-Vorlage von Ecwid ein Hit wurde

Gesendet 6 Monate her by Anastasia Prokofjewa

Die Schönheit des digitalen Marktes liegt in seinem Potenzial, das nicht durch physische Grenzen eingeschränkt wird. Sollte der Zugang nicht problemlos und ohne Hindernisse möglich sein?

Bei Ecwid by Lightspeed sind wir uns der Bedeutung der Barrierefreiheit bewusst – deshalb folgt unsere E-Commerce-Plattform den Standards des Americans with Disabilities Act (ADA).

Es geht nicht nur darum, ein Kästchen für Inklusivität anzukreuzen – es hat bei Online-Shop-Besitzern großen Anklang gefunden.

Besonders eine Designvorlage für Ecwid-Shops erwies sich dank ihres zugänglichen Designs als Erfolg. Jetzt ist es die Go-to- Option für Unternehmer, die einen benutzerfreundlichen und für jeden zugänglichen Shop haben möchten.

Was Web-Barrierefreiheit für Online-Shops bedeutet und warum sie wichtig ist

Barrierefreiheit ist keine Funktion; es ist eine Notwendigkeit. Es erkennt die Bandbreite der Fähigkeiten an und stellt sicher, dass Behinderungen niemanden davon abhalten, digitale Plattformen zu nutzen.

Gängige Barrierefreiheitsanforderungen beziehen sich auf visuelle, auditive, motorische und kognitive Fähigkeiten. Dazu gehört die Sicherstellung der Kompatibilität mit unterstützenden Technologien wie Bildschirmlesegeräten für Menschen mit Sehbehinderungen oder alternativer Tastaturnavigation für Menschen mit motorischen Behinderungen.

Es ist ein weit verbreitetes Missverständnis, dass Barrierefreiheit nur für Menschen mit dauerhaften Behinderungen erforderlich ist. Es deckt auch vorübergehende Beeinträchtigungen ab, beispielsweise nach einem gebrochenen Arm oder nach einer Augenoperation.

Eine barrierefreie Website kommt allen Arten von Benutzern zugute. So würden beispielsweise auch Eltern, die ein Baby im Arm halten, von einer benutzerfreundlich Schnittstelle, die nur minimalen Einsatz von Maus oder Tastatur erfordert.

Ein barrierefreier Online-Shop bedeutet, ein breiteres Publikum und potenzielle Kunden zu erreichen. Es fördert auch die Inklusivität und schafft eine einladendere Umgebung für alle Website-Besucher.

Gemeinsame Richtlinien zur Gewährleistung der Barrierefreiheit

Die Americans with Disabilities Act (ADA) ist eine bekannt Gesetz, das Menschen mit Behinderungen vor Diskriminierung schützt. Dies gilt auch für den digitalen Raum, und viele Länder haben ihre eigenen Richtlinien zur Barrierefreiheit für Websites und Online-Plattformen.

Die Richtlinien für die Barrierefreiheit von Webinhalten (WCAG) ist ein weit verbreitetes Framework zur Erstellung barrierefreier Webinhalte. Es umfasst vier Prinzipien: wahrnehmbar, bedienbar, verständlich und robust. Diese Grundsätze decken eine Reihe von Barrierefreiheitsanforderungen ab und bieten spezifische Richtlinien, die Entwickler befolgen müssen.

Stärkung durch Zugänglichkeit

Im Jahr 2020 hat sich das Lightspeed-Team freiwillig gemeldet, um einen barrierefreien, zweisprachigen Online-Shop für zu erstellen Gipfelschule in Montreal, einer Organisation, die neurodivergenten Schülern dabei hilft, ihr Potenzial auszuschöpfen.

Als Lightspeed dann Ecwid zu seinem Angebot hinzufügte, taten wir uns zusammen und überarbeiteten die Website der Summit School und erstellten eine Summit-Marktplatz mit Ecwid. Der Summit Marketplace präsentiert die Werke von Kunsthandwerkern, Künstlern und Unternehmern mit unterschiedlichen Entwicklungsstufen der Summit School.

Der Summit Marketplace wurde mit Ecwid erstellt

Wie Sie vielleicht bereits wissen, stellt Ecwid allen Benutzern eine Instant Site zur Verfügung, a kostenlose E-Commerce-Website mit eingebaut Online-Shop. Es gibt verschiedene Vorlagen für Instant Sites, die auf unterschiedliche Nischen zugeschnitten sind.

Die Erstellung einer barrierefreien Website für die Summit School hat uns dazu inspiriert, eine neue Instant Site-Vorlage zu erstellen.

Wie oben erwähnt, war Ecwid bereits ADA-konform und alle Kästchen für die WCAG angekreuzt. Also, was genau haben wir uns dieses Mal vorgenommen?

Bei barrierefreien Websites gilt Folgendes: Die Integration von Barrierefreiheitsfunktionen geht manchmal mit Einbußen bei der Ästhetik der Website einher. Beispielsweise kann es eine Herausforderung sein, Farbe, Kontrast und Schriftgröße in Einklang zu bringen.

Außerdem können WCAG-Tests manchmal gemischte Ergebnisse liefern, wie im folgenden Beispiel. Eine Schaltfläche mit schwarzem Text gilt als bestanden, doch in Wirklichkeit ist sie schwieriger zu lesen als dieselbe Schaltfläche mit weißem Text.

WCAG-Tests können gelegentlich zu ungenauen Ergebnissen führen

Das bloße Befolgen von Richtlinien reicht nicht aus. Unser Ziel war es, eine Vorlage zu entwickeln, die nicht nur zugänglich, sondern auch optisch ansprechend ist und eine einfache Navigation gewährleistet, ohne die Ästhetik der Website zu beeinträchtigen. Wir vertreten die Idee, dass Barrierefreiheit auch Schönheit verkörpern sollte.

Gleichzeitig sind wir davon überzeugt, dass die Zugänglichkeit nicht zugunsten der Ästhetik geopfert werden sollte. Unsere Vorlage beweist, dass es möglich ist, sowohl eine barrierefreie als auch optisch ansprechende Website zu haben.

Alles auf der Website, von der Textgröße bis hin zur Benutzerfreundlichkeit, funktioniert für jeden. Mittlerweile ist es eine unserer beliebtesten Online-Shop-Vorlagen unter allen Vorlagen für Instant Sites!

Eine unserer beliebtesten Instant Site-Vorlagen

Übrigens ist die E-Commerce-Plattform Ecwid nicht nur für Kunden, sondern auch für Verkäufer zugänglich. Der Ecwid-Administrator, in dem Sie Ihren Online-Shop verwalten, ist ebenfalls auf Barrierefreiheit ausgelegt. Dies erleichtert Unternehmern mit Behinderungen den effizienten Betrieb ihrer Online-Shops.

Hier ist, was ein Ecwid-Verkäufer, der zufällig sehbehindert ist, über den Betrieb seines Ecwid-Shops berichtete:

„Ich möchte mich ganz herzlich bei Ihnen für einen tollen Laden bedanken, der auch für sehbehinderte Verkäufer bequem zu verwalten ist! Und nicht nur die Website, sondern auch die App steht Ihnen zur Verfügung, was nicht immer der Fall ist!“

Wie Ecwid dafür sorgte, dass die Instant-Site-Vorlage zugänglich ist

Bei Barrierefreiheit geht es nicht nur um die Einhaltung von Standards – es geht darum, dass echte Menschen beim Umgang mit Online-Inhalten auf keine Hindernisse stoßen. Wie hat Ecwid das erreicht?

Vorlage für hohen Kontrast: Visuelle Klarheit hatte Priorität, damit Benutzer mit eingeschränktem Sehvermögen den Text und andere Elemente schnell erkennen können.
Prominenter Fokus auf die Ladenfront: Das Layout wurde so strukturiert, dass die Produkte und das Schaufenster ohne unnötige Ablenkungen oder zusätzliches Scrollen hervorgehoben werden.
Vergrößerte Elemente: Große Bilder und Schriftarten wurden nicht nur aus ästhetischen Gründen verwendet, sondern auch, um Benutzern mit Sehbehinderungen gerecht zu werden.

Es ist wichtig, das zu beachten Alle Instant Site-Vorlagen sind zugänglich. Bei der Gestaltung der betreffenden Vorlage stand die Barrierefreiheit im Vordergrund und sie sollte gleichzeitig elegant und schön gestaltet sein. Letzteres kann schwierig sein, wenn es darum geht, die Barrierefreiheit einer Website sicherzustellen, da es leicht passieren kann, dass Designelemente zugunsten der Funktionalität übersehen werden. Mit unseren Vorlagen konnten wir jedoch beides erreichen.

So machen Sie Ihren Online-Shop zugänglich

Die Implementierung eines barrierefreien Online-Shops mag entmutigend erscheinen, ist es aber nicht. Es beginnt mit der Auswahl einer barrierefreien Website-Vorlage, wie etwa einer der Instant-Site-Vorlagen von Ecwid.

Hier sind einige zusätzliche Tipps, um Ihren Online-Shop zugänglicher zu machen:

Geben Sie beschreibenden Alternativtext für Bilder an: Für Benutzer mit Sehbehinderungen beschreibt der Alternativtext das Bild.
Fügen Sie Tastaturnavigation und Verknüpfungen hinzu: Dadurch können Personen, die keine Maus verwenden können, mithilfe der Tastatur auf Ihrer Website navigieren.
Wählen Sie die Farben sorgfältig aus: Vermeiden Sie die alleinige Verwendung von Farben zur Informationsvermittlung, da manche Personen möglicherweise Schwierigkeiten haben, bestimmte Farben zu unterscheiden.
Barrierefreien Modus ankündigen: Informieren Sie Ihre Kunden darüber, dass Ihr Geschäft einen barrierefreien Modus unterstützt.

Durch die Wahl von Ecwids vorgefertigt Vorlagen beginnen Sie mit einer zugänglichen Basis. Anpassungen sind willkommen, achten Sie jedoch darauf, dass die Zugänglichkeit erhalten bleibt.

Wenn Sie eine Website von Grund auf erstellen, ist es wichtig, die Zugänglichkeit für alle Benutzer zu berücksichtigen. Dies bedeutet, dass Sie mit einer zugänglichen Grundlinie beginnen und dabei Vorlagen oder Richtlinien wie WCAG, ADA oder gleichwertige Standards verwenden.

Aber über diese Richtlinien hinaus ist es auch wichtig, die spezifischen Bedürfnisse Ihres Kundenstamms zu verstehen.

Wenn sich Ihre Produkte beispielsweise an Personen mit Farbenblindheit richten, sollte der Schwerpunkt auf einem starken Kontrast zwischen Schaltflächenfarben und Text liegen, um die Navigation und den Kauf zu erleichtern.

Die Bilder unten zeigen, warum Online-Shops, die sich an solche Käufer richten, einen starken Kontrast zwischen Schaltflächenfarben und Text benötigen, um Optionen unterscheiden und Einkäufe tätigen zu können.

So sehen die meisten Menschen Farben

So sehen Menschen mit Protanopie (einer Form der Farbenblindheit) Farben

Auch wenn Ihre Zielgruppe Personen mit eingeschränkter Mobilität umfasst, kann die Gewährleistung einer einfachen Navigation über Sprachbefehle ihr Surferlebnis erheblich verbessern.

Überprüfen Sie Ihre Website regelmäßig mit Tools wie Google Lighthouse, um zu sehen, wie zugänglich Ihr Shop ist. Die kontinuierliche Bewertung und Verbesserung von Dingen ist entscheidend für die Schaffung eines einladenden Online-Bereichs für alle.

Einpacken

Die zugängliche E-Commerce-Plattform von Ecwid ist mehr als nur ein Gewinn für ein Produkt; Es geht darum, E-Commerce für alle einfach zu machen. Ecwid hilft Online-Shop-Besitzern, das Beste aus ihrem Geschäft herauszuholen. Noch wichtiger ist, dass dadurch jedem Kunden ein reibungsloses Einkaufserlebnis ermöglicht wird, unabhängig von seinen Fähigkeiten.

Denken Sie daran, dass es bei barrierefreiem Design nicht nur um Compliance geht – es geht darum, einen integrativen und einladenden Online-Bereich für alle zu schaffen. Zögern Sie also nicht, die Initiative zu ergreifen und Ihre Website zugänglicher zu machen! Lassen Sie uns auf eine digitale Welt hinarbeiten, die wirklich offen und integrativ für alle ist.

Über den Autor

Anastasia Prokofieva ist Content Writer bei Ecwid. Sie schreibt über Online-Marketing und Werbung, um den Alltag von Unternehmern einfacher und lohnender zu gestalten. Außerdem hat sie eine Schwäche für Katzen, Schokolade und die Herstellung von Kombucha zu Hause.