Barrierefreiheit

Wie wir für Tastatur-, Screenreader-, Sehschwäche- und technisch eingeschränkte Nutzer entwickeln. Eine ehrliche, datierte Bestandsaufnahme.

Diese Seite ist so geschrieben wie der Rest der Website: was funktioniert, was nicht, und wie Sie es selbst prüfen können. Sie ist datiert, weil Barrierefreiheit ein bewegliches Ziel ist. Wir testen nach jeder größeren Version neu.

Was wir zusagen

• Vollständige Tastaturnavigation. Jede Generatorfunktion, jedes Modal und jeder Export-Ablauf ist ohne Maus erreichbar.
• Sichtbare Fokuszustände. Fokussierte Eingabefelder, Schaltflächen und Links zeigen einen deutlichen Ring. Wir verlassen uns nicht ausschließlich auf Farbe.
• Beschriftungen für jedes Feld. Formulareingaben haben zugeordnete <label>-Elemente oder aria-label-Attribute. Platzhaltertext wird nie als einzige Beschriftung verwendet.
• ARIA-Live-Regionen für die QR-Vorschau und Toasts. Screenreader hören „QR generiert” und Toast-Nachrichten, wenn sie ausgelöst werden, nicht erst wenn der Fokus dorthin wandert.
• Textalternativen für reine Icon-Schaltflächen. aria-label bei jeder SVG-Schaltfläche ohne Text.
• Farbunabhängige Statusbedeutung. Scan-Qualitäts-Badges und Kompatibilitätschips kombinieren Farbe mit einem Symbol und einer Textbeschriftung.
• Explizite Exportformatnamen. Download-Schaltflächen nennen „Download PNG”, „Download SVG” usw., nicht nur „Herunterladen”.
• Große Touch-Ziele auf Mobilgeräten. Interaktive Elemente sind bei groben Zeigern mindestens 44 × 44 CSS-Pixel groß, gemäß WCAG 2.5.8.
• Berücksichtigung reduzierter Bewegung. Übergänge werden unter prefers-reduced-motion: reduce deaktiviert.

Wo wir noch Nachholbedarf haben

• Die Screenreader-Testabdeckung ist uneinheitlich. Der Generator wurde mit VoiceOver (macOS/iOS) und NVDA getestet. JAWS und TalkBack brauchen noch mehr Zeit.
• Der Visitenkarten-Designer ist bewusst mauslastig (Ziehen zum Positionieren, Canvas-Vorschau). Tastaturalternativen gibt es für jedes Steuerelement, aber die Live-Vorschau ist noch immer primär visuell.
• Komplexe Generator-Abläufe (Batch-CSV, mehrstufiger Assistent) könnten eine bessere Skip-Link-Struktur gebrauchen. Geplant.
• Unsere Kompatibilitätsmatrix wird derzeit als HTML-Tabelle dargestellt. Spaltenüberschriften für Screenreader funktionieren, aber wir möchten längere beschreibende Zusammenfassungen für jede Zeile ergänzen.

Getestete Browser und Hilfstechnologien

Letzter vollständiger Testlauf: April 2026. Zwischen den Testläufen führen wir Stichproben nach wesentlichen UI-Änderungen durch.

Tastatur-Übersicht

• Tab / Shift+Tab: vorwärts / rückwärts durch fokussierbare Elemente.
• Enter / Leertaste: Schaltflächen und Umschalter aktivieren.
• Pfeiltasten: zwischen Optionen innerhalb einer Radiogruppe (Typselektor, Vorlagenauswahl, Tab-Leiste) wechseln.
• Escape: Modals schließen (Visitenkarten-Designer, Preflight, Druckdienste, Bildzuschnitt).
• Pos1 / Ende in einem Überlaufmenü: zum ersten / letzten Element springen.

Problem melden

Wenn etwas per Tastatur nicht erreichbar ist, falsch beschriftet ist oder mit Ihrer Konfiguration nicht nutzbar ist, schreiben Sie an hello@abundera.ai. Geben Sie Browser, Betriebssystem, Hilfstechnologie und den betroffenen Ablauf an. Wir behandeln Barrierefreiheitsprobleme als Prioritätsfehler.

Zuletzt geprüft: 2026-04-16. Nächste Prüfung: nach der nächsten größeren UI-Änderung.