Für alle gebaut, die hier landen
Kugelspass.de ist eine private, nicht-kommerzielle Sammlung. Sie fällt rechtlich nicht unter das Barrierefreiheitsstärkungsgesetz (BFSG). Trotzdem haben wir beim Bauen mit Tastatur, Screen-Reader und reduzierten Animationen mitgedacht, weil eine Familie mit besonderen Bedürfnissen einen schönen Ausflug genauso verdient wie alle anderen. Hier steht, was konkret umgesetzt ist, wo wir noch nicht ganz fertig sind und wie du uns auf Probleme aufmerksam machst.
Was wir umgesetzt haben
- Skip-Link: der erste Tab-Druck zeigt einen Sprungbutton zum Hauptinhalt, damit die Header-Navigation übersprungen werden kann.
- Semantische Struktur: jede Seite hat ein
main, eine klare Überschriften-Hierarchie (genau einh1pro Seite) und ARIA-Labels an Icon-Buttons. - Sichtbare Fokus-Ringe auf allen interaktiven Buttons via
:focus-visible— Tastatur-Nutzer sehen immer, wo sie gerade sind. - Reduced Motion:wenn dein Betriebssystem „Bewegung reduzieren“ meldet, werden Animationen, Hover-Lifts und der weiche Scroll auf ~0 ms gesetzt.
- Karte mit Textfallback: auf /karte liefern wir parallel zur MapLibre-Karte eine versteckte, für Screen-Reader sichtbare Liste aller Bahnen mit Name, Ort und Region als Link.
- Live-Statusmeldungen: wenn du den Standort freigibst, kündigt eine
aria-live-Region die Sortier-Änderung an. - Kontrast:Haupttext erreicht WCAG 2.2 Stufe AAA (~14:1), gedämpfte Texte und Akzentfarben Stufe AA. Die warme Brand-Palette bleibt erhalten, ohne Lesbarkeit zu opfern.
- Keine Tracker, keine externen Skripte: Karten und externe Bilder werden erst nach deiner Zustimmung geladen. Vorher: nichts, was deine Assistenz- Technik irritieren könnte.
- Strukturierte Daten: jede Bahn-Seite enthält Schema.org-Markup (TouristAttraction, BreadcrumbList, FAQPage), damit Sprach- und Vorlese-Assistenten den Inhalt sauber interpretieren.
- Sprache deklariert:
lang="de"ist im Wurzel-Dokument gesetzt, damit Vorlese-Stimmen korrekt eingestellt werden.
Wo wir noch nicht ganz fertig sind
- Karten-Marker: die roten Kugel-Marker auf /karte sind zwar mit Tab erreichbar (
role="button"), aber die Popup-Interaktion per Tastatur ist noch nicht voll geschliffen. Die parallele Liste oberhalb der Karte ist der zuverlässigere Weg für Screen-Reader. - Standort per Browser-API: die „Standort freigeben“-Aktion setzt Geolocation voraus. Wer sie nicht nutzt oder ablehnt, sieht die Bahnen alphabetisch. Eine manuelle PLZ-Eingabe als Alternative steht auf der Liste.
- Externe Bilder via Consent: ohne Zustimmung zeigt jede Bahn- Detailseite nur einen Platzhalter mit „Bild laden“-Button, kein Bild. Das ist DSGVO-bedingt Absicht, schränkt aber die Vorschau-Erfahrung für alle ein.
- Noch nicht extern geprüft: die Seite hat noch keinen unabhängigen BITV- oder WCAG-Audit durchlaufen. Selbst-Tests sind kein Ersatz für echte Nutzer mit Hilfsmitteln.
Hilfsmittel, die wir getestet haben
Tastatur-Navigation in Chrome, Firefox und Safari (macOS). Sprachausgabe stichprobenhaft mit VoiceOver (macOS). Reduced-Motion in den System-Einstellungen aktiviert. Bei Mobil-Safari iOS und Chrome Android haben wir die Standard-Touch-Größen berücksichtigt (mindestens 44×44 px für Buttons).
Feedback und Meldungen
Wenn etwas nicht funktioniert oder dir im Weg steht, nutze bitte das Kontakt-Formular mit der Option „Barriere melden“. Es füllt die Mail mit den passenden Feldern vor, du brauchst nur noch zu beschreiben: welche Seite, welches Element und welches Hilfsmittel oder welcher Browser. Wir versuchen, gemeldete Barrieren zeitnah zu beheben.
Weil die Seite nicht unter das BFSG fällt, gibt es keine offizielle Beschwerdestelle. Du bist trotzdem nicht ohne Rückendeckung: bei Eltern-Familien-Themen im Web stehen die Verbraucherzentralen als Anlaufstelle bereit.
Stand
Diese Erklärung wurde im Mai 2026 erstellt. Sie wird aktualisiert, wenn wir neue Funktionen hinzufügen oder Barrieren beheben.
