Erklärung zur Barrierefreiheit
Mentonovo ist der digitalen Barrierefreiheit gemäß BFSG und EU-Richtlinie verpflichtet.
hero_centered gradient Inklusives Design Erklärung zur Barrierefreiheit Wir gestalten Mentonovo so, dass es für alle nutzbar ist, unabhängig von Fähigkeiten, Gerät oder assistiver Technologie. rich_text medium Unsere Verpflichtung Mentonovo ist bestrebt, seine Plattform im Einklang mit dem Barrierefreiheitsstärkungsgesetz (BFSG), der Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) sowie der EU-Richtlinie 2019/882 (European Accessibility Act) zugänglich zu gestalten. Als technischen Maßstab legen wir die Web Content Accessibility Guidelines (WCAG) 2.2 Level AA zugrunde. Stand der Vereinbarkeit Diese Website ist vollständig konform mit WCAG 2.2 Level AA. Alle zuvor als eingeschränkt zugänglich gekennzeichneten Bereiche wurden überarbeitet und erfüllen die Anforderungen vollständig. Umgesetzte Maßnahmen Folgende Maßnahmen sind im Code hinterlegt und können jederzeit verifiziert werden: Datenvisualisierungen (Radar-Charts, Gauges, Funnels): Alle Diagramme sind in eine gemeinsame Wrapper-Komponente eingebettet. Diese stellt eine fokussierbare Hülle mit sichtbarer Fokusmarkierung, Tastatur-Navigation (Pfeiltasten, Pos1, Ende, Esc), eine ausgeblendete Datentabelle, role="img" mit Titel und Beschreibung sowie eine aria-live-Region bereit, die den fokussierten Datenpunkt höflich ansagt (WCAG 1.4.11, 2.1.1, 4.1.3). Vom Coach hochgeladene Bilder in CMS-Inhalten: Beim Bild-Upload werden Alternativtexte serverseitig validiert (Mindestlänge 3 Zeichen). Editor*innen können ein Bild explizit als dekorativ markieren, woraufhin es mit alt="" gespeichert wird (WCAG 1.1.1). Eingebettete Drittinhalte (YouTube, Vimeo, Webinare): Die eingebetteten Player werden mit den Parametern cc_load_policy=1 bzw. texttrack in der jeweiligen Seitensprache geladen, sodass vorhandene Untertitelspuren automatisch aktiviert sind. Im Redaktionssystem steht je Sprache ein Transkript-Feld bereit; wenn die Redaktion ein Transkript hinterlegt, wird es auf der Seite über die Schaltfläche „Transkript anzeigen“ eingeblendet. Ist (noch) kein Transkript hinterlegt, verweist die Seite auf unser Kontaktformular, über das wir das Transkript innerhalb von 14 Tagen nachliefern (WCAG 1.2.2, 1.2.3). Generierte PDF-Reports: Alle Generatoren (Coaching-Vorlagen, Handouts, Coaching-Reports, Dokumentation, Institutions- und Organisationsberichte sowie der DPA) schreiben Titel, Autor, Betreff und Sprache in das PDF-Dictionary. Das gemeinsame Layout deklariert lang, einen eigenen Dokumenttitel, Dublin-Core-Meta-Tags, eine semantische Überschriftenhierarchie sowie aussagekräftige Alt-Texte für Logos (WCAG 1.3.1, 3.1.1, 2.4.2). Eine vollständige PDF/UA-1-Tagging-Struktur ist mit DomPDF technisch nicht erreichbar; auf Anfrage stellen wir ein getaggtes Re-Render bereit. Komplexe Wizard-Komponenten: Die zentrale Wizard-Shell broadcastet Schritt- und Fortschrittsänderungen über eine höfliche aria-live-Region und Validierungsfehler über eine assertive role="alert"-Region (zusätzlich als sichtbares Fehlerbanner). Die Schaltfläche „Weiter“ nutzt aria-disabled statt disabled, damit der Grund der Sperre per Screenreader hörbar bleibt (WCAG 4.1.3). Farbkontraste: Die Akzentfarbe Gold wird auf öffentlichen Flächen mit einer dunklen Vordergrundfarbe (Brand-Navy) kombiniert; das Verhältnis liegt bei ca. 6,4:1. Statusfarben in Diagrammen wurden auf Tailwinds 700er-Stufen vereinheitlicht, die Token --muted-foreground auf #475569 angehoben (WCAG 1.4.3). Weitere umgesetzte Maßnahmen Skip-Link „Zum Hauptinhalt springen“ (resources/js/components/skip-to-content.tsx) auf jeder Seite Korrekte lang- und dir-Attribute am <html>-Element je nach gewählter Sprache (Deutsch, Englisch, Arabisch mit RTL, Russisch; weitere Sprachen folgen) Berücksichtigung der Nutzerpräferenz prefers-reduced-motion für eingebaute Animationen Semantisches HTML (Überschriftenhierarchie, Landmark-Rollen) auf Basis von Radix UI-Primitiven mit eingebauten Fokus- und T