Barrierefreiheitserklärung

WCAG 2.2 AA – Status & Ziel

Hier finden Sie unseren aktuellen Stand, die wichtigsten Maßnahmen und einen einfachen Weg, Barrieren zu melden. Keine Rechtsberatung.

AA WCAG 2.2 (Ziel)
78 Kriterien
24/7 Feedback
✓ Tests laufen
Zum Status
Status: weitestgehend vereinbar · Ziel: vollständige WCAG 2.2 AA-Konformität
Konformitätsstatus

Stand & Ziel

Stand: weitestgehend WCAG 2.2 AA-vereinbar (Selbstbewertung + Tests).
Ziel: vollständige Erfüllung aller 78 Kriterien.

Wahrnehmbarkeit

Stand: hoch
  • Alternative Texte für alle informativen Bilder
  • Farbkontraste ≥4.5:1 (normaler Text) / ≥3:1 (großer Text)
  • Zoom bis 200% ohne Datenverlust
  • Keine Informationen nur durch Farbe
  • Audio-Kontrolle für automatische Wiedergabe
  • Responsive Text ohne horizontales Scrollen

Bedienbarkeit

Stand: hoch
  • Vollständige Keyboard-Zugänglichkeit
  • Touch-Ziele mindestens 48×48px
  • Keine Keyboard-Fallen
  • Sichtbare Fokus-Indikatoren
  • Skip Links für schnelle Navigation
  • Konsistente Navigation

Verständlichkeit

Stand: hoch
  • Sprache der Seite definiert (lang="de")
  • Vorhersagbare Navigation
  • Eingabehilfen und Fehlervermeidung
  • Verständliche Anweisungen
  • Konsistente Identifikation
  • Kontexthilfen bei komplexen Eingaben

Robustheit

Stand: hoch
  • Valider, semantischer HTML-Code
  • Kompatibilität mit Hilfstechnologien
  • Screenreader-Unterstützung (NVDA, JAWS, VoiceOver getestet)
  • Cross-Browser Kompatibilität
  • Progressive Enhancement
  • Standards-konforme Implementierung
Implementierte Features

Konkrete Barrierefreiheits-Maßnahmen

Diese Maßnahmen orientieren sich an Best Practices und gehen über die gesetzlichen Mindestanforderungen hinaus.

Bedienung ohne Maus

Die gesamte Website ist vollständig per Tastatur bedienbar – keine Maus erforderlich.

  • Tab/Shift+Tab für sequenzielle Navigation
  • Pfeiltasten für Menü-Navigation
  • Enter/Space für Aktivierung
  • Escape zum Schließen von Dialogen
  • Sprunglinks zu Hauptbereichen
  • Fokus bleibt in Dialogen bis zum Schließen

Mobile Bedienung

Große Touch-Ziele und ausreichende Abstände für einfache Bedienung auf Mobilgeräten.

  • Touch-Ziele mindestens 48×48px
  • Mobile Touch-Ziele 56px+ für bessere Bedienung
  • Ausreichende Abstände zwischen Elementen
  • Formulare für Touch optimiert
  • Wischgesten optional (alles auch ohne Gesten bedienbar)
  • Visuelle Bestätigung bei Aktionen

Visuelle Anpassungen

Optimierte Darstellung für Menschen mit Sehbehinderungen und Farbschwächen.

  • Farbkontraste ≥4.5:1 für normalen Text
  • Farbkontraste ≥3:1 für großen Text
  • Keine Informationen nur durch Farbe
  • Sichtbare Fokus-Indikatoren
  • Zoom bis 200% ohne Funktionsverlust
  • Animationen reduzierbar (Reduced Motion)

Screenreader-Unterstützung

Getestet mit gängigen Screenreadern für optimale Vorlesbarkeit.

  • NVDA (Windows) – vollständig getestet
  • JAWS (Windows) – kompatibel
  • VoiceOver (macOS/iOS) – optimiert
  • TalkBack (Android) – unterstützt
  • Beschriftungen und Rollen vollständig
  • Dynamische Inhalte werden angesagt
BFSG-Ausrichtung

Orientierung am BFSG (keine Rechtsberatung)

Wir orientieren uns an den Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG). Ob ein konkretes Angebot betroffen ist, hängt vom Anwendungsbereich ab – keine Rechtsberatung.

Hintergrund

Das BFSG gilt seit 28. Juni 2025 für bestimmte Produkte und Dienstleistungen; ob ein Angebot betroffen ist, hängt vom konkreten Anwendungsbereich ab.

  • WCAG 2.2 AA als empfohlener Standard
  • Barrierefreiheitserklärung (Best Practice)
  • Feedback-Mechanismus bereitstellen
  • Regelmäßige Überprüfung durchführen
  • Dokumentation der Maßnahmen

Unsere Maßnahmen

Wir setzen empfohlene Best Practices um und verbessern fortlaufend.

  • WCAG 2.2 AA als Orientierung
  • 78 Erfolgskriterien im Blick
  • Kontinuierliche Überwachung implementiert
  • Feedback-System aktiv
  • Regelmäßige Prüfungen durchgeführt

Kontinuierliche Verbesserung

Barrierefreiheit ist ein fortlaufender Prozess. Wir überwachen und verbessern kontinuierlich.

  • Regelmäßige automatisierte Tests
  • Manuelle Audits nach Bedarf
  • Nutzer-Feedback wird integriert
  • Technologie-Updates berücksichtigt
  • Best-Practice-Umsetzung
Technische Umsetzung

Wie wir Barrierefreiheit implementieren

Semantisches HTML

Verwendung bedeutungsvoller HTML-Elemente für bessere Struktur:

  • <main> für Hauptinhalt
  • <nav> für Navigation
  • <section> für Inhaltsbereiche
  • <article> für eigenständige Inhalte
  • <aside> für ergänzende Informationen
  • Proper heading hierarchy (H1-H6)

ARIA-Implementierung

Erweiterte Accessibility durch ARIA-Attribute:

  • aria-label für beschreibende Labels
  • aria-describedby für Zusatzinformationen
  • role für semantische Rollen
  • aria-expanded für Dropdown-Status
  • aria-live für dynamische Inhalte
  • aria-current für aktuelle Seite

Keyboard Navigation

Optimierte Tastaturnavigation für alle Nutzer:

  • Logische Tab-Reihenfolge
  • Roving Tabindex für Menüs
  • Focus-Trap in Modals
  • Skip Links für Hauptbereiche
  • Escape-Funktionalität überall

Mobile Accessibility

Spezielle Optimierungen für mobile Barrierefreiheit:

  • Touch Targets ≥48×48px (WCAG 2.2)
  • Mobile Touch Targets 56px+ für bessere UX
  • Gestenbasierte Navigation zugänglich
  • Voice Control Unterstützung
  • Switch Navigation kompatibel
  • Reduced Motion Support

Tastenkombinationen

Tastenkombination Funktion
Alt+H Sprung zum Header / Navigation
Alt+M Sprung zum Hauptinhalt (Main)
Alt+F Sprung zum Footer
Tab Zum nächsten interaktiven Element
Shift+Tab Zum vorherigen interaktiven Element
Enter/Space Element aktivieren (Links, Buttons)
Escape Dialog/Modal schliessen
↑ ↓ Navigation in Dropdown-Menüs

Hinweis: Die Tastenkombinationen mit Alt funktionieren in den meisten Browsern. Bei macOS verwenden Sie Ctrl + Option statt Alt.

Testing & Validierung

Wie wir Barrierefreiheit prüfen

Automatisierte Tests (axe/Lighthouse/WAVE) laufen regelmäßig; zusätzlich manuelle Tests mit Screenreadern. Ergebnisse beziehen sich auf die geprüften Templates und werden fortlaufend aktualisiert.

Automatisierte Tests

axe-core Läuft regelmäßig
Lighthouse Accessibility-Score überwacht
WAVE Wird geprüft

Manuelle Tests

Screenreader NVDA, JAWS, VoiceOver
Nur Tastatur Vollständig navigierbar
Mobile Touch-Bedienung geprüft

Feedback

Nutzer-Rückmeldungen Werden ausgewertet
Hilfstechnologien Kompatibilität geprüft
Verbesserungen Fortlaufend umgesetzt
Barriere melden

Helfen Sie uns, noch besser zu werden

Haben Sie Probleme beim Zugang zu unserer Website? Ihr Feedback hilft uns, die Barrierefreiheit kontinuierlich zu verbessern.

Wie Sie uns erreichen können:

E-Mail accessibility@wendermedia.com
Telefon 0345-6867-6857
Post Arnold Wender, Franckestraße 3a, 06110 Halle (Saale)

Barriere melden

Beschreiben Sie so detailliert wie möglich, welche Barriere Sie erlebt haben

Für Rückfragen zu Ihrem Feedback

So geht's weiter: Wir bestätigen den Eingang (werktags), prüfen die gemeldete Barriere und melden uns mit dem nächsten Schritt oder einer Rückfrage.

Offizielle Erklärung

Barrierefreiheitserklärung nach BFSG

Geltungsbereich

Diese Barrierefreiheitserklärung gilt für die Website www.wendermedia.com der Wender Media, betrieben von Arnold Wender.

Stand der Vereinbarkeit mit den Anforderungen

Diese Website ist nach unserem Kenntnisstand weitestgehend mit den Anforderungen der WCAG 2.2 AA vereinbar. Wir verfolgen das Ziel, alle 78 Erfolgskriterien* zu erfüllen und optimieren fortlaufend.

Nicht barrierefreie Inhalte

Derzeit sind uns keine wesentlichen Barrieren bekannt. Sollten Sie Barrieren feststellen, informieren Sie uns bitte über den unten stehenden Feedback-Kanal.

Erstellung dieser Barrierefreiheitserklärung

Diese Erklärung wurde am 6. September 2025 erstellt und basiert auf einer umfassenden Selbstbewertung sowie automatisierten und manuellen Tests. Sie wird regelmäßig überprüft und bei Änderungen der Website oder der zugrunde liegenden Standards (WCAG 2.2 AA) aktualisiert.

Feedback und Kontaktangaben

Wenn Sie Barrieren auf dieser Website feststellen, kontaktieren Sie uns bitte:

Arnold Wender
Wender Media
Franckestraße 3a
06110 Halle (Saale)

E-Mail: accessibility@wendermedia.com
Telefon: 0345-6867-6857

Durchsetzungsverfahren

Wenn Sie keine zufriedenstellende Antwort über den oben genannten Feedback-Kanal erhalten, können Sie sich an die zuständigen Stellen wenden. Für Verbraucherinnen und Verbraucher steht nach § 34 BFSG ein kostenfreies Schlichtungsverfahren zur Verfügung:

Schlichtungsstelle nach dem Behindertengleichstellungsgesetz (BGG)
bei dem Beauftragten der Bundesregierung für die Belange von Menschen mit Behinderungen
Mauerstraße 53, 10117 Berlin
Website: schlichtungsstelle-bgg.de

Die Marktüberwachung für die Barrierefreiheit von Produkten und Dienstleistungen obliegt der Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF) mit Sitz in Magdeburg.

Häufige Fragen zur Barrierefreiheit

Hier finden Sie Antworten auf die wichtigsten Fragen. Weitere Fragen? Kontaktieren Sie uns

Was ist WCAG und welche Stufe muss meine Website erfüllen?

WCAG (Web Content Accessibility Guidelines) sind internationale Richtlinien für barrierefreie Websites mit drei Stufen: Level A als Basis, Level AA als Standard und vom BFSG gefordert sowie Level AAA für spezielle Anforderungen. Level AA umfasst Kontrast 4.5:1, Tastaturnavigation, Alternativtexte und Untertitel; automatische Tools finden nur etwa 30% der Probleme.

WCAG (Web Content Accessibility Guidelines) sind internationale Richtlinien für barrierefreie Websites:

  • Level A: Minimale Barrierefreiheit – absolute Basics
  • Level AA: Standard für öffentliche und kommerzielle Websites – vom BFSG gefordert
  • Level AAA: Höchste Stufe – für spezielle Anforderungen (Behörden, Bildung)

WCAG 2.1 Level AA beinhaltet:

  • Kontrastverhältnis 4.5:1 für normalen Text
  • Tastaturnavigation für alle Funktionen
  • Alternativtexte für alle Bilder
  • Untertitel für Videos
  • Keine rein visuelle Informationsvermittlung

Prüfung: Automatische Tools finden ~30% der Probleme, manuelle Prüfung notwendig für vollständige Compliance.

Wie mache ich meine Website für Screenreader zugänglich?

Sie machen Ihre Website für Screenreader zugänglich durch semantisches HTML mit korrekten Elementen, eine saubere Überschriften-Hierarchie ohne Sprünge, beschreibende Alt-Texte, ARIA-Labels für interaktive Elemente ohne sichtbaren Text, korrekt verknüpfte Formular-Labels und Skip-Links. Getestet wird mit echten Screenreadern wie NVDA oder VoiceOver.

Screenreader lesen Websites für blinde/sehbehinderte Nutzer vor. Für Kompatibilität:

  • Semantisches HTML: Korrekte Verwendung von <header>, <nav>, <main>, <article>, <footer>
  • Überschriften-Hierarchie: H1 → H2 → H3 ohne Sprünge
  • Alt-Texte: Beschreibende Texte für alle Bilder (nicht "Bild1.jpg")
  • ARIA-Labels: Für interaktive Elemente ohne sichtbaren Text
  • Formulare: Labels mit for-Attribut verknüpft, Fehlermeldungen zugänglich
  • Skip-Links: "Zum Hauptinhalt springen" für schnelle Navigation

Testen: Mit echtem Screenreader (NVDA kostenlos, VoiceOver auf Mac/iOS) oder Browser-Extensions.

Unser Ansatz: Barrierefreiheit von Anfang an einplanen, nicht nachträglich flicken.

Warum ist Tastaturnavigation wichtig und wie setze ich sie um?

Tastaturnavigation ist wichtig für motorisch eingeschränkte Nutzer, Power-User und Screenreader-Nutzer. Sie setzen sie um mit logischer Tab-Reihenfolge, einem stets sichtbaren Fokus-Indikator (niemals outline: none), Skip-Links, per Pfeiltasten bedienbaren Menüs, Fokus-Fang in modalen Dialogen und ohne Tastatur-Fallen. Testen Sie die ganze Seite nur mit Tab, Enter, Pfeiltasten und Escape.

Tastaturnavigation ist essentiell für:

  • Motorisch eingeschränkte Nutzer: Können keine Maus bedienen
  • Power-User: Arbeiten schneller mit Tastatur
  • Screenreader-Nutzer: Navigieren mit Tastatur

Umsetzung:

  • Tab-Reihenfolge: Logische Reihenfolge von oben nach unten, links nach rechts
  • Fokus-Indikator: Sichtbarer Rahmen um fokussiertes Element (nie outline: none!)
  • Skip-Links: Direkt zum Hauptinhalt springen
  • Dropdown-Menüs: Mit Pfeiltasten bedienbar
  • Modale Dialoge: Fokus wird gefangen, Escape schließt
  • Keine Tastatur-Fallen: Nutzer muss Element wieder verlassen können

Test: Komplette Website nur mit Tab, Enter, Pfeiltasten und Escape bedienen – geht das?

Was kostet es, eine Website barrierefrei zu machen?

Die Kosten für eine barrierefreie Website hängen vom Ausgangszustand ab: bei einer neuen Website rund 10-20% Aufpreis, bei der Anpassung bestehender Seiten je nach Umfang 2.000€ bis 15.000€+, ein BFSG-Audit nach WCAG 2.1 AA ab 980€ und laufende Überwachung ab 89€/Monat. Barrierefreiheit erreicht 10-15% mehr potenzielle Kunden.

Die Kosten hängen vom Ausgangszustand ab:

  • Neue Website (von Anfang an barrierefrei): +10-20% auf normale Entwicklungskosten
  • Bestehende Website anpassen: Je nach Umfang 2.000€ bis 15.000€+
  • BFSG-Audit: Vollständige Prüfung nach WCAG 2.1 AA ab 980€
  • Laufende Überwachung: Ab 89€/Monat für automatisierte Tests + manuelle Stichproben

Typische Maßnahmen:

  • Kontraste verbessern: 2-4 Stunden
  • Alt-Texte ergänzen: 10-30 Minuten pro Bild
  • Tastaturnavigation optimieren: 4-8 Stunden
  • Formulare zugänglich machen: 2-4 Stunden pro Formular

ROI-Rechnung: Barrierefreiheit erreicht 10-15% mehr potenzielle Kunden und verbessert SEO – die Investition zahlt sich aus.

Wie kann ich testen, ob meine Website barrierefrei ist?

Sie testen Barrierefreiheit mit einer Kombination aus automatischer und manueller Prüfung: automatische Tools wie WAVE, axe DevTools, Lighthouse und Pa11y finden etwa 30% der Probleme. Essentiell sind manuelle Tests – Tastaturtest, Screenreader-Test mit NVDA oder VoiceOver, Zoom-Test bei 200% und Farbenblindheits-Simulation.

Barrierefreiheit testen erfordert automatische und manuelle Prüfung:

Automatische Tools (finden ~30% der Probleme):

  • WAVE: Browser-Extension, zeigt Fehler direkt auf der Seite
  • axe DevTools: Chrome-Extension für Entwickler
  • Lighthouse: In Chrome DevTools integriert, Accessibility-Score
  • Pa11y: Kommandozeilen-Tool für automatisierte Tests

Manuelle Tests (essentiell):

  • Tastaturtest: Können Sie alle Funktionen nur mit Tastatur bedienen?
  • Screenreader-Test: NVDA (Windows), VoiceOver (Mac/iOS)
  • Zoom-Test: Ist die Seite bei 200% Zoom noch nutzbar?
  • Farbenblindheits-Simulation: Tools wie Colorblindly

Unser Audit: Vollständiger WCAG-2.1-AA-Check mit detailliertem Maßnahmenplan.

Sind Accessibility-Overlay-Widgets eine gute Lösung?

Nein, Accessibility-Overlay-Widgets wie AccessiBe oder UserWay sind keine gute Lösung: Sie schaffen keine echte Konformität, können strukturelle HTML-Probleme nicht lösen, stören oft Screenreader, bergen rechtliche Risiken trotz Nutzung und verlangsamen die Website. Die richtige Lösung ist Barrierefreiheit von Grund auf mit semantischem HTML und ARIA-Labels.

Kurze Antwort: Nein. Accessibility-Overlays (wie AccessiBe, UserWay, AudioEye) versprechen Barrierefreiheit per JavaScript-Widget, liefern aber nicht:

  • Keine echte Konformität: Overlays können strukturelle HTML-Probleme nicht lösen
  • Screenreader-Probleme: Viele Overlays stören die Navigation mit Screenreadern
  • Rechtliche Risiken: Unternehmen wurden trotz Overlay-Nutzung verklagt
  • Performance-Einbußen: Zusätzliches JavaScript verlangsamt die Website
  • Falsches Sicherheitsgefühl: Overlay suggeriert Barrierefreiheit ohne echte Verbesserung

Die richtige Lösung: Barrierefreiheit von Grund auf in Design und Entwicklung einplanen. Semantisches HTML, korrekte ARIA-Labels, ausreichende Kontraste – das kann kein Widget nachträglich reparieren.

Unsere Position: Wir empfehlen keine Overlay-Widgets und bauen Websites von Anfang an barrierefrei.

Lernen Sie uns kennenSo arbeiten wir für Ihren Erfolg

Erfahren Sie, wie Wender Media Webdesign, SEO und Online Marketing zu messbaren Ergebnissen verbindet.

Vorschaubild: Wender Media — Webdesign & SEO aus Halle (Saale)
Wender Media — Webdesign & SEO aus Halle (Saale)

Beim Klick wird das Video von YouTube geladen. Dabei werden Daten an YouTube (Google) übertragen. Mehr erfahren

Barrierefreie Website gesucht?

Wir helfen Ihnen, Ihre Website BFSG-konform und barrierefrei zu gestalten — für mehr Reichweite und Inklusion.

Jetzt beraten lassen BFSG-Check starten

Sie erhalten innerhalb von 24h eine erste Einschätzung und ein unverbindliches Angebot.

Kontakt Kostenlose Beratung anfragen

Lassen Sie uns über Ihr Projekt sprechen - wir melden uns innerhalb von 24 Stunden.

Dauert nur 30 Sekunden. Keine Verpflichtung.

DSGVO-konform Antwort in 24h 100% kostenlos

Nachricht gesendet!

Wir melden uns innerhalb von 24 Stunden bei Ihnen.

Zurück zur Startseite
Anrufen Kostenlose Beratung