Sprache wählen

×

Barrierefreies Shopsystem

BarrierefreieOnline-Shops und Websites

Was bedeutet eigentlich "barrierefreies Internet"?

Das Ziel einer barrierefreien Website ist es, dass Menschen mit Sehbehinderungen (auch blinde Menschen), Hörbehinderungen, motorischen Einschränkungen, kognitiven Beeinträchtigungen oder anderen Einschränkungen die Inhalte und Funktionen der Website problemlos verwenden können. Der internationale Standard für barrierefreie Webinhalte wird durch die „Web Content Accessibility Guidelines“ (WCAG) definiert, wobei WCAG 2.2 – AA als gesetzlicher Mindeststandard für die Erfüllung der neuen EU-Richtlinie gilt. Dieser Standard wird ab 2025 unter bestimmten Voraussetzungen verpflichtend für Online-Shops und auch Websites, die Anfragen für Produkte und Dienstleistungen ermöglichen. Das bedeutet, dass du schon jetzt Barrierefreiheit bei deinen Projekten berücksichtigen solltest, damit du nicht in naher Zukunft Probleme bei der Umstellung bzw. Anpassung bekommst – es drohen Strafen bis zu 80.000 Euro!

Smarda wurde als weltweit erstes Shop­system mit dem Silber-Zertifikat von TÜV Trust IT ausgezeichnet!

Bevor die erste Zeile Code für Smarda geschrieben wurde, war bereits festgelegt, dass Smarda-Shops nativ barrierefrei sein sollten. Deshalb stehen dir beim Aufbau alle essenziellen Funktionen für Barrierefreiheit wie Screenreader-Tauglichkeit oder Tastatursteuerung standardmäßig zur Verfügung. Als einziges Shop- und Websitesystem haben wir daher unser System anhand eines unserer Shop-Templates einer Prüfung durch die offizielle Zertifizierungsstelle WACA und den TÜV Trust IT zur Prüfung unterzogen: Wir wurden bereits 2024 als weltweit erstes Shopsystem mit dem Silber-Zertifikat für den neuesten Barrierefreiheit-Standard WCAG 2.2 – AA ausgezeichnet. Barrierefreiheit ist bei Smarda kein Buzzword, es ist für uns ein verbindlicher Auftrag.

Astronaut präsentiert das Barrierefrei-Zertifikat von TÜV Trust IT.

Smarda Barrierefreiheit

Barriere­freiheit technisch nativ integriert

Um die Richtlinien für den Standard WCAG 2.2 – AA einhalten zu können, muss ein komplexes Regelwerk berücksichtigt werden, das du einsehen kannst. Dabei handelt es sich um technische und inhaltlich-gestalterische Aspekte. Die Einhaltung dieser Richtlinien ist durch das Barrierefreiheitsstärkungsgesetz (BFSG) gesetzlich vorgeschrieben. Ein barrierefreier Onlineshop von Smarda deckt die technischen Funktionen für Barrierefreiheit standardmäßig ab. Du musst dafür keine eigenen Plugins installieren oder irgendetwas speziell programmieren. In Summe ist es ein sehr komplexes Regelwerk, das berücksichtigt werden sollte. Dieses betrifft unter anderem folgende Funktionen:

Screenshot Headline, die durch den Kontrastschalter einen dunklen Hintergrund erhält.
Kontrast­schalter für Texte bei Slidern und Bannern
Screenshot von der Fokussierung bei einem Formularfeld
Fokussierung bei allen Formular­feldern
Screenshot von der Tastatursteuerung mit dem Button Zur Navigation springen
Barrierefreie Struktur für die Tastatur­steuerung
Screenshot von automatisch generierten Sitemap
Navigation mittels automatisch generierter Sitemap und Suchfunktion
Screenshot von einem alternativen Textfeld bei einem Bild
Alternative Textfelder für alle Bilder und Video-Contents
Screenshot von der Textauszeichnung einer Abkürzung
Viele Optionen für barrierefreie Text­auszeichnungen
Screenshot von der Fokussierung eines Produkts für die Tastatursteuerung
Deutliche Fokussierung der Elemente für die Tastatur­steuerung
Screenshot von einer Screenreader-optimierten Fehlermeldung in einem Formular
Screenreader-optimierte Fehler­meldungen
Screenshot von einer automatischen Beschriftung eines Pfeils
Beschriftung aller Steuerungs­elemente für Screenreader

Redaktionelle und gestalterische Vorgaben

Ziel von Barrierefreiheit im Internet ist es, die digitale Teilhabe für Menschen mit körperlichen oder geistigen Einschränkungen zu ermöglichen. Dies betrifft neben der Unterstützung von Screenreadern und Tastatursteuerung vor allem auch gestalterische und inhaltliche Aspekte – z. B. klare Navigationsführung, Alt-Texte für Bilder, transkribierte oder untertitelte Videos sowie ausreichende Farbkontraste und Schriftgrößen für sehschwache User. Ein barrierefreier Onlineshop berücksichtigt all diese Punkte. Denn die reine systemische Unterstützung reicht nicht aus, um Websites und Shops vollständig barrierefrei zu machen. Smarda stellt nativ und standardmäßig alle Funktionen und Gestaltungsmöglichkeiten bereit, um alle Richtlinien erfüllen zu können. Das ist einzigartig!

Du kannst deine Websites und Shops mit verschiedensten Tools auf Barrierefreiheit testen wie z. B.:

Unser barrierefreies Shopsystem wurde international ausgezeichnet

Als im August 2024 der neueste Standard WCAG 2.2 – AA als gesetzliche Vorgabe für barrierefreie Websites und Online-Shops definiert wurde, haben wir unser Cloud-System sofort prüfen und zertifizieren lassen. Unsere Shopsystem-App wurde bei den Summit International Awards in Portland (USA) mit dem Leader Award ausgezeichnet!

Natürlich haben wir auch unsere eigene Website smarda.com mit Smarda erstellt. Alle Seiten und Funktionen greifen somit automatisch auf die barrierefreien Systeme von Smarda zu!

SIA – Summit International Awards Logo