Barrierefreiheit
Barrierefreiheit auf dieser Website
Diese Website wurde mit dem Ziel gestaltet, Informationen möglichst vielen Menschen zugänglich zu machen – unabhängig von Behinderung, Hilfsmitteln oder Endgerät.
Barrierefreiheit ist für mich kein Extra, sondern ein wichtiger Teil guter Gestaltung. Deshalb achte ich auf Lesbarkeit, klare Strukturen, gute Bedienbarkeit und eine ruhige, verständliche Darstellung.
Was diese Website barriereärmer macht
- die Schrift „Atkinson Hyperlegible Next“, die das Braille Institute eigens für Menschen mit Sehbehinderung entwickelt hat
- große Grundschrift und großzügiger Zeilenabstand
- kontrastreiche Gestaltung mit heller und dunkler Darstellung
- klare Überschriftenstruktur und semantisches HTML
- durchgehend sichtbare Fokusmarkierungen für die Tastaturbedienung
- Bedienelemente von mindestens 24 × 24 Pixeln, die meisten davon deutlich größer
- Links, die in einem neuen Tab öffnen, werden für Screenreader angekündigt
- bedienbare Inhalte auch ohne Maus
- responsive Darstellung auf Smartphone, Tablet und Desktop
- Berücksichtigung von „Reduced Motion“ – Animationen lassen sich vollständig abschalten
- Statusmeldungen, die auch von Screenreadern vorgelesen werden
- verständliche Sprache und übersichtliche Abschnittsstruktur
Farbe ist nie das einzige Erkennungsmerkmal
Die Gestaltung dieser Seite arbeitet mit einer bewussten Asymmetrie: Jeder Kasten hat drei runde Ecken und eine harte, jede Trennlinie besteht aus einer kräftigen und einer schwachen Hälfte. Dazu kommen kräftige Umrisslinien statt weicher Schatten – Kanten sind auch bei schlechtem Kontrast noch erkennbar.
Das ist eine Anspielung auf meine beiden Augen – und zugleich eine gestalterische Entscheidung, die auch dann funktioniert, wenn jemand Farben nicht oder anders wahrnimmt. Mehr dazu steht auf meiner Profilseite im Abschnitt „Der Name“.
Zur Sehsimulation
Auf meiner Profilseite gibt es eine Simulation, die zeigt, wie sich ein stark eingeschränktes Sichtfeld anfühlen kann. Sie startet nie von selbst, muss bewusst eingeschaltet werden und lässt sich jederzeit wieder abschalten.
Sie ist eine starke Vereinfachung. Sehbehinderung ist kein „alles oder nichts“, sondern ein großes Spektrum – und sie fühlt sich für jeden Menschen anders an.
Der Ausschnitt lässt sich mit Maus, Finger und Tastatur bewegen: Die Pfeiltasten verschieben ihn, zusammen mit der Umschalttaste in größeren Schritten. Pos 1 setzt ihn in die Bildmitte, Esc schaltet die Simulation ab.
Stand der Barrierefreiheit
Nach eigener Prüfung erfüllt diese Website die Anforderungen der WCAG 2.2 auf Stufe AA. Bei der Prüfung am 20. August 2026 wurde kein Verstoß gegen ein Erfolgskriterium dieser Stufe gefunden.
Das ist eine Selbsteinschätzung. Eine Prüfung durch eine unabhängige Stelle hat nicht stattgefunden.
Wie ich geprüft habe
Geprüft wurden alle Seiten: Startseite, Profilseite, Termine, meine Lieder, das Formular „Barriere melden“, Impressum, Datenschutz, diese Seite, die beiden Fehlerseiten und der passwortgeschützte interne Bereich.
- Auswertung des ausgelieferten Codes auf Struktur, Überschriftenfolge, Beschriftungen von Formularfeldern und Alternativtexte
- Messung aller Farbkontraste in heller und dunkler Darstellung gegen die geforderten Werte von 4,5:1 bzw. 3:1
- Messung der Größe aller Bedienelemente gegen die geforderten 24 × 24 Pixel
- Darstellung bei 320 Pixeln Breite, ohne dass waagerecht gescrollt werden muss
- Test mit vergrößerten Text-, Wort- und Zeilenabständen, ohne dass Inhalte abgeschnitten werden
- Prüfung der Tastaturreihenfolge und der Benennung aller Bedienelemente, einschließlich der Audio-Player
Bekannte Einschränkungen
Diese Punkte verstoßen nicht gegen Stufe AA, schränken die Nutzung aber für manche Menschen ein. Ich nenne sie hier trotzdem:
- Die Prüfung erfolgte technisch und im Browser. Ein Test mit gängigen Screenreadern wie NVDA, JAWS oder VoiceOver steht noch aus.
- Ob meine Texte tatsächlich leicht verständlich sind, kann ich selbst nicht abschließend beurteilen. Rückmeldungen dazu sind mir besonders willkommen.
Barrierefreiheit ist ein laufender Prozess und keine einmal abgeschlossene Aufgabe. Wenn sich an der Seite etwas ändert, prüfe ich erneut.
Feedback und Hinweise
Wenn du auf dieser Website auf eine Barriere stößt oder eine Idee für Verbesserungen hast, freue ich mich über eine Rückmeldung.
Schreib mir gern an alex@ra-la.net oder nutze den Kontaktbereich auf meiner Profilseite.
Für Barrieren im Alltag – etwa eine Stufe ohne Rampe oder eine fehlende Ansage – gibt es ein eigenes Formular: Barriere melden.
Denn Barrierefreiheit entsteht nicht allein durch Technik – sondern auch durch Zuhören, Lernen und gemeinsames Weiterdenken.