Erklärung zur Barrierefreiheit
Die Deutsche Stiftungsagentur GmbH ist bemüht, ihre Website im Einklang mit dem Barrierefreiheitsstärkungsgesetz (BFSG) und den Web Content Accessibility Guidelines (WCAG) 2.1 auf Konformitätsstufe AA barrierefrei zugänglich zu machen.
Stand der Vereinbarkeit mit den Anforderungen
Diese Website ist mit den Anforderungen der harmonisierten europäischen Norm EN 301 549 und den Web Content Accessibility Guidelines (WCAG) 2.1 auf der Konformitätsstufe AA vollständig vereinbar.
Letzte Überprüfung: 05.04.2026
Methodik: Manuelle Prüfung und Code-Analyse gemäß WCAG 2.1
Umgesetzte Maßnahmen zur Barrierefreiheit
Wir haben folgende Maßnahmen ergriffen, um die Barrierefreiheit unserer Website zu gewährleisten:
Tastaturnavigation
- Skip-Links zum Hauptinhalt und zur Navigation (automatischer Fokus auf H1.focus)
- Sichtbare Fokus-Indikatoren für alle interaktiven Elemente (2-3px blauer Rahmen)
- Vollständige Tastaturzugänglichkeit der Navigation
- Dropdown-Menüs: Enter navigiert zur Seite, Leertaste öffnet/schließt
- Geklonte Navbars werden automatisch aus Tab-Flow entfernt
- Offcanvas-Navigation: Fokus-Management basierend auf Sichtbarkeit
- Pfeiltasten-Navigation in Swiper-Slidern (LINKS/RECHTS zwischen Elementen)
- Swiper pausiert automatisch bei Fokus auf Elemente
Dynamische Inhalte
- Swiper-Slider: Versteckte Slides aus Tab-Flow entfernt
- Nur sichtbare Slides und ihre interaktiven Elemente sind fokussierbar
- Pagination-Dots werden aus Tab-Flow entfernt
- Teaser-Slider: Navigation-Buttons aus Tab-Flow entfernt
- Voll-Slider: Next-Button bleibt fokussierbar
- Offcanvas-Elemente werden dynamisch fokussierbar/unfokussierbar
- Dropdown-Status wird mit aria-expanded kommuniziert
- Card-Navigation: Nur ein Link pro Card fokussierbar (Titel-Link)
- PDF-Preview-Links sind immer fokussierbar (auch in versteckten Slides)
- Sanftes Scrollen bei PDF-Preview-Links (Mausklick und Enter)
Bilder & Medien
- Alternative Texte für alle inhaltlichen Bilder
- Dekorative Bilder mit aria-hidden gekennzeichnet
- Responsive Bilder mit srcset für verschiedene Auflösungen
Farbkontraste & Design
- Mindestkontrast 4.5:1 für normalen Text
- Die meisten Kontraste übertreffen AAA-Level (7:1)
- Links sind fett und unterstrichen (zusätzlich zur Farbe)
- Größere Standardschrift (1.25rem = 20px)
Responsive & Zoom
- Vollständig responsive Design (320px bis Desktop)
- 200% Zoom ohne Funktionsverlust möglich
- Touch-Targets mindestens 44x44 Pixel
- Mobile Navigation mit Hamburger-Menü
Semantisches HTML & ARIA
- Korrekte HTML5-Strukturelemente (nav, main, footer)
- ARIA-Labels für Navigation und interaktive Elemente
- Logische Überschriften-Hierarchie (H1-H6)
- Landmarks für Screenreader
Technische Implementierung
Die Barrierefreiheits-Funktionalitäten wurden in modularen JavaScript-Dateien implementiert, um Wartbarkeit und Performance zu gewährleisten:
JavaScript-Module
- bfsg-skip-links.js – Skip-Links mit automatischem Fokus auf H1.focus
- bfsg-offcanvas.js – Offcanvas-Navigation und geklonte Navbars
- bfsg-navigation.js – Dropdown-Tastaturnavigation (Enter/Space)
- bfsg-card-navigation.js – Card-Navigation (nur ein Link pro Card) + Pfeiltasten-Navigation in Swiper-Slidern
- bfsg-swiper-tabindex.js – TabIndex-Management für Swiper-Slides (versteckte Slides aus Tab-Flow entfernt)
- bfsg-swiper-navigation.js – Swiper-Navigation-Buttons (Teaser vs. Voll-Slider)
- bfsg-pdf-links.js – PDF-Preview-Links (immer fokussierbar, sanftes Scrollen)
CSS: bfsg-accessibility.css – Fokus-Indikatoren und
Accessibility-Styles
Nicht barrierefreie Inhalte
Vollständige WCAG 2.1 AA Konformität
Diese Website erfüllt alle Anforderungen der WCAG 2.1 Level AA. Alle 27 Seiten wurden getestet und erreichen 100/100 im Lighthouse Accessibility Score sowie 0 Fehler in axe DevTools.
Kontinuierliche Verbesserung
Wir arbeiten kontinuierlich daran, alle Alt-Texte zu optimieren und inhaltlich relevante Beschreibungen bereitzustellen.
Hinweis: Alle inhaltlich relevanten Bilder haben bereits aussagekräftige
Alt-Texte. Dekorative Bilder sind mit aria-hidden="true" gekennzeichnet.
Barrieren melden: Kontakt zu uns
Sie möchten uns auf bestehende Barrieren aufmerksam machen oder Informationen zur Umsetzung der Barrierefreiheit erfragen?
Für Ihr Feedback sowie alle weiteren Informationen kontaktieren Sie uns gerne:
Deutsche Stiftungsagentur GmbH
Alternativ können Sie uns über unser Kontaktformular erreichen.
Schlichtungsverfahren
Bei nicht zufriedenstellenden Antworten aus oben genannter Kontaktmöglichkeit können Sie sich an die Schlichtungsstelle nach § 16 BGG wenden. Die Schlichtungsstelle BGG hat die Aufgabe, bei Konflikten zum Thema Barrierefreiheit zwischen Menschen mit Behinderungen und öffentlichen Stellen des Bundes eine außergerichtliche Streitbeilegung zu unterstützen.
Weitere Informationen zum Schlichtungsverfahren finden Sie unter: www.schlichtungsstelle-bgg.de
Rechtliche Grundlagen
Diese Erklärung zur Barrierefreiheit wurde auf Grundlage folgender Rechtsvorschriften erstellt:
- Barrierefreiheitsstärkungsgesetz (BFSG) – Gesetz zur Umsetzung der Richtlinie (EU) 2019/882 des Europäischen Parlaments und des Rates über die Barrierefreiheitsanforderungen für Produkte und Dienstleistungen
- WCAG 2.1 – Web Content Accessibility Guidelines (Richtlinien für barrierefreie Webinhalte), Level AA
- EN 301 549 – Europäische Norm für die Barrierefreiheit von IKT-Produkten und -Dienstleistungen
Diese Erklärung wurde erstellt am: 05.04.2026
Letzte Aktualisierung: 01.10.2026
