Ein Stadion für alle. Eine App für alle.
Mit der FohlenApp schafft Borussia mehr als Infos. Eine Plattform, die alle mitnimmt - dank klaren Accessibility-Maßnahmen für motorische, visuelle und kognitive Barrieren. Das Ergebnis: bessere Orientierung, weniger Support, echte Teilhabe. Für jeden Fan. Immer.
- Client
- Borussia Mönchengladbach
- Testkriterien
- BITV & WCAG 2.2
- Findings
- 52
Keine Floskeln, keine Buzzwords. Nur das, was wirklich liefert.
-17 %
weniger Support-Aufwand+25 %
höhere Interaktionsrate+36 %
höhere User-Retention2×
höhere Checkout-Conversion
Barrierefreiheit ist kein Mehraufwand. Es ist Mehrwert.
Mehr Reichweite = größere Fanbase
Bessere Usability = mehr Conversions
Clean Code = lange Lebensdauer
Klare Bedienung = weniger Support
Rechtskonform = zukunftssicher
Starkes Markenbild = mehr Engagement
Barrieren abgebaut. Funktionen aufgebaut.
Skalierbare Textgröße
Die UI muss bei großer Schrift stabil bleiben, doch bei 200 % brach das Layout und Texte wurden abgeschnitten.
- Mindestschriftgrößen in der Design Library definiert
- „Großer Text“-Alternative (200 %) gestaltet
- Responsives Layout für Skalierung optimiert
Untertitel-Integration
Videos sollen ohne Ton verständlich sein, aber fehlende Untertitel schlossen gehörlose Nutzer:innen aus.
- Untertitel in den App-Player integriert
- Umsetzung für iOS und Android vereinheitlicht
Alt-Texte für Bedienelemente, Grafiken & Objekte
Screenreader brauchen klare Beschreibungen, doch fehlende/uneinheitliche Alt-Texte machten Funktionen unsichtbar.
- Alt-Texte für alle UI-Elemente definiert und integriert
- CMS-Daten um Alt-Texte erweitert
- Alt-Texte in alle App-Versionen durchgereicht
Farbcodierte Informationen verständlich machen
Infos dürfen nicht nur über Farbe laufen, aber wichtige Hinweise waren rein farblich codiert.
- Farbhinweise mit Text oder Icons ergänzt
- Kontraste geprüft und für Graustufen optimiert
- Eindeutigkeit auch ohne Farbe gesichert
Barrieren erkannt. Und beseitigt.
- 🧱
Bestandsaufnahme mit Tiefgang
52 von 74 relevanten Prüfschritten zeigten Optimierungspotenzial. - 🛠️
Fast jeder zweite Check verdient einen Feinschliff
48 % der Prüfschritte fehlte vorerst noch die nötige Tiefe. - 📋
Strukturierter Fahrplan für Development & Design
40 Prüfschritte lagen im Development, 13 im Design. - 🔠
Layout-Chaos bei Skalierung.
Sobald Nutzer die Schrift vergrößerten, brach das Interface. Das schließt visuell eingeschränkte Personen aus. - 🎧
Content ohne Kontext.
Ohne Textalternativen für FohlenTV & Co. war hochwertiger Video-Content für gehörlose Menschen unzugänglich. - 📊
Daten-Dschungel für Screenreader.
Statistische Highlights und Ligatabellen waren semantisch nicht aufbereitet. Für assistive Technologien waren diese Infos nicht interpretierbar. - 🧏
Exklusive Audio-Kanäle.
Es fehlten UI-Elemente für alternative Audiokanäle z. B. bei Highlight-Videos oder Spielberichten. - 🔖
Fehlende Navigations-Hierarchie.
Ohne klare Struktur verlieren Nutzer die Orientierung. Das sorgt für Frust, hohe Absprungraten und Support-Aufwand. - 🔘
Assets ohne Aussagekraft.
Ohne sprechende Alt-Texte für Icons und Bilder wird die App-Bedienung für Screenreader-Nutzer zum Ratespiel.
Accessibility ist kein Add-On. Sondern Teil des Plans.
Überprüfung
1Auswertung
2Auswertung
Auswertung
Aus den Findings entsteht eine handfeste Entscheidungsgrundlage. Die qualitative Auswertung lieferte einen klaren Audit-Scope mit Fokus auf echter Fan-Experience. Jedes Finding wurde nach Schweregrad und Impact priorisiert und mit einer konkreten Handlungsempfehlung versehen. Eine Roadmap mit und für Borussia.
Begleitung
3Begleitung
_Schon: Gewusst/*
Barrierefreiheit basiert nicht auf Bauchgefühl – sondern auf klaren Standards.
WCAG 2.2
Die Web Content Accessibility Guidelines (W3C) sind der internationale Standard für barrierefreie digitale Produkte.
Sie beschreiben, wie Inhalte gestaltet sein müssen, damit sie für alle nutzbar sind – basierend auf vier Prinzipien:
Wahrnehmbarkeit. Bedienbarkeit. Verständlichkeit. Robustheit.
BITV 2.0
Die Barrierefreie-Informationstechnik-Verordnung regelt in Deutschland, wie digitale Barrierefreiheit konkret umzusetzen ist. Sie überträgt die WCAG-Kriterien in nationales Recht und legt fest, welche Anforderungen öffentliche Stellen erfüllen müssen. Damit wird Barrierefreiheit rechtlich verbindlich und überprüfbar.
EN 301 549
Die europäische Norm EN 301 549 beschreibt technische Anforderungen an barrierefreie IT-Produkte und digitale Services. Sie bildet die Grundlage für Prüfungen, Beschaffung und Marktüberwachung auf EU-Ebene. So sorgt sie für einheitliche Standards und klare Bewertungs-kriterien in allen Mitgliedsstaaten.
_Jetzt starten/*
Das Ergebnis? Seht selbst.
Perfekte App für alle Fohlen Fans!
„Die FohlenApp ist ein absolutes Muss für jeden Fan von Borussia Mönchengladbach! Sie bietet topaktuelle News, Live-Ticker, exklusive Interviews und viele weitere spannende Inhalte rund um die Fohlen. Besonders gut finde ich die direkte Ticketverwaltung und Statistiken. [..]“
-Metzlen,
„Sehr schön und interessant. Ich kann es weiter empfehlen 🖤🤍💚😊😊👍🏻👍🏻“
-Daniel Bonnes,
„Super App, für jeden Gladbach Fan ein Muss. Top informiert sein über unsere Borussia.“
-Fabio Bologna,
„Übersichtliche App und man kommt überall und ganz einfach hin“
-Rüdiger Thaler,
