Dies ist eine DEMO-Website der Werbeagentur Wender Media.| Zu Wender Media| Fragen, Feedback oder Anregungen? Bitte bei Wender Media melden.
DEMO – Wender Media

Stand der Vereinbarkeit mit den Anforderungen

✓ Vollständig konform

Diese Website ist mit den Web Content Accessibility Guidelines (WCAG) 2.1 Level AA vollständig vereinbar.

Die Website wurde von einem unabhängigen Experten überprüft und entspricht den Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG), welches ab dem 28. Juni 2025 für digitale Dienstleistungen verpflichtend ist.

Barrierefreiheitsfunktionen

🎨 Visueller Zugang

  • Hohe Kontrastverhältnisse (WCAG AA: 4.5:1 für Text)
  • Skalierbare Schriftgrößen (bis 200% ohne Funktionsverlust)
  • Klare, lesbare Typografie (Inter Font)
  • Konsistente Farbcodierung
  • Keine rein farbbasierte Informationsvermittlung

⌨️ Tastaturnavigation

  • Vollständige Tastatursteuerung (keine Maus erforderlich)
  • Sichtbare Fokusindikatoren auf allen interaktiven Elementen
  • Logische Tab-Reihenfolge
  • Skip-Links zum Hauptinhalt
  • ESC-Taste zum Schließen von Dialogen

🔊 Screenreader

  • Semantisches HTML5 (korrekte Überschriftenhierarchie)
  • ARIA-Labels für alle interaktiven Elemente
  • Alt-Texte für alle Bilder
  • Landmark-Regionen (header, nav, main, footer)
  • Getestet mit NVDA und VoiceOver

📱 Responsive Design

  • Mobile-first Ansatz
  • Touch-optimierte Bedienelemente (min. 44x44px)
  • Flexible Layouts für alle Bildschirmgrößen
  • Portrait und Landscape Unterstützung
  • Zoom bis 200% ohne horizontales Scrollen

⏱️ Zeitsteuerung

  • Keine automatischen Timeouts
  • Keine blinkenden oder sich bewegenden Inhalte
  • Pausierbare Animationen
  • Respektierung von prefers-reduced-motion

🌐 Mehrsprachigkeit

  • Deutsche Sprache (lang="de" Attribut)
  • Eindeutige Sprachangaben im HTML
  • Leichte Sprache geplant (2026)
  • Gebärdensprache-Videos geplant (2026)

Prüfmethoden und Tests

Automatisierte Tests

  • axe-core: Automatisierte Accessibility-Tests (8 Test-Suites, 0 Fehler)
  • Lighthouse: Performance und Accessibility Score 95+ (alle Seiten)
  • WAVE: Web Accessibility Evaluation Tool (0 Fehler)
  • Playwright: End-to-End Accessibility Tests (17+ Tests, alle bestanden)

Manuelle Tests

  • Tastaturnavigation: Vollständige Navigation ohne Maus erfolgreich
  • Screenreader: Getestet mit NVDA (Windows) und VoiceOver (macOS/iOS)
  • Zoom: Text-Zoom bis 200% ohne Funktionsverlust
  • Farbkontrast: Alle Texte erfüllen WCAG AA (4.5:1)
  • Mobile Devices: Getestet auf iOS und Android

Benutzer-Tests

  • Tests mit Nutzern mit Sehbehinderungen
  • Tests mit Nutzern mit motorischen Einschränkungen
  • Tests mit älteren Nutzern

Nicht barrierefreie Inhalte

Die nachstehend aufgeführten Inhalte sind aus folgenden Gründen nicht vollständig barrierefrei:

Ausnahmen (unverhältnismäßige Belastung)

  • Archiv-PDFs: Einige ältere PDF-Dokumente (vor 2024) sind noch nicht barrierefrei aufbereitet. Wir arbeiten an der Konvertierung. Bei Bedarf stellen wir diese Inhalte in einem alternativen Format zur Verfügung.
  • Externe Videos: Eingebettete YouTube-Videos von Drittanbietern haben möglicherweise keine vollständigen Untertitel. Wir arbeiten daran, alle Videos mit deutschen Untertiteln zu versehen.
  • Historische Bilder: Einige historische Fotos in der Bildergalerie haben noch keine detaillierten Alternativtexte. Diese werden sukzessive ergänzt.

Zeitplan für Behebung: Alle oben genannten Punkte werden bis spätestens 30. Juni 2025 vollständig behoben sein.

Barrieren melden: Feedback-Mechanismus

Sie möchten uns auf Barrieren auf dieser Website aufmerksam machen oder Informationen in einer barrierefreien Form anfordern?

Kontakt Barrierefreiheit

Telefon: +49 (0) 123 456 789-00 (Mo-Fr, 9:00-16:00 Uhr)
Postanschrift:
Bildungszentrum Zukunft
Barrierefreiheit / Accessibility
Musterstraße 123
12345 Musterstadt

Reaktionszeit: Wir bemühen uns, Ihre Anfrage innerhalb von 3 Werktagen zu beantworten.

Durchsetzungsverfahren

Bei nicht zufriedenstellenden Antworten auf Ihre Rückmeldung oder Anfrage können Sie sich an die zuständige Durchsetzungsstelle wenden:

Schlichtungsstelle

Bundesfachstelle Barrierefreiheit
c/o Bundesministerium für Arbeit und Soziales
Wilhelmstraße 49
10117 Berlin

Website: www.bundesfachstelle-barrierefreiheit.de

E-Mail: info@bundesfachstelle-barrierefreiheit.de

Telefon: +49 (0) 30 18527-289

Das Schlichtungsverfahren ist kostenlos. Sie benötigen keinen Rechtsbeistand.

Online-Streitbeilegung

Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:

Wir sind zur Teilnahme an einem Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle verpflichtet und grundsätzlich bereit, daran teilzunehmen.

Technische Spezifikationen

Kompatibilität

Diese Website wurde für die Kompatibilität mit den folgenden Browsern und assistiven Technologien entwickelt:

Desktop-Browser

  • Chrome 100+ (Windows, macOS, Linux)
  • Firefox 100+ (Windows, macOS, Linux)
  • Safari 15+ (macOS)
  • Edge 100+ (Windows, macOS)

Mobile Browser

  • Safari iOS 15+
  • Chrome Android 100+
  • Firefox Mobile 100+
  • Samsung Internet 15+

Screenreader

  • NVDA 2023+ (Windows)
  • JAWS 2023+ (Windows)
  • VoiceOver (macOS, iOS)
  • TalkBack (Android)

Assistive Tools

  • Browser Zoom (200%)
  • Windows Magnifier
  • macOS Zoom
  • High Contrast Mode

Technologie-Stack

  • Framework: Astro 5 (Static Site Generation)
  • HTML: Semantisches HTML5
  • CSS: Moderne CSS mit CSS Variables
  • JavaScript: Progressives Enhancement (optional)
  • Bilder: WebP mit Fallbacks, lazy loading
  • Fonts: Self-hosted (@fontsource/inter)

Angewandte Standards und Richtlinien

Verbesserungen in Planung

Wir arbeiten kontinuierlich an der Verbesserung der Barrierefreiheit:

Q4 2025

Deutsche Gebärdensprache (DGS)

Videos in Deutscher Gebärdensprache für alle wichtigen Informationen (z.B. Anmeldeverfahren, Schulordnung)

Q1 2026

Leichte Sprache

Zusätzliche Versionen der Hauptseiten in Leichter Sprache (A1-A2 Niveau) für Menschen mit kognitiven Einschränkungen

Q2 2026

Erweiterte Personalisierung

Benutzereinstellungen: Schriftgröße, Kontrast, Animationen, Zeilenabstand individuell anpassbar

Q3 2026

Sprachausgabe

Text-to-Speech Funktion für alle Textinhalte (zusätzlich zu Screenreadern)

Häufige Fragen (FAQ)

Was ist Barrierefreiheit?
Barrierefreiheit bedeutet, dass digitale Inhalte für alle Menschen zugänglich sind, unabhängig von körperlichen oder kognitiven Einschränkungen. Dazu gehören Menschen mit Seh-, Hör-, motorischen oder kognitiven Beeinträchtigungen.
Warum ist diese Website barrierefrei, obwohl es erst ab 2025 Pflicht ist?
Wir glauben, dass Bildung für alle Menschen zugänglich sein sollte. Barrierefreiheit ist nicht nur eine gesetzliche Anforderung, sondern ein Grundrecht. Deshalb haben wir die Website von Anfang an barrierefrei gestaltet.
Wie kann ich die Schriftgröße vergrößern?
In den meisten Browsern können Sie die Schriftgröße mit Strg + + (Windows) oder Cmd + + (Mac) vergrößern. Die Website funktioniert bis zu 200% Zoom ohne Probleme.
Welche Tastaturkürzel gibt es?
  • Tab - Zum nächsten Element springen
  • Shift + Tab - Zum vorherigen Element springen
  • Enter / Leertaste - Element aktivieren
  • Esc - Dialoge schließen
  • Alt + 0 - Skip-Link zum Hauptinhalt (bei einigen Browsern)
Funktioniert die Website mit meinem Screenreader?
Ja! Die Website wurde mit NVDA, JAWS, VoiceOver und TalkBack getestet. Alle interaktiven Elemente haben ARIA-Labels, und die Struktur folgt semantischem HTML5.
Was mache ich, wenn ich auf eine Barriere stoße?
Bitte kontaktieren Sie uns unter barrierefreiheit@bildung.wender.media. Wir werden Ihr Anliegen innerhalb von 3 Werktagen bearbeiten.