Diese Erklärung zur Barrierefreiheit gilt für die Website mokka-agentur.de, betrieben von MOKKA Agentur, und wurde gemäß § 1 Abs. 1 des Barrierefreiheitsstärkungsgesetzes (BFSG) vom 23. Juli 2021 erstellt.
Stand der Vereinbarkeit mit den Anforderungen
Diese Website ist weitgehend mit dem Barrierefreiheitsstärkungsgesetz (BFSG) und der europäischen Norm EN 301 549 V3.2.1 vereinbar. Die Anforderungen basieren auf den Web Content Accessibility Guidelines (WCAG) 2.1 Level AA.
Umgesetzte Maßnahmen
Die folgenden Barrierefreiheitsmaßnahmen wurden vollständig implementiert:
- WCAG 1.1.1 (Nicht-Text-Inhalte): Alle informativen Bilder verfügen über aussagekräftige Alt-Texte. Dekorative Bilder sind als aria-hidden markiert.
- WCAG 1.3.1 (Info und Beziehungen): Korrekte Heading-Hierarchie (H1–H6), semantische HTML5-Elemente (nav, main, section, footer) und ARIA-Landmarks.
- WCAG 1.3.2 (Bedeutungsvolle Reihenfolge): Logische DOM-Reihenfolge in allen Komponenten.
- WCAG 1.4.3 (Kontrast minimum): Alle Texte erfüllen das Kontrastverhältnis von 4,5:1 (AA). Footer-Bereiche mit dunklem Hintergrund nutzen helle Textfarben.
- WCAG 1.4.11 (Nicht-Text-Kontrast): Interaktive Elemente und UI-Komponenten haben ausreichende Kontraste.
- WCAG 2.1.1 (Tastatur): Alle interaktiven Elemente sind per Tastatur erreichbar und bedienbar. Skip-Links für "Zum Hauptinhalt springen" und "Zur Navigation springen" vorhanden.
- WCAG 2.4.3 (Fokus-Reihenfolge): Logische Fokus-Reihenfolge throughout.
- WCAG 2.4.7 (Fokus sichtbar): Sichtbare Focus-Indikatoren (3px solid outline) für alle interaktiven Elemente mit ausreichendem Offset.
- WCAG 2.5.5 (Zielgröße): Klick- und Touch-Targets sind mindestens 44×44px.
- WCAG 3.1.1 (Sprache der Seite): html lang="de" korrekt gesetzt.
- WCAG 3.2.2 (Bei Eingabe): Formulare validieren vor dem Absenden und geben klare Fehlermeldungen.
- WCAG 3.3.2 (Beschriftungen): Alle Formularfelder haben sichtbare Labels (for/id Verknüpfung).
- WCAG 4.1.2 (Name, Rolle, Wert): ARIA-Labels für Navigation, Buttons, interaktive Widgets. role="banner", role-Attribute korrekt eingesetzt.
- EN 301 549 / WCAG 2.3.3 (Animation aus Interaktionen): prefers-reduced-motion vollständig unterstützt – alle Animationen werden bei aktivierter Einstellung deaktiviert.
Bekannte Einschränkungen
Trotz unserer Bemühungen können folgende Bereiche noch Einschränkungen aufweisen:
- Einige Drittanbieter-Komponenten (Cookie-Consent-Banner via vanilla-cookieconsent) können Tastatur-Fokusfallen in seltenen Browser-Konstellationen aufweisen.
- Before/After-Slider im Portfolio funktionieren primär per Drag & Touch; eine Tastatur-Alternative ist begrenzt verfügbar.
- Einige inline SVG-Icons im Footer und Header haben keine role="img" oder aria-label Attribute.
Diese Einschränkungen werden bei der nächsten Überarbeitung der betroffenen Komponenten behoben. Geplante Behebung: Q3 2026.
Erstellung und Überprüfung dieser Erklärung
Diese Erklärung wurde am 22. November 2025 erstellt und zuletzt am 12. April 2026 überprüft.
Die Bewertung basiert auf einer Selbstbewertung anhand der WCAG 2.1 Level AA Kriterien und der EN 301 549 V3.2.1.
Barrieren melden / Feedback geben
Haben Sie Probleme bei der Nutzung unserer Website aufgrund von Barrieren? Wir nehmen Ihr Feedback ernst und arbeiten daran, unsere Website für alle zugänglich zu machen.
Kontaktmöglichkeiten:
- E-Mail: barrieren@mokka-agentur.de
- Kontaktformular: Barriere melden
- Telefon: +49 1522 2570613
- Post: MOKKA Agentur GbR, Untere Wiesenstraße 32, 57271 Hilchenbach
Wir bemühen uns, Ihre Anfrage innerhalb von 5 Werktagen zu beantworten und eine Lösung innerhalb von 30 Tagen bereitzustellen (gemäß § 12 Abs. 2 BFSG).
Durchsetzungsverfahren
Wenn wir Ihre Mitteilung nicht innerhalb der in § 12 Abs. 2 BFSG genannten Frist beantworten oder Sie mit unserer Antwort nicht einverstanden sind, können Sie sich an die zuständige Durchsetzungsstelle wenden:
Bundesanstalt für Arbeitsschutz und Arbeitsmedizin (BAuA)
Friedrich-Henkel-Weg 1-25, 44149 Dortmund
Weitere Informationen unter: www.baua.de – Barrierefreiheit
Technische Spezifikationen
Die Barrierefreiheit dieser Website wurde unter Berücksichtigung folgender Technologien getestet:
- HTML5 (semantische Struktur)
- CSS3 (inkl. @media prefers-reduced-motion)
- JavaScript (React 19 / Next.js 15)
- WAI-ARIA (Accessible Rich Internet Applications)
Getestet wurde mit: Chrome, Firefox, Safari, Edge (jeweils aktuelle Version), NVDA (Screenreader), Tastatur-Navigation und VoiceOver (macOS/iOS).