DEMO Demonstrationsprototyp mit Beispielinhalten. Erstellt von Schwerpunkt FdG Labs UG (haftungsbeschränkt) als Angebotsdemonstration für den Website-Relaunch. Kein offizielles Angebot des Kompetenzzentrums Technik-Diversity-Chancengleichheit e. V.

Erklärung zur Barrierefreiheit

Barrierefreiheit ist für Girls'Day und Boys'Day ein zentraler Anspruch. Diese Erklärung beschreibt den Stand der digitalen Barrierefreiheit dieses Prototyps.

Hinweis: Dies ist ein Demonstrationsprototyp. Diese Erklärung zeigt Aufbau und Anspruch einer BITV-konformen Barrierefreiheitserklärung; die formale Prüfung nach BITV 2.0 / EN 301 549 erfolgt im echten Projekt vor der Abnahme (automatisiert, manuell und mit assistiven Technologien).

Rechtsgrundlage

Maßstab sind die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0), die europäische Norm EN 301 549 und die WCAG 2.1 (Konformitätsstufe AA).

Im Prototyp technisch umgesetzt

erfüllt
Wahrnehmbarkeit – Kontraste: Text-/Hintergrund-Kombinationen erreichen mindestens 4,5:1. Die von der UX-Analyse gerügte Kombination weißer Text auf Orange wird vermieden; Akzentfarben werden nur ausreichend dunkel für Text auf Weiß eingesetzt.
erfüllt
Bedienbarkeit – Tastatur: alle interaktiven Elemente sind per Tastatur erreichbar; Menüs, Akkordeon und Dialoge unterstützen Enter/Leertaste/Escape, Dialoge halten den Fokus (Fokusfalle) und geben ihn zurück.
erfüllt
Sichtbarer Fokus: deutlicher Fokusrahmen (3px) mit hohem Kontrast, unabhängig von der Markenfarbe.
erfüllt
Skip-Link & Landmarks: „Zum Hauptinhalt springen“, semantische Bereiche (header, nav, main, footer) und ARIA-Rollen.
erfüllt
Struktur: eine H1 pro Seite, logische Überschriftenhierarchie, Beschriftungen für alle Formularfelder.
erfüllt
Klickflächen: interaktive Elemente sind mindestens 44 × 44 px groß (Touch-Targets).
erfüllt
Bewegung: prefers-reduced-motion wird respektiert; Animationen werden reduziert.
erfüllt
Anpassbarkeit: Textgröße (A / A+ / A++) und ein hoher Kontrastmodus sind im Code umgesetzt – unabhängig vom optionalen Eye-Able-Overlay.
erfüllt
Alternativtexte: informative Grafiken haben Textalternativen; rein dekorative Grafiken sind vom Screenreader ausgenommen.

Bekannte Einschränkungen (Prototyp)

  • Die schematische Deutschland-Karte ist eine vereinfachte Grafik; alle Orte sind zusätzlich als Text und in der Ergebnisliste bedienbar.
  • Beispielinhalte, Audios und Social-Media-Einbettungen sind Platzhalter.
  • Die vollständige, dokumentierte BITV-Prüfung inkl. Prüfbericht (erfüllt/nicht erfüllt/nicht anwendbar) erfolgt im echten Projekt.

Barrieren melden

Im Echtbetrieb enthält diese Seite eine Kontaktmöglichkeit für Feedback zu Barrieren sowie den Verweis auf die zuständige Schlichtungsstelle nach dem Behindertengleichstellungsgesetz. In dieser Demo: siehe Impressum.