TTSWP jest zaprojektowany, by pomagać Twojej witrynie spełniać wytyczne dostępności WCAG 2.1 AA i ADA. Wtyczka obsługuje nawigację klawiaturą, czytniki ekranu i etykiety ARIA. Sprawia też, że Twoje treści pisane są dostępne dla osób, które preferują lub potrzebują wersji audio.
Jak TTSWP wspiera dostępność
Zamiana tekstu na audio dla treści
Dostarczanie wersji audio treści pisanych pomaga:
- Osobom z dysfunkcją wzroku, które używają czytników ekranu jako podstawowego sposobu korzystania z treści
- Osobom z dysleksją lub trudnościami w czytaniu, które łatwiej przyswajają słowo mówione
- Osobom z niepełnosprawnościami poznawczymi, które korzystają z wielu formatów
- Widzącym odwiedzającym, którzy chcą konsumować treści bez użycia rąk
Bezpośrednio wspiera to Kryterium sukcesu WCAG 1.1.1 (Treść nietekstowa) i 1.4.5 (Obrazy tekstu), oferując treść w alternatywnym formacie.
Sam odtwarzacz jest dostępny
Odtwarzacz audio TTSWP spełnia wymagania WCAG 2.1 AA:
- Dostępny klawiaturą - każdy przycisk i element sterowania można osiągnąć i obsłużyć wyłącznie klawiaturą
- Przyjazny czytnikom ekranu - wszystkie przyciski mają opisowe etykiety ARIA
- Wskaźniki fokusu - widoczne obramowania fokusu na wszystkich elementach interaktywnych
- Kontrast kolorów - domyślne kolory spełniają minimalny współczynnik kontrastu 4,5:1
- Brak ryzyka epilepsji - brak migających treści
Skróty klawiaturowe w odtwarzaczu
- Spacja lub Enter na przycisku odtwarzania przełącza odtwarzanie/pauzę
- Tab przesuwa do przodu przez elementy sterowania
- Shift+Tab przesuwa wstecz
- Klawisze strzałek na selektorze prędkości zmieniają prędkość odtwarzania
- Klawisze strzałek na suwaku głośności regulują głośność
Lista kontrolna WCAG 2.1 AA
Funkcje TTSWP wspierające zgodność:
| Kryterium | Jak TTSWP pomaga |
|---|---|
| 1.1.1 Treść nietekstowa | Wersja audio treści tekstowej |
| 1.2.1 Tylko audio (nagranie) | Transkrypcje dostępne (Speech-to-Text w wersji PRO) |
| 1.4.5 Obrazy tekstu | Alternatywa audio omija problemy z obrazami tekstu |
| 2.1.1 Klawiatura | Odtwarzacz w pełni dostępny klawiaturą |
| 2.1.2 Brak pułapki klawiaturowej | Kolejność Tab poprawnie opuszcza odtwarzacz |
| 2.4.7 Widoczny fokus | Wyraźne obramowania fokusu na wszystkich elementach |
| 3.3.2 Etykiety lub instrukcje | Etykiety ARIA na każdym elemencie sterowania |
| 4.1.2 Nazwa, rola, wartość | Semantyczny HTML i ARIA |
TTSWP nie sprawia automatycznie, że cała Twoja witryna jest zgodna z WCAG - motyw i treści nadal mają znaczenie. Jednak sama wtyczka nie blokuje zgodności.
Zgodność z ADA w USA
ADA dotyczy witryn internetowych firm obsługujących klientów. Standard WCAG 2.1 AA jest de facto punktem odniesienia dla dostępności internetowej w kontekście ADA. Spełniając kryteria WCAG, znacznie zmniejszasz ryzyko prawne.
EAA (Europejski Akt o Dostępności)
EAA wchodzi w życie w czerwcu 2025 roku. Objęte nim firmy muszą świadczyć dostępne usługi cyfrowe. Format audio TTSWP spełnia kilka wymagań EAA dotyczących postrzegalności treści.
Dobre praktyki podczas korzystania z TTSWP
Dostarczaj transkrypcje
Dla audio z wideo lub podcastów transkrypcje pomagają użytkownikom, którzy słabo słyszą. Funkcja Speech-to-Text TTSWP (PRO) generuje transkrypcje z audio.
Używaj opisowych etykiet
W Generatorze Shortcode lub w niestandardowych miejscach odtwarzacza ustaw wyraźną etykietę (np. "Posłuchaj tego artykułu" zamiast tylko "Odtwórz").
Testuj z czytnikiem ekranu
Wbudowany czytnik ekranu Chrome, macOS VoiceOver lub Windows Narrator - wszystkie działają poprawnie. Przejdź przez swój wpis wyłącznie klawiaturą i czytnikiem ekranu, by sprawdzić, czy odtwarzacz poprawnie się ogłasza.
Nie włączaj automatycznego odtwarzania audio
Automatyczne odtwarzanie audio jest problematyczne z punktu widzenia WCAG. TTSWP umożliwia autoodtwarzanie przez atrybut shortcode, ale nie zalecamy go ze względów dostępności.