Wir möchten, dass RecordsRadio für alle Menschen nutzbar ist – unabhängig davon, ob jemand schlecht oder gar nicht sieht, Schwierigkeiten beim Lesen hat, oder Formulare nicht per Tastatur/Maus bedienen kann. Hier siehst du auf einen Blick, was wir dafür eingebaut haben.
Screenreader-Unterstützung
Alle Bilder haben Beschreibungstexte, Formularfelder sind korrekt beschriftet. Wichtige Inhalte wie der aktuell laufende Song oder neue Chat-Nachrichten werden automatisch vorgelesen, sobald sie sich ändern – du musst nicht ständig neu nachschauen.
Vorlesen-Funktion
Auf „Häufige Fragen" und „News" gibt es einen Vorlesen-Knopf – der komplette Text wird laut vorgelesen, über die eingebaute Sprachausgabe deines Browsers, ganz ohne zusätzliche App.
Spracheingabe
Bei Wunschbox und Forum kannst du statt zu tippen auch einfach sprechen – ein Mikrofon-Knopf neben den Textfeldern wandelt gesprochenen Text automatisch in Schrift um.
Volle Tastatur-Bedienung
Alle Schaltflächen, Links und Formularfelder sind per Tabulator-Taste erreichbar, mit einem gut sichtbaren Rahmen um das gerade aktive Element. Auch der Lautstärke-Regler lässt sich per Pfeiltasten bedienen.
Rücksicht auf Reizempfindlichkeit
Hat dein Gerät die Systemeinstellung „Bewegung reduzieren" aktiviert, schalten wir automatisch alle Animationen (z.B. den pulsierenden „Live"-Punkt) für dich ab – die Funktion bleibt komplett erhalten.
Jedes Gerät
Die Webseite passt sich automatisch an jede Bildschirmgröße an, vom kleinen Smartphone bis zum großen Monitor – alles bleibt gut lesbar und bedienbar.
Klare Links
Öffnet ein Link ein neues Fenster/eine neue Registerkarte, wird das vorher angekündigt (auch für Screenreader) – keine Überraschungen beim Klicken.
Deine Rückmeldung zählt
Fällt dir eine Stelle auf, die für dich schwer nutzbar ist? Sag uns gerne Bescheid – wir wollen kontinuierlich besser werden. Kontakt über unser Impressum.
Deutlich sichtbarer Fokus
Egal ob Formularfeld, Knopf oder Link: sobald du per Tastatur dorthin springst, erscheint ein gut sichtbarer, farbiger Rahmen – nie unklar, wo du gerade bist.
Automatische Ansagen
Meldungen wie „Wunsch abgeschickt!" oder „Gästebuch-Eintrag gespeichert" werden nicht nur angezeigt, sondern auch aktiv an Screenreader gemeldet – niemand verpasst eine Rückmeldung.
Ausreichender Farbkontrast
Text und Hintergrund sind so gewählt, dass sie auch bei eingeschränktem Sehvermögen gut lesbar bleiben – orientiert an den WCAG-Richtlinien für Kontrastverhältnisse.
Vergrößerung funktioniert einwandfrei
Nutzt du die Zoom-Funktion deines Browsers (Strg/Cmd + Plus), bleibt die Seite komplett lesbar und bedienbar – kein abgeschnittener Text, kein Verrutschen der Bedienelemente.
"Zum Inhalt springen"-Link
Ganz oben auf jeder Seite (per Tastatur als erstes erreichbar) gibt es einen Link, der direkt zum eigentlichen Seiteninhalt springt – so muss man sich nicht bei jedem Seitenaufruf erst durch das komplette Menü tabben.
Englische Version
Für internationale Hörer gibt es eine eigene englischsprachige Seite, direkt über "EN" im Menü erreichbar.
Über 380 Design-Varianten
Über den Design-Wechsler (unten rechts auf jeder Seite) lässt sich das komplette Farbschema der Webseite ändern – praktisch, falls ein bestimmtes Farbschema für dich angenehmer oder besser lesbar ist.
Keine Zeitdruck-Fallen
Bei unseren Mitmach-Spielen (Bingo, Quiz) gibt es keine Zeitlimits, die einen unter Druck setzen – du kannst dir für jede Entscheidung so viel Zeit lassen, wie du brauchst.
Klare Fehlermeldungen
Geht bei einem Formular etwas schief (z.B. eine Pflichtangabe fehlt), wird genau erklärt, was zu tun ist – nicht nur "Fehler", sondern konkret, welches Feld betroffen ist und wie man es behebt.
Ausreichend große Klickflächen
Buttons und Links sind bewusst großzügig bemessen, damit sie auch bei eingeschränkter Feinmotorik oder auf kleinen Touchscreens gut treffbar sind.
Konsistente Navigation
Das Hauptmenü ist auf jeder Seite exakt gleich aufgebaut, an derselben Stelle – man muss sich nicht auf jeder Unterseite neu orientieren.
Klare, einfache Sprache
Wir versuchen, auf unnötigen Fachjargon zu verzichten und Dinge so zu erklären, dass sie für möglichst viele Menschen verständlich sind – auch bei technischen Themen wie dem Stream oder unseren Mitmach-Spielen.
Als App installierbar
RecordsRadio lässt sich auf dem Smartphone "zum Homescreen hinzufügen" – dann startet die Seite wie eine normale App, ganz ohne App-Store, mit direktem Zugriff ohne erst den Browser öffnen zu müssen.
Ohne Cookie-Banner nutzbar
Die Grundnutzung der Webseite (Radio hören, Seiten ansehen) funktioniert ganz ohne Cookie-Zustimmung oder Tracking-Abfragen im Weg.
Verständliche Ladezustände
Lädt gerade etwas (z.B. die Chart-Liste oder ein Spiel-Status), wird das immer deutlich mit Text angezeigt ("⏳ Lade…") statt nur mit einem stillen Symbol, das für Screenreader-Nutzer unklar bliebe.
Hilfe-Bereich ebenfalls barrierefrei
Auch unser umfangreicher interner Hilfe-Bereich für das Team ist nach denselben Grundsätzen aufgebaut – klare Struktur, durchsuchbar, verständlich formuliert.
Reduzierte Bewegung möglich
Wer empfindlich auf Animationen reagiert (z.B. bei vestibulären Störungen), kann in den Betriebssystem-Einstellungen "Bewegung reduzieren" aktivieren – unsere Seite berücksichtigt diese Einstellung und reduziert Animationen entsprechend.
ARIA-Beschriftungen für interaktive Elemente
Buttons, die nur aus einem Symbol bestehen (z.B. 🔍 für Suche), haben zusätzliche unsichtbare Textbeschreibungen, damit Screenreader korrekt vorlesen können, was der Knopf tatsächlich tut.
Logische Tab-Reihenfolge
Wer mit der Tab-Taste durch die Seite navigiert, springt in einer sinnvollen, nachvollziehbaren Reihenfolge von Element zu Element – nicht kreuz und quer über den Bildschirm verteilt.
Helle und dunkle Darstellung
Neben den vielen Farbthemen gibt es auch ein besonders helles Design für alle, die dunkle Oberflächen schwerer lesen können, und dunklere Varianten für Menschen, die empfindlich auf helles Licht reagieren.
Kein horizontales Scrollen nötig
Die Seite passt sich der Bildschirmbreite an, ohne dass man seitlich scrollen muss, um Inhalte zu sehen – wichtig für Menschen, die stark vergrößern oder ein sehr schmales Gerät nutzen.
Verständliche Audio-Hinweise im Chat
Neue Chat-Nachrichten und wichtige Ereignisse (z.B. "Song wird jetzt live gespielt") werden zusätzlich zur optischen Anzeige auch akustisch angekündigt, für alle, die den Bildschirm nicht durchgehend im Blick haben.
Konsistente Symbole und Begriffe
Dieselben Symbole und Begriffe bedeuten überall auf der Seite dasselbe (z.B. 🎙️ immer für Mikrofon/Aufnahme-Bezug) - das erleichtert die Orientierung, besonders für Menschen mit kognitiven Einschränkungen.
Formularfelder immer korrekt beschriftet
Jedes Eingabefeld (z.B. bei der Wunschbox oder Bewerbung) hat eine sichtbare, mit dem Feld fest verknüpfte Beschriftung - Screenreader lesen beim Fokussieren automatisch vor, um was es sich handelt, statt nur "Eingabefeld" ohne weitere Erklärung.
Fehlermeldungen werden aktiv angesagt
Wenn beim Absenden eines Formulars ein Fehler auftritt (z.B. Pflichtfeld vergessen), wird das nicht nur optisch angezeigt, sondern auch für Screenreader-Nutzer aktiv angesagt (per aria-live), ohne dass man erst danach suchen muss.
Funktioniert auch bei starker Vergrößerung (bis 400%)
Die Seite wurde so gebaut, dass sie auch bei sehr starker Browser-Vergrößerung (bis 400%) nutzbar bleibt, ohne dass Inhalte abgeschnitten werden oder übereinander liegen - wichtig für Menschen mit starker Sehbeeinträchtigung.
Aussagekräftige Link-Texte statt "Hier klicken"
Links auf der Seite beschreiben, wohin sie führen (z.B. "Zur Wunschbox" statt nur "Hier klicken") - das ist besonders wichtig für Screenreader-Nutzer, die sich oft eine Liste aller Links auf einer Seite vorlesen lassen, losgelöst vom umgebenden Text.
Keine automatisch startenden Videos oder Töne
Nichts auf der Seite spielt automatisch Ton oder Video ab, ohne dass du es selbst gestartet hast (außer natürlich der Radio-Stream, den du bewusst startest) - das verhindert unerwartete, störende Geräusche.
Klare, hierarchische Überschriften-Struktur
Überschriften sind konsequent hierarchisch aufgebaut (Haupttitel, dann Zwischenüberschriften, usw.) - Screenreader-Nutzer können damit gezielt zur nächsten Überschrift springen, ähnlich wie beim Überfliegen einer Seite mit den Augen.
Warnung vor automatischer Abmeldung (Team-Bereich)
Im internen Team-Dashboard gibt es eine deutliche Warnung 2 Minuten, bevor man wegen Untätigkeit automatisch abgemeldet wird, mit der Möglichkeit, das mit einem Klick zu verhindern - niemand wird ohne Vorwarnung einfach rausgeworfen.
Große, gut erreichbare Klickflächen
Buttons und klickbare Bereiche sind großzügig bemessen (nicht nur ein einzelnes kleines Icon) - das hilft Menschen mit eingeschränkter Feinmotorik ebenso wie allen, die ein Gerät mit ungenauerer Eingabe (z.B. Touchscreen mit dickeren Fingern) nutzen.
Große, gut erreichbare Klickflächen
Buttons und klickbare Bereiche sind großzügig bemessen (nicht nur ein einzelnes kleines Icon) - das hilft Menschen mit eingeschränkter Feinmotorik ebenso wie allen, die ein Gerät mit ungenauerer Eingabe (z.B. Touchscreen mit dickeren Fingern) nutzen.
"Zum Hauptinhalt springen" auch im Team-Bereich
Nicht nur die öffentliche Seite, auch das interne Admin- und Moderator-Dashboard hat einen Sprung-Link ganz oben - wichtig für Team-Mitglieder, die täglich mit Screenreader arbeiten und nicht jedes Mal durch das komplette Menü tabben wollen.
Statusmeldungen im Team-Bereich werden vorgelesen
Speichert ein Team-Mitglied etwas im Dashboard (z.B. eine neue Sendung im Sendeplan), wird die Bestätigung nicht nur angezeigt, sondern auch aktiv per Screenreader angesagt - genau wie auf der öffentlichen Seite.
Klare Seitenbereiche für Screenreader
Navigation und Hauptinhalt sind technisch als solche ausgezeichnet (Landmarks) - wer mit Screenreader arbeitet, kann direkt zwischen "Menü" und "Inhalt" springen, ohne sich alles der Reihe nach vorlesen zu lassen.
Hochkontrast-Modus im Team-Bereich
Im internen Dashboard gibt es einen eigenen Hochkontrast-Schalter, der Text-Kontraste erhöht und alle Links zusätzlich unterstreicht - unabhängig von den öffentlichen Design-Varianten.
Tastenkürzel im Team-Bereich
Das interne Dashboard hat eine eigene Übersicht über verfügbare Tastenkürzel (per Klick einsehbar) - schnellere Bedienung, ganz ohne Maus, für alle die lieber oder ausschließlich mit der Tastatur arbeiten.
Artikel vorlesen lassen
News-Beiträge lassen sich per Knopfdruck vom Browser laut vorlesen - praktisch beim Autofahren, beim Kochen, oder für alle, die Text lieber hören als lesen.
Wir bauen mit echten Nutzer*innen
Wir testen unsere Barrierefreiheits-Maßnahmen nicht nur in der Theorie, sondern mit echten Screenreader-Nutzer*innen aus unserem Umfeld - ihr Feedback fließt direkt in neue Verbesserungen ein.
Auch als Moderator*in willkommen
Eine Behinderung ist für uns kein Ausschlussgrund fürs Team - im Gegenteil: wir arbeiten aktiv daran, dass auch unser internes Dashboard (Sendeplan, Chat-Verwaltung, etc.) so barrierefrei wie möglich nutzbar ist.
Vorlesen auf Hilfe- und FAQ-Seite
Jede einzelne Frage samt Antwort auf unserer Hilfe-Seite und den FAQ hat einen 🔊-Knopf zum Vorlesen - für alle, die Text lieber hören als lesen.
Vorlesen für Moderator*innen im Team-Bereich
Im internen Dashboard kann sich jede eingehende Nachricht (Musikwunsch, Gruß) per Knopfdruck vorlesen lassen - hilfreich für Team-Mitglieder, die beim Lesen Unterstützung brauchen, gerade live während der Sendung.
🔤 Textgröße, Kontrast & Co. einstellen
Ganz oben auf dieser Seite: Häkchen setzen oder Größe wählen - wirkt sofort und überall auf recordsradio.de, nicht nur hier. Einmal eingestellt, bleibt's auch beim nächsten Besuch so (in deinem Browser gespeichert, nicht auf unserem Server).
🔊 Texte vorlesen lassen
Überall wo ein 🔊-Symbol auftaucht (News-Artikel, Hilfe-Seite, FAQ, Grüße im Laufband) - einmal klicken zum Starten, nochmal klicken zum Stoppen. Die Geschwindigkeit stellst du oben bei "Vorlese-Geschwindigkeit" ein - gilt dann für alle 🔊-Knöpfe auf der ganzen Seite.
🎤 Sprechen statt tippen
Bei Formularfeldern mit einem Mikrofon-Symbol kannst du stattdessen einfach reinsprechen - praktisch, wenn Tippen schwerfällt oder du gerade unterwegs bist. Der Browser fragt beim ersten Mal nach Mikrofon-Erlaubnis.
⌨️ Nur mit der Tastatur bedienen
Mit Tab springst du von einem klickbaren Element zum nächsten, mit Enter oder Leertaste aktivierst du Buttons und Links. Ganz am Anfang jeder Seite gibt's außerdem einen unsichtbaren "Zum Hauptinhalt springen"-Link, der beim ersten Tab-Druck erscheint.
Geltungsbereich
Diese Erklärung gilt für die Webseite recordsradio.de und alle darauf zugänglichen Unterseiten, einschließlich der Mitmach-Bereiche (Chat, Forum, Wunschbox, Spiele) und des Live-Streams.
Stand der Vereinbarkeit
Wir orientieren uns an den WCAG 2.1-Richtlinien (Web Content Accessibility Guidelines) auf Stufe AA und bemühen uns fortlaufend, diese möglichst vollständig umzusetzen. Als kleiner, ehrenamtlich betriebener Internetradio-Sender führen wir keine formelle externe Zertifizierung durch - die auf dieser Seite genannten Maßnahmen (siehe oben) spiegeln unseren aktuellen Umsetzungsstand wider.
Bekannte Einschränkungen
Uns ist bewusst, dass trotz aller Bemühungen nicht jeder Bereich zu 100% barrierefrei ist. Insbesondere:
- Nutzerinhalte (z.B. Gästebuch-Einträge, Chat-Nachrichten, Forumsbeiträge) werden von Hörer*innen selbst verfasst - wir können hier keine durchgängige Barrierefreiheit garantieren, prüfen aber gemeldete Probleme.
- Der Live-Audio-Stream selbst enthält keine automatischen Untertitel, da es sich um Musik und moderierte Live-Sendungen handelt.
- Eingebundene Inhalte externer Anbieter (z.B. Wikipedia-Auszüge, iTunes-Vorschauen) unterliegen nicht unserer eigenen Kontrolle.
Feedback & Kontakt
Sind dir Barrieren aufgefallen, die dich an der Nutzung hindern? Wir sind für jeden Hinweis dankbar. Bitte melde dich über unser Impressum - wir versuchen, gemeldete Probleme zeitnah zu prüfen und wenn möglich zu beheben.
Schlichtungsverfahren
Solltest du mit unserer Rückmeldung nicht zufrieden sein, kannst du dich an die zuständige Schlichtungsstelle nach BGG wenden: Schlichtungsstelle BGG (Schlichtungsstelle nach dem Behindertengleichstellungsgesetz).