Erklärung zur Barrierefreiheit
Erfüllung der Anforderungen des Gesetzes Nr. 424/2023 Slg. über die Barrierefreiheit
Diese Seite fasst zusammen, wie unser Online-Shop/unsere Website die Anforderungen des Gesetzes Nr. 424/2023 Slg. über die Barrierefreiheit von Internetseiten und mobilen Anwendungen erfüllt. Das Gesetz basiert auf der EU-Richtlinie 2019/882 und legt fest, dass digitale Dienste für alle Nutzer zugänglich sein müssen, einschließlich Menschen mit Behinderungen.
Gesetzliche Anforderungen und unsere Umsetzung
- Digitale Dienste müssen für alle Nutzer, einschließlich Menschen mit Behinderungen, zugänglich sein.
- Das Gesetz legt keine konkreten technischen Anforderungen fest, ermöglicht aber den Nachweis der Barrierefreiheit durch eine sogenannte harmonisierte Norm.
- Gemäß § 16 des Gesetzes Nr. 424/2023 Slg. gilt die gesetzliche Verpflichtung als erfüllt, wenn der Dienst mit einer harmonisierten Norm oder einem Teil davon übereinstimmt.
- Zum Nachweis unserer Umsetzung verwenden wir die Norm EN 301 549 V3.2.1:2021 sowie die WCAG 2.2 auf Stufe AA. Diese Normen definieren konkrete Kriterien der Barrierefreiheit sowie Methoden zur Überprüfung.
Erfüllung der Anforderungen gemäß harmonisierter Norm
Nachfolgend listen wir die konkreten Maßnahmen auf, mit denen wir die Anforderungen dieser Normen erfüllen:
- Die Website ist wahrnehmbar, bedienbar, verständlich und robust gemäß den WCAG-2.2-Grundsätzen.
- Alle Funktionen der Website sind auch ausschließlich über die Tastatur nutzbar.
- Kompatibilität mit assistiven Technologien ist sichergestellt.
- Alle Bilder verfügen über sinnvolle Textalternativen (alt-Attribut).
- Farben und Kontrast sind so gestaltet, dass sie auch für sehbehinderte Personen gut lesbar sind.
- Die Website bleibt auch bei 200% Textvergrößerung lesbar und bedienbar.
- Formulare enthalten korrekt zugeordnete Beschriftungen und sind mit Screenreadern zugänglich.
- Die Seitenstruktur ist logisch, Überschriften und Navigation sind verständlich und hierarchisch organisiert.
- Die gesamte Website ist mit der richtigen Seiten-Sprache gekennzeichnet.
- Die Inhalte sind auf allen Gerätetypen (PC, Mobilgerät, Tablet) verfügbar.
- Die Website wird regelmäßig getestet – mit automatisierten und manuellen Tools, einschließlich Tests mit Screenreadern.
- Auf Anfrage stellen wir Informationen zur Barrierefreiheit auch in Audioform zur Verfügung.
Übersicht der Einhaltung einzelner Barrierefreiheitsanforderungen nach EN 301 549 / WCAG 2.2:
| Anforderung | Definition der Anforderung | Verwendete Technologien und Werkzeuge zur Einhaltung | Nachweis der Einhaltung |
| Tastaturzugänglichkeit (WCAG 2.2 - 2.1 / EN 301 549 - 9.2.1) |
Alle Funktionen der Website sind nur mit Tastatur bedienbar. | HTML, tabindex, ARIA | Manuelle Tests mit Tastatursteuerung |
| Kompatibilität mit assistiven Technologien (WCAG 2.2 - 4.1.2 / EN 301 549 - 9.4.1) |
Elemente sind korrekt beschrieben und lesbar für Screenreader. | Semantisches HTML, ARIA, Alt-Texte | Getestete Screenreader: NVDA, JAWS, VoiceOver, TalkBack |
| Textalternativen (WCAG 2.2 - 1.1.1 / EN 301 549 - 9.1.1) |
Bilder haben sinnvolle Alt-Texte, dekorative mit alt="" | HTML5 | Manuelle Prüfung, WAVE-Tool |
| Ausreichender Kontrast (WCAG 2.2 - 1.4.3 / EN 301 549 - 9.1.4.3) |
Farbkontrast mindestens 4,5:1 | CSS, WebAIM Contrast Checker | Lighthouse, WAVE, manuelle Tests |
| Textvergrößerung (WCAG 2.2 - 1.4.4 / EN 301 549 - 9.1.4.4) |
Inhalte bleiben bei 200% Zoom lesbar und funktional | Responsives CSS | Manuelle Tests in Browsern |
| Barrierefreie Formulare (WCAG 2.2 - 3.3.2 / EN 301 549 - 9.2.5) |
Labels, logische Struktur, lesbare Fehlermeldungen | HTML5, ARIA | Manuelle Tests, NVDA, VoiceOver |
| Logische Inhaltsstruktur (WCAG 2.2 - 1.3.1 / EN 301 549 - 9.1.3) |
Semantische HTML-Struktur, Überschriften, Reihenfolge | Semantisches HTML | Validator, manuelle Prüfung |
| Sprachangabe der Seite (WCAG 2.2 - 3.1.1 / EN 301 549 - 9.3.1.1) |
Festlegung der Hauptsprache mit dem lang-Attribut | HTML5 lang-Attribut | Manuelle Prüfung des HTML-Codes |
| Sichtbarer Fokus (WCAG 2.2 - 2.4.7 / EN 301 549 - 9.2.4.7) |
Fokus muss sichtbar und nicht verdeckt sein | CSS, ARIA | Manuelle Tests mit Tastatur |
| Fokus-Stil (WCAG 2.2 - 2.4.11 / EN 301 549 - 9.2.4.7) |
Fokus muss deutlich erkennbar sein (z. B. Rahmen, Farbwechsel) | CSS | Manuelle Tests mit Tastatur |
| Bedienung ohne Ziehen (WCAG 2.2 - 2.5.7 / EN 301 549 - 9.2.5.4) |
Interaktionen benötigen kein Drag & Drop – Alternative durch Klick | JS-Fallback oder Button-Alternative | Keine Kernfunktion verwendet Drag & Drop |
| Mindestzielgröße (WCAG 2.2 - 2.5.8 / EN 301 549 - 9.5) |
Schaltflächen mindestens 24×24 Pixel | CSS | Tests auf verschiedenen Gerätetypen |
| Responsives Design (basierend auf WCAG 2.2 - 2.5.8, 1.4.4) |
Website ist auf allen Geräten nutzbar und übersichtlich | Responsives CSS | Tests auf unterschiedlichen Geräten |
| Konsistenz (WCAG 2.2 - 3.2.6 / EN 301 549 - 9.3.2.3) |
Hilfen, Navigation, Kontakt-Elemente sind auf allen Seiten gleich zugänglich | Navigation, Links | Manuelle Überprüfung auf allen Seiten |