Zum Inhalt springen

Barrierefreiheit

Planen, wie es für dich passt

Targela übernimmt die Bedienungshilfen, die du auf deinem Handy oder Computer schon nutzt. Du musst nichts installieren und nichts einschalten.

Was du vom ersten Tag an bekommst

Sortiert nach dem, was du brauchst, nicht nach Richtliniennummer.

  • Sehen

    • Text und Bedienelemente erfüllen die Kontrastvorgaben der WCAG 2.2 AA im hellen und dunklen Modus.
    • Wünscht dein Gerät mehr Kontrast, werden Text, Rahmen und Fokusrahmen kräftiger.
    • Im Windows-Kontrastmodus bleiben alle Bedienelemente und Fokusrahmen sichtbar.
    • Text wächst mit der Textgröße von Browser und System. Unter Android bis zu den größten Stufen der Bedienungshilfen.
  • Tastatur und Touch

    • Jede Seite beginnt mit einem Link, der direkt zum Hauptinhalt springt.
    • Nach einem Seitenwechsel springt der Fokus zum neuen Inhalt, du musst also nicht erneut durchs Menü tabben.
    • Schaltflächen und Links sind auf Touchscreens mindestens 44 Pixel groß.
  • Bewegung und Timing

    • Schalte reduzierte Bewegung ein, und die Animationen stoppen.
    • Unter Android sagt dir dein Screenreader, wenn eine Fokus- oder Pausenphase endet.
  • Screenreader

    • Jede Schaltfläche, jeder Link und jedes Feld hat einen Namen.
    • Eigene Bedienelemente geben an, ob sie ausgewählt oder aufgeklappt sind.
    • Ein vollständiger manueller Test mit VoiceOver, TalkBack und NVDA läuft noch.

Nach deinen Wünschen

Einstellungen, die dein Gerät nur ergänzen

Unter Einstellungen → Barrierefreiheit wählst du größeren Text, reduzierte Bewegung oder mehr Kontrast. Sie schwächen nie ab, was dein Gerät bereits verlangt. Unter Android kannst du außerdem das haptische Feedback ausschalten.

Einstellungen zur Barrierefreiheit öffnen

Damit es so bleibt

Bei jeder Änderung prüfen Maschinen nach

Barrierefreiheit geht leise kaputt, meist durch eine Farbänderung, die niemand getestet hat. Deshalb wird sie automatisch geprüft.

  1. Markup-Regeln

    Jede Seitenvorlage wird vor dem Commit auf fehlende Beschriftungen, Rollen und Namen geprüft.

  2. Komponententests

    Gemeinsame Schaltflächen, Auswahlfelder, Dialoge und Eingabefelder laufen bei jeder Änderung durch axe-core. Ein Fehler stoppt die Veröffentlichung.

  3. Android-Richtlinientests

    Die Tests von Flutter prüfen auf den wichtigsten Bildschirmen Größe der Bedienflächen, Beschriftungen und Textkontrast.

  4. Seitendurchlauf

    axe-core prüft die wichtigsten Seiten im hellen und dunklen Modus auf unserer Staging-Umgebung.

Was noch nicht funktioniert

Ein vollständiger manueller Test mit Screenreadern steht noch aus, und auf Seiten von Stripe und Google haben wir keinen Einfluss. Die Erklärung listet alles, was wir wissen, und wie du uns erreichst.

Probier es mit deinen eigenen Einstellungen

Lass deine Geräteeinstellungen, wie sie sind, registriere dich und plane dein erstes Ziel.