Zur Umsetzung der gesetzlichen Anforderungen an die digitale Barrierefreiheit ab dem 28. Juni 2025 wurde der Webshop um einen barrierefreien Modus erweitert. Dieser umfasst ein barrierefreies User Interface, Optionen zur Kontrast- und Schriftgrößenanpassung, vollständige Tastaturnavigation sowie Alternativtexte für Bilder. Die Umsetzung orientiert sich an den Vorgaben des Barrierefreiheitsstärkungsgesetzes (BFSG) sowie an den Richtlinien der WCAG 2.1 (Konformitätsstufe AA).
Barrierefreier Webshop-Modus zur Einhaltung des BFSG
Im Zuge der Umsetzung der gesetzlichen Vorgaben zur Barrierefreiheit digitaler Angebote gemäß dem Barrierefreiheitsstärkungsgesetz (BFSG) und der zugrunde liegenden EU-Richtlinie (European Accessibility Act, EAA) wurde der Hypersoft-Webshop um einen umfassenden barrierefreien Modus ergänzt.
Ziel und Bedeutung
Diese Maßnahmen sind ein integraler Bestandteil zur Sicherstellung der digitalen Zugänglichkeit im Sinne des BFSG. Sie unterstützen eine gleichberechtigte Nutzung für Menschen mit Einschränkungen und erfüllen die gesetzlichen Mindestanforderungen für barrierefreie Webangebote ab Juni 2025. Ziel ist auch die Erfüllung der Anforderungen nach WCAG 2.1, Konformitätsstufe AA, die ab dem 28. Juni 2025 verbindlich gelten. Die folgenden Maßnahmen wurden wie folgt umgesetzt:
Neuer Menüpunkt im Footer: „Barrierefrei“
Ein zusätzlicher Menüpunkt im Footer ermöglicht den direkten Zugang zu einem Konfigurationsdialog für barrierefreie Einstellungen. User können dort individuelle Anpassungen vornehmen.
Skalierbare Schriftgrößen
Zur Verbesserung der Lesbarkeit ist die Schriftgröße anpassbar. Die minimale Schriftgröße beträgt 16 px und basiert auf einer skalierbaren Root-Fontsize via CSS-Klasse. Dies gewährleistet durchgängige Konsistenz im responsiven Design.
Kontrastoptimierte Darstellungen
Es stehen sowohl für helle als auch für dunkle Themes kontraststarke Varianten zur Verfügung. Diese erfüllen ein Mindestkontrastverhältnis von 4.5:1 für Texte gemäß WCAG AA. Technisch erfolgt die Umsetzung über CSS Custom Properties mit dynamischer Farbzuweisung.
Tastaturbedienbarkeit der Oberfläche
Alle interaktiven Elemente im Webshop sind vollständig über die Tastatur bedienbar. Dafür sind tabindex, role-Attribute sowie weitere ARIA-Merkmale korrekt implementiert. Dies unterstützt sowohl Screenreader als auch User, die ohne Maus navigieren.
Automatische Alternativtexte für Bilder
Bilder ohne hinterlegten Alternativ-Text erhalten automatisch eine generische, barrierefreie Beschreibung. Falls ein spezifischer Alternativtext verfügbar ist, wird dieser priorisiert verwendet.
Barrierefreiheitserklärung im Webshop
Zurück zum übergeordneten Thema: eSolution Webshops