TTSWP ist darauf ausgelegt, Ihrer Website zu helfen, die WCAG 2.1 AA- und ADA-Barrierefreiheitsrichtlinien zu erfüllen. Das Plugin unterstützt Tastaturnavigation, Screenreader und ARIA-Beschriftungen. Es macht Ihre schriftlichen Inhalte auch für Menschen zugänglich, die Audio bevorzugen oder darauf angewiesen sind.
Wie TTSWP bei der Barrierefreiheit hilft
Text-zu-Audio für Inhalte
Eine Audioversion von geschriebenen Inhalten hilft:
- Menschen mit Sehbehinderungen, die Screenreader als primäres Mittel zur Inhaltsaufnahme nutzen
- Menschen mit Legasthenie oder Leseschwierigkeiten, die gesprochene Worte leichter verarbeiten
- Menschen mit kognitiven Einschränkungen, die von mehreren Formaten profitieren
- Sehenden Besuchern, die Inhalte freihändig konsumieren möchten
Dies unterstützt direkt das WCAG-Erfolgskriterium 1.1.1 (Nicht-Text-Inhalt) und 1.4.5 (Bilder von Text), indem Inhalte in einem alternativen Format angeboten werden.
Der Player selbst ist barrierefrei
Der TTSWP-Audioplayer erfüllt die WCAG 2.1 AA-Anforderungen:
- Tastaturzugänglich - jede Schaltfläche und jedes Steuerelement ist allein mit der Tastatur erreichbar und bedienbar
- Screenreader-freundlich - alle Schaltflächen haben beschreibende ARIA-Labels
- Fokusindikatoren - sichtbare Fokusrahmen auf allen interaktiven Elementen
- Farbkontrast - Standardfarben erfüllen das Mindestkontrastverhältnis von 4,5:1
- Kein Anfallsrisiko - keine blinkenden Inhalte
Tastaturkürzel im Player
- Leertaste oder Enter auf der Play-Schaltfläche schaltet Play/Pause um
- Tab bewegt sich vorwärts durch die Steuerelemente
- Shift+Tab bewegt sich rückwärts
- Pfeiltasten am Geschwindigkeitsregler ändern die Wiedergabegeschwindigkeit
- Pfeiltasten am Lautstärkeregler passen die Lautstärke an
WCAG 2.1 AA Checkliste
Funktionen, die TTSWP zur Unterstützung der Konformität bereitstellt:
| Kriterium | Wie TTSWP hilft |
|---|---|
| 1.1.1 Nicht-Text-Inhalt | Audioversion von Textinhalten |
| 1.2.1 Nur-Audio (aufgezeichnet) | Transkripte verfügbar (Sprache-zu-Text in PRO) |
| 1.4.5 Bilder von Text | Audio-Alternative umgeht Probleme mit Textbildern |
| 2.1.1 Tastatur | Player vollständig per Tastatur bedienbar |
| 2.1.2 Keine Tastaturfalle | Tab-Reihenfolge verlässt den Player korrekt |
| 2.4.7 Fokus sichtbar | Klare Fokusrahmen auf allen Steuerelementen |
| 3.3.2 Beschriftungen oder Anweisungen | ARIA-Labels auf jedem Steuerelement |
| 4.1.2 Name, Rolle, Wert | Semantisches HTML + ARIA |
TTSWP macht Ihre gesamte Website nicht automatisch WCAG-konform - Ihr Theme und Ihre Inhalte spielen weiterhin eine Rolle. Das Plugin selbst blockiert jedoch keine Konformität.
ADA-Konformität in den USA
Die ADA gilt für Websites von Unternehmen, die der Öffentlichkeit dienen. Der WCAG 2.1 AA-Standard ist der De-facto-Maßstab für die ADA-Webzugänglichkeit. Durch die Erfüllung der WCAG-Kriterien reduzieren Sie das rechtliche Risiko erheblich.
EAA (Europäischer Barrierefreiheitsakt)
Der EAA tritt im Juni 2025 in Kraft. Betroffene Unternehmen müssen barrierefreie digitale Dienste anbieten. Das Audioformat von TTSWP erfüllt mehrere EAA-Anforderungen zur Wahrnehmbarkeit von Inhalten.
Best Practices bei der Verwendung von TTSWP
Transkripte bereitstellen
Für Video- oder Podcast-Audio helfen Transkripte Nutzern, die schlecht hören können. Die Sprache-zu-Text-Funktion von TTSWP (PRO) erstellt Transkripte aus Audio.
Beschreibende Labels verwenden
Im Shortcode-Generator oder bei benutzerdefinierten Player-Platzierungen sollten Sie ein klares Label festlegen ("Diesen Artikel anhören" statt nur "Abspielen").
Mit einem Screenreader testen
Der integrierte Screenreader von Chrome, macOS VoiceOver oder Windows Narrator funktionieren alle. Navigieren Sie Ihren Beitrag nur mit Tastatur und Screenreader und überprüfen Sie, ob der Player sich korrekt ankündigt.
Keine automatische Audiowiedergabe
Automatisches Abspielen von Audio ist ein WCAG-Problem. TTSWP ermöglicht das Autoplay über ein Shortcode-Attribut, wir empfehlen es jedoch aus Gründen der Barrierefreiheit nicht.