Barrierefreiheitserklärung

Die Alzheimer Gesellschaft Niedersachsen e.V. – Selbsthilfe Demenz ist bestrebt, ihre Website im Einklang mit dem Barrierefreiheitsstärkungsgesetz (BFSG) und den Web Content Accessibility Guidelines (WCAG) 2.1 Level AA barrierefrei zugänglich zu machen.

Stand der Umsetzung

Diese Erklärung wurde am 7. Dezember 2025 erstellt

Unsere Website www.alzheimer-niedersachsen.de ist mit den Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG) und den Web Content Accessibility Guidelines (WCAG) 2.1 auf Konformitätsstufe AA weitgehend vereinbar.

Durchgeführte Maßnahmen zur Barrierefreiheit

Die Alzheimer Gesellschaft Niedersachsen e.V. hat umfassende Anpassungen vorgenommen, um allen Nutzerinnen und Nutzern einen gleichberechtigten Zugang zu Informationen und Funktionen zu ermöglichen.

1. Semantische Struktur und Überschriften-Hierarchie

Alle Seiten der Website wurden mit einer logischen und barrierefreien Überschriften-Struktur (H1-H6) ausgestattet:

Umgesetzte Seiten:

• Startseite
• Mitmachen (Spenden, Ehrenamt, Mitgliedschaft)
• Über uns (Vorstand, Geschäftsstelle, Mission)
• Leben mit Demenz (Aufklärung, Umgang, Vermittlung)
• Aktuelles (Veranstaltungen und Neuigkeiten)
• Projekte (App Auguste, Krankenhausprojekt, Nationale Demenzstrategie)
• Downloads & Publikationen
• Demenzrechner
• Kontakt
• Impressum
• Datenschutz

Barrierefreiheitsnutzen:

• Screenreader-Nutzer können die Seitenstruktur über Überschriften navigieren
• Logische Hierarchie ermöglicht das Überspringen von Abschnitten
• Klare thematische Gruppierung aller Inhalte

WCAG-Konformität: Erfüllt Kriterium 1.3.1 (Info und Beziehungen) und 2.4.6 (Überschriften und Beschriftungen)

2. Semantische Regionen (ARIA Landmarks)

Alle Bereiche der Website wurden mit semantischen HTML5-Elementen und ARIA-Landmarks ausgezeichnet:

Umgesetzte Bereiche:

• Header-Bereich (<header> / role="banner")
• Hauptnavigation (<nav> / role="navigation")
• Hauptinhalt (<main> / role="main")
• Footer-Bereich (<footer> / role="contentinfo")

Barrierefreiheitsnutzen:

• Screenreader können direkt zu wichtigen Bereichen springen
• Effiziente Navigation durch die Seitenstruktur
• Klare programmatische Abgrenzung der Inhaltsbereiche

WCAG-Konformität: Erfüllt Kriterium 1.3.1 (Info und Beziehungen)

3. Skip-Link (Sprungmarke zum Hauptinhalt)

Ein Skip-Link wurde als erstes fokussierbares Element implementiert:

Technische Umsetzung:

• Visuell verborgen bis zur Tastaturfokussierung
• Erscheint bei erster Tab-Betätigung
• Verweist auf Anker #main am Beginn jeder Seite
• Ermöglicht das Überspringen wiederkehrender Navigationselemente

Barrierefreiheitsnutzen:

• Tastatur-Nutzer müssen nicht durch die gesamte Navigation navigieren
• Direkter Zugriff auf den Hauptinhalt
• Zeitersparnis bei der Navigation

WCAG-Konformität: Erfüllt Kriterium 2.4.1 (Blöcke umgehen)

4. Vollständige Tastaturzugänglichkeit

Die gesamte Website wurde auf vollständige Tastaturzugänglichkeit optimiert:

Umgesetzte Maßnahmen:

• Alle Menüpunkte sind per Tab-Taste erreichbar
• Buttons und Links sind mit Enter/Leertaste auslösbar
• Formularfelder (z.B. Demenzrechner) sind vollständig bedienbar
• Logische Tab-Reihenfolge entspricht der visuellen Anordnung
• Keine Tastaturfallen oder unzugänglichen Bereiche

Barrierefreiheitsnutzen:

• Vollständige Navigation ohne Maus möglich
• Unabhängigkeit von Zeigegeräten
• Zugänglichkeit für motorisch eingeschränkte Nutzer

WCAG-Konformität: Erfüllt Kriterium 2.1.1 (Tastatur) und 2.4.3 (Fokus-Reihenfolge)

5. Sichtbare Fokus-Zustände

Ein hochkontrastierender Fokus-Indikator wurde global implementiert:

Technische Merkmale:

• Deutlich erkennbare Fokus-Rahmen auf allen interaktiven Elementen
• Kontrastreiche Farbgebung (funktioniert auf hellen und dunklen Hintergründen)
• Dynamische Anwendung auf alle Buttons, Links, Formularfelder und Menüpunkte
• Konsistentes Design über alle Seitentypen hinweg

Barrierefreiheitsnutzen:

• Tastatur-Nutzer können jederzeit erkennen, welches Element fokussiert ist
• Verbesserte Orientierung bei der Navigation
• Reduzierung von Bedienfehlern

WCAG-Konformität: Erfüllt Kriterium 2.4.7 (Fokus sichtbar)

6. Optimierung von Farbkontrasten

Alle Textelemente wurden auf ausreichende Farbkontraste überprüft und angepasst:

Statische Textelemente:

• Meta-Daten (Datum/Autor) von Hellgrau (#9d9fad) auf Schwarz (#000000) angepasst
• Kontrastwert verbessert von 2,6:1 auf 21,0:1 (WCAG AAA)

Dynamische Bildhintergründe (Hero-Sektionen): Auf folgenden Seiten wurde die Overlay-Deckkraft auf 70% (0,7) erhöht:

• Über uns
• Leben mit Demenz
• Aktuelles
• Projekte
• Downloads & Publikationen
• Kontakt
• Spendenkonto
• Kontaktformular Ehrenamt

Barrierefreiheitsnutzen:

• Lesbarkeit für sehbehinderte Nutzer deutlich verbessert
• Unabhängigkeit vom Bildmotiv
• Konsistente Zugänglichkeit auf allen Seiten

WCAG-Konformität: Erfüllt Kriterium 1.4.3 (Kontrast Minimum)

7. Barrierefreie Formular-Elemente

Alle Formular-Eingabefelder wurden mit beschreibenden Labels versehen:

Technische Umsetzung:

<label for="email">E-Mail</label>
<input type="text" id="email" name="email">

Barrierefreiheitsnutzen:

• Screenreader können den Zweck von Eingabefeldern eindeutig identifizieren
• Klare Zuordnung von Beschriftung und Eingabefeld
• Verbesserte Bedienbarkeit für alle Nutzer

WCAG-Konformität: Erfüllt Kriterium 3.3.2 (Labels oder Anweisungen)

8. Ersetzung von Title-Attributen durch ARIA-Labels

Title-Attribute wurden von Links, Buttons und Eingabefeldern entfernt und durch barrierefreie ARIA-Labels ersetzt:

Beispiel:

<!-- Vorher -->
<button title="Suche starten">🔍</button>

<!-- Nachher -->
<button aria-label="Suche starten">🔍</button>

Barrierefreiheitsnutzen:

• Standardisierte Ausgabe für assistive Technologien
• Konsistente Interpretation durch Screenreader
• Keine Browser-abhängigen Darstellungsprobleme

WCAG-Konformität: Erfüllt Kriterium 1.3.1 (Info und Beziehungen)

9. Entfernung von target=“_blank“ Attributen

Links öffnen nicht mehr automatisch in neuen Tabs/Fenstern:

Barrierefreiheitsnutzen:

• Keine unerwarteten Kontextänderungen
• Nutzer behalten Kontrolle über die Navigation
• Vermeidung von Orientierungsverlust
• Funktionsfähige Zurück-Navigation

WCAG-Konformität: Erfüllt Kriterium 3.2.5 (Änderung auf Anforderung)

10. Korrektur von Tabindex-Werten

Fehlerhafte oder künstlich gesetzte Tabindex-Werte wurden entfernt:

Durchgeführte Anpassungen:

• Entfernung positiver Tabindex-Werte (1, 2, 3, etc.)
• Wiederherstellung der natürlichen DOM-Reihenfolge
• Gezielte Verwendung von tabindex="0" für nicht-semantische interaktive Elemente

Barrierefreiheitsnutzen:

• Vorhersehbare und intuitive Tastaturnavigation
• Logische Fokus-Reihenfolge
• Keine verwirrenden Sprünge bei Tab-Navigation

WCAG-Konformität: Erfüllt Kriterium 2.4.3 (Fokus-Reihenfolge)

11. Tastaturzugänglichkeit für nicht-semantische Elemente

Nicht-semantische Elemente (div, span), die als Buttons fungieren, wurden tastaturzugänglich gemacht:

Technische Umsetzung:

<div class="button" onclick="openDialog()" 
     tabindex="0" 
     role="button" 
     aria-label="Dialog öffnen">
    Öffnen
</div>

Barrierefreiheitsnutzen:

• Alle interaktiven Elemente per Tastatur erreichbar
• Korrekte Rollenauszeichnung für Screenreader
• Eindeutige Beschriftung durch ARIA-Labels

WCAG-Konformität: Erfüllt Kriterium 2.1.1 (Tastatur) und 4.1.2 (Name, Rolle, Wert)

12. Behandlung externer Links (Social Media)

Für externe Links wurde ein interstitieller Hinweis-Dialog implementiert:

Funktionsweise:

• Warnung vor Verlassen der Website
• Nutzer muss Weiterleitung aktiv bestätigen
• Tastaturzugänglicher Dialog mit Fokus-Management
• Korrekte ARIA-Auszeichnung

Barrierefreiheitsnutzen:

• Vorhersehbarkeit bei externen Verlinkungen
• Schutz vor unbeabsichtigtem Verlassen der Seite
• Informierte Entscheidung durch Nutzer

WCAG-Konformität: Erfüllt Kriterium 3.2.2 (Bei Eingabe) und 3.2.5 (Änderung auf Anforderung)

13. Optimierung von Grafiken und Bildern

Alle Bilder wurden mit angemessenen Alternativtexten versehen:

Kategorisierung:

Informationsträger:

• Logos: alt="Alzheimer Gesellschaft Niedersachsen e.V. - Zur Startseite"
• Partner-Logos: alt="Logo Die Techniker Krankenkasse"
• Förderhinweise: alt="Gefördert durch: Niedersächsisches Ministerium..."

Dekorative Elemente:

• Hero-Slider: alt=""
• Illustrative Icons: alt=""
• Porträtfotos (Name steht daneben): alt=""

Funktionale Grafiken:

• Download-Vorschaubilder: alt="PDF Herunterladen: 11 Tipps zur besseren Verständigung"

Barrierefreiheitsnutzen:

• Fokussierte Informationsaufnahme ohne überflüssige Beschreibungen
• Transparenz über Förderer und Partnerschaften
• Reduzierung der kognitiven Belastung (Cognitive Load)

WCAG-Konformität: Erfüllt Kriterium 1.1.1 (Nicht-Text-Inhalt)

Zusammenfassung der Barrierefreiheits-Maßnahmen

Erfüllung der WCAG 2.1 Erfolgskriterien

Die durchgeführten Anpassungen adressieren folgende WCAG 2.1 Erfolgskriterien:

Level A:

• 1.1.1 Nicht-Text-Inhalt
• 1.3.1 Info und Beziehungen
• 2.1.1 Tastatur
• 2.4.1 Blöcke umgehen
• 2.4.3 Fokus-Reihenfolge
• 3.3.2 Labels oder Anweisungen
• 4.1.2 Name, Rolle, Wert

Level AA:

• 1.4.3 Kontrast (Minimum)
• 2.4.6 Überschriften und Beschriftungen
• 2.4.7 Fokus sichtbar

Level AAA:

• 3.2.5 Änderung auf Anforderung

Erfüllung der BFSG-Anforderungen

Die Website erfüllt die wesentlichen Anforderungen des Barrierefreiheitsstärkungsgesetzes:

Tastaturzugänglichkeit: Alle interaktiven Elemente sind vollständig per Tastatur bedienbar.

Vorhersehbare Funktionalität: Nutzer behalten die Kontrolle über Navigationsverhalten und Kontextänderungen.

Assistive Technologien: Screenreader und andere Hilfsmittel können alle Elemente korrekt interpretieren und vorlesen.

Formularbarrierefreiheit: Alle Formulareingaben sind eindeutig beschriftet und verständlich.

Farbkontraste: Mindestkontrastverhältnis von 4,5:1 für normalen Text ist gewährleistet.

Semantische Struktur: Logische Gliederung durch Überschriften und Landmarks ermöglicht effiziente Navigation.

Bekannte Einschränkungen

Die Website ist weitgehend barrierefrei gestaltet. Folgende Bereiche werden kontinuierlich weiterentwickelt:

Externe Inhalte:

• Eingebettete Social-Media-Feeds unterliegen den Barrierefreiheits-Standards der jeweiligen Plattformen
• PDF-Dokumente werden sukzessive auf Barrierefreiheit überprüft und optimiert

Multimedia-Inhalte:

• Videos werden nach Möglichkeit mit Untertiteln versehen
• Audioinhalte werden bei Bedarf transkribiert

Google Maps Integration:

• Die Karten-Suche „Hilfe vor Ort“ basiert auf der Google Maps API
• Die Barrierefreiheit richtet sich nach den Google-Standards
• Alternative Kontaktmöglichkeiten stehen zur Verfügung

Methodik der Prüfung

Die Barrierefreiheit wurde durch folgende Maßnahmen sichergestellt:

Technische Prüfung:

• Validierung mit automatisierten Tools (WAVE, axe DevTools)
• Manuelle Code-Review aller HTML-Strukturen
• Test der Tastaturzugänglichkeit auf allen Seiten
• Überprüfung der Farbkontraste mit Color Contrast Analyzer