Barrierefreiheit

Geltungsbereich

Diese Erklärung gilt für na-bremen.de inkl. aller Unterseiten. Es existiert keine eigene App.

1. Zielsetzung

Ziel war die technische und gestalterische Optimierung der Website na-bremen.de im Hinblick auf Barrierefreiheit gemäß WCAG 2.1 und BITV 2.0. Der Schwerpunkt lag auf der Verbesserung von Bedienbarkeit, Semantik, Kontrast, Zugänglichkeit und Konsistenz.

2. Technische Maßnahmen

2.1 Struktur und Semantik

  • Anpassung der Überschriftenhierarchie: Sidebar- und Footer-Widget-Titel von h5/h4 auf h3 umgestellt (functions.php-Anpassung).
    Einheitliche semantische Struktur:
    h1 = Seitentitel, h2 = Inhaltsabschnitte, h3 = Nebeninhalte (Sidebar & Footer).
  • Ergänzung fehlender Überschriften (h3) in automatisch generierten aside-Elementen (z. B. Betterplace-Widget, Bremer Bürgerhäuser) über JavaScript.
  • Prüfung der Heading-Order und semantischen Landmarken:
    main, aside, footer → korrekt ausgezeichnet.

2.2 Navigation und Bedienelemente

  • Leerlink-Probleme behoben:
    • To-Top-Button: Textinhalt ergänzt, Tastatursteuerung korrigiert.
    • Such- und Menü-Buttons: mit aria-label versehen.
  • Slider-Steuerung (Gutenslider): Pfeil-Buttons mit aria-label und Tastatursteuerung ausgestattet.
  • Einheitliche Lösung für interaktive Karten/Beiträge:
    • Archiv- und FlexPost-Blöcke so angepasst, dass jeweils nur ein Link pro Karte existiert.
    • JavaScript und CSS für barrierefreies Click- und Fokusverhalten ergänzt.

2.3 Formulare (Contact Form 7)

  • Ergänzung von label-Zuordnungen für Checkboxen und Eingabefelder.
  • Eindeutige Beschriftungen für Pflichtfelder und erklärende Texte.
  • Spamschutz-Fragen visuell und semantisch angepasst.
  • Datenschutz-Checkbox klar gekennzeichnet und korrekt mit label versehen.

3. Gestalterische und kontrastbezogene Maßnahmen

3.1 Farbkonzept und Kontrast

  • Überprüfung der CI-Farben #03288B, #31974F, #87BB3C nach WCAG AA.
  • Anpassungen:
    • Standard-Linkfarbe: #03288B
    • Hover-Farbe: #295CD1 (optimierter Kontrast, CI-konform)
  • Textfarbe rgb(65, 71, 86) auf Weiß geprüft – ausreichend kontrastreich.
  • Links auf dunklem Hintergrund: weiß unterstrichen, Hover-Farbe #A6D658.
  • Einheitliche Fokuszustände für Tastaturbedienung eingeführt.

3.2 Gestaltungskonsistenz

  • Einheitliche Hover- und Fokuszustände für Textlinks, Buttons und Karten.
  • Unterstreichungen bei negativen Darstellungen zur Verbesserung der Wahrnehmbarkeit.
  • Ergänzende Fokusrahmen (:focus-visible) für Tastaturbedienung.

3.3 CI-Grafiken und eingebettete Bilder

  • Das Logo und das Newsletter-Bild enthalten Farbflächen in den offiziellen CI-Farben (#87BB3C und Weiß).Diese Kombination unterschreitet bei WCAG-Prüfung den geforderten Kontrastwert.
  • Eine Änderung der Farben ist aus gestalterischen Gründen nicht vorgesehen. Die Elemente gelten als visuelle Markenbestandteile, nicht als essentielle Information.
  • Der Text „Nachbarschaftshaus Bremen e.V.“ ist zusätzlich maschinenlesbar vorhanden.
  • Hinweis dokumentiert:
    „CI-konformes Logo und Bild; Kontrastabweichung visuell kompensiert, textliche Alternativen vorhanden.“

4. Inhaltliche und redaktionelle Maßnahmen

  • Prüfung der Accessible Names und Descriptions: ausreichend vorhanden, keine zusätzlichen aria-describedby-Attribute erforderlich.
  • Analyse mit WAVE, AccessibilityChecker und axe DevTools; dokumentierte „False Positives“ werden begründet ignoriert.
  • Erstellung einer Prüfliste zu Alt-Attributen mittels Screaming Frog und Browser-Konsole.

5. Nicht beeinflussbare Fremdkomponenten

  • Betterplace-Widget: eingebettetes iFrame mit eigener Stil- und Buttonstruktur. Kontrastprobleme dokumentiert, Anpassung über externen Code nicht möglich.
  • EWWW Optimizer und Lazyload-Skripte: <noscript>-Anweisungen korrekt; keine weiteren Maßnahmen erforderlich.

Stand der Vereinbarkeit

Alle relevanten Barrierefreiheitsmaßnahmen wurden umgesetzt oder dokumentiert. Die Website erfüllt die zentralen Anforderungen der WCAG 2.1 AA:

  • Klare semantische Struktur
  • Tastaturbedienbarkeit
  • Farb- und Kontrastkonformität
  • Alternative Texte und Labels
  • Einheitliche Navigationslogik


Verbleibende Hinweise (nicht als Fehler zu werten):

  • Automatische Heading-Order-Warnungen in Footer/Aside-Bereichen (semantisch korrekt)
  • Externe Widgets (Betterplace) außerhalb des Einflussbereichs
  • 400 %-Zoom-Test: Alle Inhalte bleiben vollständig lesbar und im sichtbaren Bereich; keine horizontale Scrollbewegung erforderlich.

Erstellungs- und Aktualisierungsdatum

Erstellt zwischen 24.10.2025 – 10.11.2025. Weitere Überprüfung nach Barrieren kontinuierlich. Nächste Aktualisierung binnen 12 Monaten oder nach größeren Änderungen.

Auffindbarkeit und Format

Diese Erklärung ist als barrierefreie HTML-Seite veröffentlicht und von jeder Seite über den Footer-Link „Barrierefreiheit“ erreichbar. Auf Wunsch stellen wir zusätzlich maschinenlesbare Formate bereit.

Anfahrt

Ein ausgewiesener Behindertenparkplatz befindet sich in ca. 230 m Entfernung in der Gröpelinger Heerstraße 188.

Nächste Haltestelle: Lindenhofstraße
Linie(n): 2, 10, 82 (Bus, Straßenbahn)
Die Haltestelle befindet sich am Gehweg. Die entgegengesetzte Haltestelle liegt versetzt. Die Einrichtung ist etwa 200 Meter entfernt.

Details zur Örtlichkeit und Wegbeschreibung

Informationen zu der Barrierefreiheit im Nachbarschaftshaus Bremen e.V. finden sie hier:
Weitere detaillierte Informationen zur Barrierefreiheit des Nachbarschaftshauses finden Sie hier: „Bremen Barrierefrei“

Feedback

Sie haben Barrieren entdeckt oder benötigen Informationen in einem anderen Format?

  • E-Mail: nachbarschaftshaus@web.de
  • Telefon: 0421 / 69 145 80
  • Post: Nachbarschaftshaus Bremen e. V., Beim Ohlenhof 10, 28239 Bremen
  • Online-Kontaktformular: „Kontakt“. Wir antworten zeitnah.

Durchsetzungsverfahren (Schlichtung)

Sollten Sie innerhalb eines angemessenen Zeitraums keine zufriedenstellende Rückmeldung erhalten, können Sie sich an die Schlichtungsstelle der Freien Hansestadt Bremen wenden:
Schlichtungsstelle nach dem BremBGG, Am Markt 20, 28195 Bremen, Tel. +49 421 361-18182, E-Mail: schlichtungsstelle@lbb.bremen.de. Weitere Informationen auf der Website der Schlichtungsstelle: https://www.behindertenbeauftragter.bremen.de/der-beauftragte/schlichtungsstelle-der-freien-hansestadt-bremen-31675?