Erklärung zur Barrierefreiheit

Zuletzt aktualisiert October 16, 2026

Rubyy ist so gebaut, dass es von möglichst vielen Menschen genutzt werden kann, unabhängig davon, wie sie das Web bedienen. Diese Seite beschreibt die Funktionen zur Barrierefreiheit, die wir in rubyy.com eingebaut haben, die uns bekannten Einschränkungen und wie Sie uns mitteilen können, wenn etwas nicht funktioniert.

Konformitätsziel

Wir streben die Einhaltung der Web Content Accessibility Guidelines (WCAG) 2.1 Stufe AA an. Dies ist die Stufe, auf die sich die meisten Rechtsordnungen für öffentliche Websites beziehen (die Web Accessibility Directive der EU, die PSBAR des UK, die Section-508-Aktualisierung in den US, die häufig zitierte ADA-Schwelle). Wir testen jede Release der Marketing-Site gegen AA; einige Bereiche übertreffen AA, wo es einfach umzusetzen war, einige bekannte Lücken bleiben hinter dem Ziel zurück. Beide Listen finden Sie unten.

Das vollständige Rubyy-Produkt (die Plattform selbst) befindet sich in der Pre-Launch-Entwicklung. Sobald das Produkt verfügbar ist, veröffentlichen wir eine separate Erklärung zur Barrierefreiheit, die das Dashboard und die Storefronts unserer Kund:innen abdeckt.

Was wir umgesetzt haben

• Tastaturnavigation. Jedes interaktive Element auf der Website ist mit Tab, Shift+Tab, Enter, Leertaste und Escape erreichbar und bedienbar. Das erste fokussierbare Element auf jeder Seite ist ein Link Zum Hauptinhalt springen, der den Header überspringt.
• Sichtbarer Fokus-Indikator. Um jedes Element mit Tastaturfokus erscheint eine 2-Pixel-Umrandung, sowohl im Hell- als auch im Dunkelmodus.
• Semantische Landmarks. Die Seite ist mit den Regionen <header>, <main>, <nav> und <footer> strukturiert, damit assistive Technologien zwischen ihnen springen können. Die Überschriftenebenen sind logisch (eine <h1> pro Seite, keine übersprungenen Ebenen darunter).
• Formulare. Sowohl die Startlisten-Anmeldung als auch das Kontaktformular haben sichtbare Labels, markieren Pflichtfelder mit aria-required, zeigen Fehlermeldungen über aria-describedby mit dem Eingabefeld verknüpft, schalten aria-invalid am betroffenen Feld um und kündigen den Absendestatus über eine „polite" Live-Region an. Der Absendebutton ist deaktiviert, bis Sie ein Feld fokussieren, und das Formular setzt aria-busy, während die Anfrage läuft.
• Karussell. Das Produkt-Karussell kündigt Slide-Wechsel über eine „polite" Live-Region an, hat beschriftete Vor-/Zurück-Buttons, und die Punktnavigation liest „Zu Slide N von M" in Ihrer Sprache vor. Die Spur reagiert außerdem auf natives Wischen / Pfeil-Scrollen.
• Länder-Auswahl. Das Länder-Dropdown im Header ist eine beschriftete <nav> aus Links; die aktive Sprache ist mit aria-current="true" markiert. Für mehrsprachige Länder (Belgien, Kanada, Schweiz, Finnland, Luxemburg) ist jede Sprache ein eigener fokussierbarer Link.
• Reduzierte Bewegung. Wenn in Ihrem Betriebssystem „Bewegung reduzieren" aktiviert ist (macOS / iOS Bedienungshilfen, Windows-Einstellungen → Barrierefreiheit → Visuelle Effekte), deaktivieren wir das Edelstein-Schimmern, das Trenner-Driften, das Einblenden des Cookie-Banners und das Auto-Pulsieren des Karussells. Die Website bleibt statisch.
• Kontrast. Fließtext und primäre Aktionen erfüllen den AA-Kontrast sowohl im Hell- als auch im Dunkelmodus. Eyebrow-Labels und Linkfarben wechseln im Dunkelmodus auf einen helleren Rubinton, damit sie ihren Kontrast gegen dunkle Karten behalten.
• Alt-Texte. Jedes bedeutungstragende Bild auf der Website (Produkt-Screenshots, Zielgruppen-Icons, das OpenGraph-Cover) hat einen beschreibenden Alternativtext. Dekorative Edelsteine und Trennerlinien sind mit aria-hidden markiert, damit Screenreader sie nicht ansagen.
• Selbstgehostete Schriften. Pacifico und Poppins werden vom selben Ursprung wie der Rest der Website ausgeliefert, sodass sie auch dann laden, wenn Drittanbieter-Font-CDNs durch Datenschutz-Tools blockiert werden.
• Sprachattribut. Das lang-Attribut der Seite entspricht der aktiven Sprache, damit Screenreader den Text mit der richtigen Stimme aussprechen. Die Auswahl listet 41 Länder-/Sprachkombinationen auf und merkt sich Ihre Wahl ein Jahr lang.
• Cookie-Banner. Das Banner ist eine beschriftete Region, kann von jeder Stelle der Seite per Tab erreicht werden, und der Link Cookie-Einstellungen im Footer öffnet es direkt in den kategoriebezogenen Einstellungen und verschiebt den Fokus dorthin. Ablehnen ist beim erstmaligen Banner mit einem Klick möglich und ebenso prominent wie Akzeptieren.
• Countdown-Timer. Die sichtbaren Ziffern-Zellen aktualisieren sich jede Sekunde, sind aber vor Screenreadern verborgen; stattdessen wird eine Off-Screen-Zusammenfassung bereitgestellt und einmal pro Minute aktualisiert, damit assistive Technologien nicht jedes Ticken vorlesen.
• Statusmeldungen. Fehler und Erfolge werden über role="status"-Live-Regionen angekündigt, nicht allein durch Farbe.

Bekannte Einschränkungen

Wir gehen offen mit Lücken um, die wir noch nicht geschlossen haben. Wenn etwas davon Ihre Nutzung der Website blockiert, teilen Sie uns das bitte mit.

• Überprüfung der maltesischen Übersetzung ausstehend. Die maltesische (mt) Übersetzung ist ein erster Entwurf, der noch nicht von einem Muttersprachler überprüft wurde. Wenn Ihnen unbeholfene Formulierungen auffallen, schreiben Sie uns bitte.
• Island und Luxemburg. Stripe Connect (das wir für Auszahlungen verwenden) bietet keine Lokalisierung für Isländisch oder Luxemburgisch, daher erhalten Besucher:innen aus diesen Ländern Englisch (Island) bzw. Französisch / Deutsch (Luxemburg). Sobald Stripe diese Sprachen unterstützt, ziehen wir nach.
• Karussell-Pfeiltasten. Das Karussell reagiert auf Klicks, Taps und Wischgesten, rotiert aber derzeit nicht über die Pfeiltasten, wenn sich der Fokus innerhalb der Spur befindet. Vor-/Zurück-Buttons decken dieselbe Funktion vollständig ab.
• Erstaufruf-Fokus des Cookie-Banners. Wenn eine erstmalige Besucherin auf der Seite landet, wird das Cookie-Banner am unteren Rand gerendert, der Fokus bleibt jedoch auf dem Dokument-Body, damit wir das Lesen nicht unterbrechen. Um es per Tastatur zu erreichen, tabben Sie über die Seite; oder nutzen Sie den Footer-Link Cookie-Einstellungen, der den Fokus in das Banner verschiebt.

Browser und assistive Technologien

Wir testen die Website gegen:

• Chrome und Firefox auf Windows 11 und macOS Sonoma
• Safari 17 auf macOS Sonoma und iOS 17 / 18
• Microsoft Edge auf Windows 11
• VoiceOver auf macOS Sonoma und iOS, NVDA auf Windows, TalkBack auf Android
• Chromium-basierte Browser im Windows-High-Contrast-Modus

Ältere Browser und assistive Technologien können Teile der Website unterschiedlich darstellen; wir beheben konkrete Probleme, die Sie melden.

So melden Sie eine Barriere

Wenn etwas auf dieser Seite mit Ihrer assistiven Technologie nicht funktioniert oder Sie ein Kontrast-, Tastatur- oder Screenreader-Problem finden, das wir übersehen haben, schreiben Sie an [email protected]. Bitte geben Sie an:

• Die URL der Seite, auf der das Problem auftrat
• Was Sie tun wollten
• Die assistive Technologie / den Browser, den Sie verwendet haben
• Was passiert ist (und was Sie stattdessen erwartet haben)

Wir bestätigen Ihre Nachricht innerhalb von zwei Werktagen und teilen Ihnen mit, wann wir eine Lösung erwarten.

Förmliche Beschwerden

Wenn Sie in der EU ansässig sind und wir Ihre Beschwerde nicht lösen können, können Sie sich an die zuständige Aufsichtsbehörde für Barrierefreiheit in Ihrem Mitgliedstaat wenden. Besucher:innen aus dem UK können sich an die Equality and Human Rights Commission wenden. US-Besucher:innen können beim Department of Justice nach der ADA Beschwerde einreichen.

Änderungen dieser Erklärung

Wir aktualisieren das oben genannte Datum „Zuletzt aktualisiert" immer dann, wenn wir Änderungen ausliefern, die für die Barrierefreiheit relevant sind. Wesentliche Erweiterungen (eine neue Funktion auf der Website, eine neue Sprache, die Behebung einer dokumentierten Einschränkung) werden hier ebenfalls zusammengefasst.