Erklärung zur Barrierefreiheit
Zuletzt aktualisiert: 8. Mai 2026
Tatonia ist bestrebt, sein Web- und Mobilerlebnis auf dem Niveau von WCAG 2.1 AA (Web Content Accessibility Guidelines) zu halten, damit jeder leicht auf Rezepte zugreifen kann. Diese Seite fasst zusammen, welche Funktionen wir unterstützen, in welchen Bereichen wir Verbesserungen vornehmen und wie Sie ein Hindernis melden können, auf das Sie stoßen.
Unterstützte Funktionen
- Tastaturnavigation: alle interaktiven Elemente (Link, Schaltfläche, Formularfeld) können mit Tab navigiert werden; sie können mit Enter / Space ausgelöst werden. Am Seitenanfang wird der Link "Zum Hauptinhalt springen" mit der Tabulatortaste sichtbar.
- Visueller Kontrast: alle Text-/Hintergrundkombinationen erfüllen die WCAG-AA-Schwellenwerte (normaler Text 4.5:1, großer Text 3:1). Helle und dunkle Designs werden separat überprüft, und die Kombinationen in der Palette werden automatisch getestet (Pre-Push-Guard).
- Screenreader-Unterstützung: semantisches HTML5 (header, nav, main, article, footer), ARIA-Landmarks sowie aria-label / aria-live / aria-invalid-Attribute werden verwendet. Für Rezeptbilder wird Alt-Text bereitgestellt, und bei fehlenden Bildern bleibt der Alt-Text mit einem Emoji-Fallback erhalten.
- Formular-Barrierefreiheit: alle Eingabefelder sind beschriftet (label), Fehlermeldungen werden mit aria-describedby verknüpft, Pflichtfelder verwenden aria-required.
- Bewegungsreduzierung: prefers-reduced-motion respektiert die Nutzerpräferenz; Auto-Play-Übergänge stoppen.
- Farbunabhängigkeit: wichtige Informationen werden nicht allein durch Farbe vermittelt (z. B. Farbe + Symbol + Text bei Allergen-Badges).
- Schriftskalierung: respektiert die Schriftgrößeneinstellung des Browsers / Systems, und das Layout bricht bei 200 % Zoom nicht.
- Mobile Touch-Ziele: Schaltflächen / Links sind mindestens 44×44 px groß (WCAG 2.5.5 Target Size).
- Sprachsuche: in der mobilen App können Sie mit dem Mikrofonsymbol nach Rezepten suchen (iOS 13+ / Android 5+).
Verbesserungsbereiche
Bereiche, die wir kontinuierlich verbessern; diese Liste der umgesetzten Arbeiten wächst:
- Vorlesen im Kochmodus (cooking mode) per Text-to-Speech (TTS): Rezeptschritte können automatisch vorgelesen werden, praktisch, wenn Ihre Hände fettig sind.
- Woran wir derzeit arbeiten: die Pflicht zu Untertiteln und Transkripten für Videoinhalte auf neuen Rezeptseiten (nach dem Launch).
Prüfmethode
Automatische Prüfebenen:
- axe-core-E2E-Tests (Ziel von 0 Verstößen auf kritischem + schwerwiegendem Niveau).
- Lighthouse-CI-Accessibility-Score ≥95/100 (automatisch bei jedem PR).
- Farbpalette-Kontrast-Guard (Pre-Push, mathematische WCAG-AA- Verifizierung).
- Manueller Navigationsdurchlauf nur mit Tastatur (bei neuen Funktionen).
Sind Sie auf ein Hindernis gestoßen?
Wenn Sie auf einer Seite ein Problem mit der Barrierefreiheit erleben, teilen Sie es uns bitte mit. Wir werden das Feedback so schnell wie möglich bewerten und Verbesserungen vornehmen.
E-Mail: [email protected]
Allgemeiner Support: [email protected]
Wenn Sie Ihrer Nachricht die folgenden Details hinzufügen, lösen wir das Problem schneller: vollständige URL, Browser + Version, die von Ihnen verwendete unterstützende Technologie (falls vorhanden), das erwartete Verhalten, das beobachtete Verhalten.
Standards und Geltungsbereich
Diese Erklärung gilt für die Website tatonia.com und die mobile Tatonia-App. Drittanbieterdienste (Cloudflare, Vercel, Resend, Cloudinary, Upstash) unterliegen ihren eigenen Erklärungen zur Barrierefreiheit; wir kontrollieren sie nicht direkt.
Der Standard, den wir anstreben: WCAG 2.1 AA (im Einklang mit der europäischen EN 301 549). Teilweise erfüllte Kriterien werden im Abschnitt "Verbesserungsbereiche" dieser Erklärung verfolgt.
Diese Erklärung zur Barrierefreiheit wurde am 8. Mai 2026 erstellt. Wenn eine wesentliche Änderung eintritt, wird das obige Datum "Zuletzt aktualisiert" erneuert.