🚀 Beschleunigen Sie Ihr Wachstum: Entdecken Sie über 30 neue Tools, um in unserem neuen Ecwid Igniter weiterzukommen. → Mehr erfahren
Alles, was Sie für den Online-Verkauf benötigen

Richten Sie in wenigen Minuten einen Onlineshop ein, um auf einer Website, in sozialen Medien oder auf Marktplätzen zu verkaufen.

eine Illustration mit einem Gesicht und einem Auge

Wie Ecwids barrierefreie Online-Shop-Vorlage zum Erfolg wurde

10 min gelesen

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.

Wie man online verkauft
Tipps von e-commerce Experten für Kleinunternehmer und angehende Unternehmer.
Bitte geben Sie eine gültige E-Mail-Adresse ein

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 für einen tollen Shop bedanken, der auch für sehbehinderte Verkäufer bequem zu verwalten ist! Und nicht nur die Website, sondern auch die App steht einem 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.

 

Inhaltsverzeichnis

Online verkaufen

Mit Ecwid Ecommerce können Sie problemlos überall und an jeden verkaufen – über das Internet und auf der ganzen Welt.

Ü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.

E-Commerce, der Sie unterstützt

So einfach zu bedienen – sogar meine technikscheuesten Kunden kommen damit klar. Einfach zu installieren, schnell einzurichten. Lichtjahre voraus im Vergleich zu anderen Shop-Plugins.
Ich bin so beeindruckt, dass ich es meinen Website-Kunden empfohlen habe und es jetzt für meinen eigenen Shop sowie für vier weitere verwende, für die ich Webmaster bin. Wunderschöne Codierung, hervorragender erstklassiger Support, großartige Dokumentation, fantastische Anleitungsvideos. Vielen Dank, Ecwid, ihr seid der Hammer!
Ich habe Ecwid verwendet und bin von der Plattform selbst begeistert. Alles ist so einfach, dass es unglaublich ist. Ich finde es toll, dass man verschiedene Optionen für die Auswahl von Versandunternehmen hat und so viele verschiedene Varianten einbauen kann. Es ist ein ziemlich offenes E-Commerce-Gateway.
Einfach zu bedienen, erschwinglich (und eine kostenlose Option für Anfänger). Sieht professionell aus, viele Vorlagen zur Auswahl. Die App ist meine Lieblingsfunktion, da ich meinen Shop direkt von meinem Telefon aus verwalten kann. Sehr empfehlenswert 👌👍
Mir gefällt, dass Ecwid einfach zu starten und zu verwenden ist. Sogar für eine Person wie mich ohne technischen Hintergrund. Sehr gut geschriebene Hilfeartikel. Und das Support-Team ist meiner Meinung nach das Beste.
Trotz allem, was es zu bieten hat, ist die Einrichtung von ECWID unglaublich einfach. Sehr zu empfehlen! Ich habe viel recherchiert und etwa 3 andere Mitbewerber ausprobiert. Probieren Sie einfach ECWID aus und Sie sind in kürzester Zeit online.

Ihre E-Commerce-Träume beginnen hier

Indem Sie auf „Alle Cookies akzeptieren“ klicken, stimmen Sie der Speicherung von Cookies auf Ihrem Gerät zu, um die Website-Navigation zu verbessern, die Website-Nutzung zu analysieren und unsere Marketingbemühungen zu unterstützen.
Ihre Privatsphäre

Wenn Sie eine Website besuchen, kann diese Informationen über Ihren Browser abrufen oder speichern. Dies geschieht meist in Form von Cookies. Hierbei kann es sich um Informationen über Sie, Ihre Einstellungen oder Ihr Gerät handeln. Meist werden die Informationen verwendet, um die erwartungsgemäße Funktion der Website zu gewährleisten. Durch diese Informationen werden Sie normalerweise nicht direkt identifiziert. Dadurch kann Ihnen aber ein personalisierteres Web-Erlebnis geboten werden. Da wir Ihr Recht auf Datenschutz respektieren, können Sie sich entscheiden, bestimmte Arten von Cookies nicht zulassen. Klicken Sie auf die verschiedenen Kategorieüberschriften, um mehr zu erfahren und unsere Standardeinstellungen zu ändern. Die Blockierung bestimmter Arten von Cookies kann jedoch zu einer beeinträchtigten Erfahrung mit der von uns zur Verfügung gestellten Website und Dienste führen. Weitere Informationen

Mehr Infos

Unbedingt erforderliche Cookies (immer aktiv)
Diese Cookies sind für das Funktionieren der Website erforderlich und können in unseren Systemen nicht ausgeschaltet werden. Sie werden normalerweise nur als Reaktion auf von Ihnen durchgeführte Aktionen festgelegt, die einer Anforderung von Diensten gleichkommen, z. B. das Festlegen Ihrer Datenschutzeinstellungen, das Anmelden oder das Ausfüllen von Formularen. Sie können Ihren Browser so einstellen, dass er Sie über diese Cookies blockiert oder benachrichtigt. Einige Teile der Website funktionieren dann jedoch nicht. Diese Cookies speichern keine personenbezogenen Daten.
Targeting von Cookies
Diese Cookies können von unseren Werbepartnern über unsere Website gesetzt werden. Sie können von diesen Unternehmen verwendet werden, um ein Profil Ihrer Interessen zu erstellen und Ihnen relevante Anzeigen auf anderen Websites zu zeigen. Sie speichern keine direkten persönlichen Informationen, sondern basieren auf der eindeutigen Identifizierung Ihres Browsers und Internetgeräts. Wenn Sie diese Cookies nicht zulassen, wird weniger gezielte Werbung geschaltet.
funktionelle Cookies
Mit diesen Cookies ist die Website in der Lage, erweiterte Funktionalität und Personalisierung bereitzustellen. Sie können von uns oder von Drittanbietern gesetzt werden, deren Dienste wir auf unseren Seiten verwenden. Wenn Sie diese Cookies nicht zulassen, funktionieren einige oder alle dieser Dienste möglicherweise nicht einwandfrei.
Performance-Cookies
Diese Cookies ermöglichen es uns, Besuche und Verkehrsquellen zu zählen, damit wir die Leistung unserer Website messen und verbessern können. Sie unterstützen uns bei der Beantwortung der Fragen, welche Seiten am beliebtesten sind, welche am wenigsten genutzt werden und wie sich Besucher auf der Website bewegen. Alle von diesen Cookies erfassten Informationen werden aggregiert und sind deshalb anonym. Wenn Sie diese Cookies nicht zulassen, können wir nicht wissen, wann Sie unsere Website besucht haben.