Barrierefreiheit

chrrp.eu ist bemüht, die Website barrierefrei zugänglich zu machen. Diese Seite dokumentiert den aktuellen Stand der Umsetzung gemäß WCAG 2.2 Level AA (Web Content Accessibility Guidelines).

Stand: März 2026 — laufend aktualisiert

Wahrnehmbar

  • 1.1.1 A Nicht-Text-Inhalt — Avatare, Icons und Grafiken haben Alt-Texte oder aria-label
  • 1.3.1 A Info und Beziehungen — Semantische Landmarks (nav, main), Labels auf allen Formularfeldern
  • 1.3.4 AA Ausrichtung — Kein Lock auf Portrait oder Landscape
  • 1.4.1 A Verwendung von Farbe — Informationen werden nicht ausschließlich über Farbe vermittelt
  • 1.4.3 AA Kontrast (Minimum) — Alle Texte ≥ 4.5:1 auf dem jeweiligen Hintergrund (Light & Dark Mode)
  • 1.4.4 AA Textgröße — Text auf 200 % skalierbar ohne Inhaltsverlust
  • 1.4.10 AA Umfluss (Reflow) — Kein horizontales Scrollen bei 320 px Breite erforderlich
  • 1.4.11 AA Nicht-Text-Kontrast — Formularrahmen und Fokus-Indikatoren ≥ 3:1
  • 1.4.12 AA Textabstand — Layout bricht nicht bei erhöhten Abständen (WCAG-Grenzwerte)

Bedienbar

  • 2.1.1 A Tastatur — Alle Funktionen per Tastatur erreichbar
  • 2.4.1 A Blöcke überspringen — Skip-to-content Link vorhanden
  • 2.4.2 A Seite betitelt — Jede Seite hat einen beschreibenden Titel
  • 2.4.3 A Fokus-Reihenfolge — Logische DOM-Reihenfolge, kein künstliches tabindex
  • 2.4.7 AA Fokus sichtbar — Alle interaktiven Elemente haben sichtbaren Fokus-Ring (2 px); im Dark Mode 8:1 (#4db8ff)
  • 2.4.11 AA Fokus nicht verdeckt — Kein fester Header der fokussierte Elemente verdeckt
  • 2.4.13 AA Fokus-Erscheinung — 2 px Outline; Light Mode 4.86:1 (#0077b6), Dark Mode 8:1 (#4db8ff)

Verständlich

  • 3.1.1 A Sprache der Seite — lang="de" auf dem html-Element
  • 3.3.1 A Fehlererkennung — Formularfehler werden als Text beschrieben
  • 3.3.2 A Beschriftungen — Alle Eingabefelder haben sichtbare oder sr-only Labels
  • 3.3.7 A Redundante Eingabe — E-Mail-Bestätigungsfeld dient explizit der Fehlervermeidung (WCAG-Ausnahme)
  • 3.3.8 AA Zugängliche Authentifizierung — Kein CAPTCHA, optionale 2FA per TOTP

Robust

  • 4.1.2 A Name, Rolle, Wert — Icon-Buttons haben aria-label, Benachrichtigungs-Icons haben role="img"

Dark Mode

chrrp.eu unterstützt Light und Dark Mode — manuell umschaltbar sowie automatisch über die Systemeinstellung. Alle Farb- und Kontrastwerte wurden für beide Modi geprüft und angepasst:

  • Links Light Mode — #b03333 auf Weiß: 6.25:1 ✓
  • Links Dark Mode — #ff8080 / #ffa0a0 auf #1a1a1a: ≥ 7:1 ✓
  • Sekundärtext Light Mode — #767676 auf Weiß: 4.54:1 ✓
  • Sekundärtext Dark Mode — #b0b0b0 auf #1a1a1a: 8:1 ✓
  • Buttons Light Mode — Weiß auf #0077b6→#b03333: ≥ 4.86:1 ✓
  • Buttons Dark Mode — #1a1a1a auf #ffbaba→#e08080: ≥ 7:1 ✓
  • Hintergründe Dark Mode — Alle Boxen, Sidebars, Thread-Ansicht und Flash-Meldungen nutzen CSS-Variablen und respektieren den Dark Mode vollständig
  • Flash-Meldungen Dark Mode — Erfolg: #7ecf7e auf #1a2e1a (8:1) ✓ — Fehler: #ff8080 auf #2e1a1a (7:1) ✓

Bekannte Einschränkungen

Kein vollständiger Screenreader-Test mit NVDA oder VoiceOver wurde durchgeführt. Solltest du Barrieren feststellen, melde sie bitte per Direktnachricht an @koos oder per E-Mail an jan@railslove.com.

Technische Grundlage

chrrp.eu ist eine serverseitig gerenderte Web-App (Ruby/Sinatra), ohne JavaScript-Frameworks. Alle Inhalte sind im HTML vorhanden und benötigen kein JavaScript zur Darstellung.