Barrierefreiheits-Erklärung
www.tree4tree.com
30. September 2025
Konformitätsstatus
Wir sind fest davon überzeugt, dass das Internet für alle Menschen verfügbar und zugänglich sein sollte. Deshalb verpflichten wir uns, eine Website bereitzustellen, die für möglichst viele Nutzerinnen und Nutzer – unabhängig von Umständen und Fähigkeiten – zugänglich ist.
Um dies zu erreichen, orientieren wir uns so strikt wie möglich an den Web Content Accessibility Guidelines (WCAG) 2.1 des World Wide Web Consortiums (W3C) auf Konformitätsstufe AA. Diese Richtlinien erläutern, wie Webinhalte für Menschen mit einer Vielzahl von Beeinträchtigungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass unsere Website für alle Menschen zugänglich ist: blinde Menschen, Personen mit motorischen Einschränkungen, Seheinschränkungen, kognitiven Beeinträchtigungen und mehr.
Diese Website nutzt verschiedene Technologien, um die Zugänglichkeit jederzeit bestmöglich zu gewährleisten. Wir setzen eine Barrierefreiheits-Benutzeroberfläche ein, mit der Personen mit spezifischen Beeinträchtigungen das UI (User Interface) der Website an ihre individuellen Bedürfnisse anpassen können.
Zusätzlich verwendet die Website eine KI-gestützte Anwendung, die im Hintergrund läuft und den Barrierefreiheitsgrad kontinuierlich optimiert. Diese Anwendung überarbeitet das HTML der Website, passt Funktionalität und Verhalten für Screenreader (für blinde Nutzerinnen und Nutzer) an und optimiert die Tastaturbedienung für Personen mit motorischen Einschränkungen.
Wenn du eine Fehlfunktion festgestellt hast oder Ideen zur Verbesserung hast, freuen wir uns über deine Rückmeldung. Du kannst die Betreiber der Website per E-Mail unter info@tree4tree.com erreichen.
Screenreader- und Tastaturnavigation
Unsere Website implementiert ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensanpassungen, um sicherzustellen, dass blinde Nutzerinnen und Nutzer mit Screenreadern die Website lesen, verstehen und nutzen können. Sobald ein Screenreader erkannt wird, erscheint ein Hinweis, das Screenreader-Profil zu aktivieren, damit die Seite effektiv bedient werden kann. So erfüllen wir unter anderem folgende Anforderungen (inklusive Konsolen-Screenshots von Codebeispielen):
Screenreader-Optimierung: Wir führen einen Hintergrundprozess aus, der die Komponenten der Website vollständig erfasst, um die fortlaufende Konformität auch bei Updates sicherzustellen. Dabei liefern wir Screenreadern mit Hilfe des ARIA-Attributsatzes aussagekräftige Daten. Beispielsweise stellen wir präzise Formularbeschriftungen, Beschreibungen für interaktive Icons (Social-Media-Icons, Such-Icons, Warenkorb-Icons etc.), Validierungshinweise für Formulareingaben sowie Rollen wie Buttons, Menüs, modale Dialoge (Pop-ups) u. a. bereit. Außerdem scannt der Hintergrundprozess alle Bilder der Website und vergibt – sofern nicht vorhanden – aussagekräftige ALT-Texte auf Basis der Bilderkennung. Mit OCR (Optical Character Recognition) werden zudem in Bildern eingebettete Texte extrahiert. Um Screenreader-Anpassungen jederzeit zu aktivieren, genügt die Tastenkombination Alt+1. Beim Betreten der Website erhalten Screenreader-Nutzer/innen automatisch eine Aufforderung, den Screenreader-Modus zu aktivieren.
Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, einschließlich JAWS und NVDA.
Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch das HTML der Website an und ergänzt verschiedene JavaScript-Verhaltensweisen, damit die Website vollständig per Tastatur bedient werden kann. Dazu gehören u. a.: Navigation mit Tab und Shift+Tab, Bedienen von Dropdowns mit den Pfeiltasten, Schließen mit Esc, Auslösen von Buttons und Links mit Enter, Wechseln zwischen Radio-Buttons und Checkboxen mit den Pfeiltasten sowie Ausfüllen mit Leertaste oder Enter. Zusätzlich stehen Schnellnavigations- und Inhalts-Sprungmenüs zur Verfügung – jederzeit über Alt+1 oder als erste fokussierbare Elemente beim Navigieren mit der Tastatur. Der Hintergrundprozess behandelt auch ausgelöste Pop-ups, indem der Tastaturfokus unmittelbar auf sie gesetzt wird und ein Fokusdrift nach außen verhindert wird.
Nutzer/innen können außerdem Shortcuts verwenden, um direkt zu bestimmten Elementen zu springen: „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken).
Unterstützte Profile für Barrierefreiheit auf unserer Website
-
Epilepsie-sicherer Modus: Entfernt Risiken durch blitzende/ blinkende Animationen und problematische Farbkombinationen.
-
Modus für Sehbeeinträchtigte: Passt die Website für Nutzer/innen mit z. B. nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom u. a. an.
-
Modus für kognitive Beeinträchtigungen: Bietet unterstützende Optionen, damit Nutzer/innen mit z. B. Dyslexie, Autismus, Schlaganfallfolgen (CVA) u. a. sich einfacher auf wesentliche Inhalte konzentrieren können.
-
ADHS-freundlicher Modus: Hilft Nutzer/innen mit ADHS und neurodevelopmentalen Störungen, Hauptinhalte leichter zu lesen, zu browsen und sich zu fokussieren – bei deutlich reduzierten Ablenkungen.
-
Blindheits-Modus: Konfiguriert die Website für Screenreader-Kompatibilität (JAWS, NVDA, VoiceOver, TalkBack). Ein Screenreader ist eine Software für blinde Nutzer/innen auf Computer und Smartphone, mit der Websites kompatibel sein müssen.
-
Tastaturnavigations-Profil (motorisch eingeschränkt): Ermöglicht die Bedienung der Website mit Tab, Shift+Tab und Enter. Auch hier funktionieren die Shortcuts „M“, „H“, „F“, „B“ und „G“.
Zusätzliche Anpassungen bei UI, Design und Lesbarkeit
-
Schriftanpassungen: Nutzer/innen können Schriftgröße vergrößern/verkleinern, Schriftfamilie ändern, Abstände, Ausrichtung und Zeilenhöhe anpassen u. v. m.
-
Farbanpassungen: Auswahl verschiedener Kontrastprofile (hell, dunkel, invertiert, monochrom). Zusätzlich lassen sich Farbschemata für Überschriften, Texte und Hintergründe austauschen – mit über sieben Farboptionen.
-
Animationen: Personen mit Epilepsie können alle laufenden Animationen per Klick stoppen. Dazu zählen Videos, GIFs und blinkende CSS-Übergänge.
-
Inhalts-Hervorhebung: Wichtige Elemente wie Links und Titel können hervorgehoben werden; alternativ lassen sich nur fokussierte oder „hovered“ Elemente betonen.
-
Audio-Stummschaltung: Nutzer/innen mit Hörgeräten können durch automatisch abgespielte Audios Kopfschmerzen oder andere Probleme bekommen. Diese Option lässt die gesamte Website sofort stummschalten.
-
Kognitive Unterstützung: Wir nutzen eine Suchfunktion, die mit Wikipedia und Wiktionary verknüpft ist, damit Begriffe, Abkürzungen, Slang u. a. leichter verstanden werden können.
-
Weitere Funktionen: Option zur Änderung von Cursorfarbe und -größe, Druckmodus, virtuelle Tastatur und vieles mehr.
Kompatibilität mit Browsern und unterstützender Technologie
Wir möchten die größtmögliche Bandbreite an Browsern und Assistenztechnologien unterstützen, damit unsere Nutzer/innen mit möglichst wenigen Einschränkungen die für sie passenden Werkzeuge wählen können. Daher haben wir intensiv daran gearbeitet, alle großen Systeme zu unterstützen, die zusammen über 95 % Marktanteil abdecken – darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge sowie die Screenreader JAWS und NVDA.
Hinweise, Kommentare und Feedback
Trotz größter Sorgfalt kann es Seiten oder Bereiche geben, die noch nicht vollständig barrierefrei sind, sich derzeit in Überarbeitung befinden oder für die noch keine geeignete technische Lösung vorliegt. Wir verbessern die Barrierefreiheit fortlaufend, erweitern und optimieren Optionen und Funktionen und entwickeln bzw. übernehmen neue Technologien. Ziel ist es, ein optimales Maß an Barrierefreiheit im Zuge des technischen Fortschritts zu erreichen.
Für Unterstützung wende dich bitte an info@tree4tree.com .