TTSWP is ontworpen om je site te helpen voldoen aan de WCAG 2.1 AA- en ADA-toegankelijkheidsrichtlijnen. De plugin ondersteunt toetsenbordnavigatie, schermlezers en ARIA-labels. Hij maakt je geschreven inhoud ook toegankelijk voor mensen die audio prefereren of nodig hebben.
Hoe TTSWP helpt bij toegankelijkheid
Tekst naar audio voor inhoud
Een audioversie van geschreven inhoud aanbieden helpt:
- Mensen met een visuele beperking die schermlezers gebruiken als primaire manier om inhoud te consumeren
- Mensen met dyslexie of leesproblemen die gesproken woorden gemakkelijker verwerken
- Mensen met cognitieve beperkingen die baat hebben bij meerdere formaten
- Visueel gezonde bezoekers die inhoud handsfree willen consumeren
Dit ondersteunt rechtstreeks WCAG Succescriterium 1.1.1 (Niet-tekstuele inhoud) en 1.4.5 (Afbeeldingen van tekst) door inhoud in een alternatief formaat aan te bieden.
De speler zelf is toegankelijk
De TTSWP-audiospeler voldoet aan de WCAG 2.1 AA-vereisten:
- Toetsenbord toegankelijk - elke knop en elk bedieningselement is bereikbaar en bedienbaar met alleen het toetsenbord
- Schermleservriendelijk - alle knoppen hebben beschrijvende ARIA-labels
- Focusindicatoren - zichtbare focuscontouren op alle interactieve elementen
- Kleurcontrast - standaardkleuren voldoen aan een minimale contrastverhouding van 4,5:1
- Geen aanvalsrisico - geen knipperende inhoud
Toetsenbordsnelkoppelingen in de speler
- Spatie of Enter op de afspeelknop schakelt afspelen/pauzeren
- Tab beweegt vooruit door de bedieningselementen
- Shift+Tab beweegt achteruit
- Pijltoetsen op de snelheidskiezer wijzigen de afspeelsnelheid
- Pijltoetsen op de volumeschuifregelaar passen het volume aan
WCAG 2.1 AA-checklist
Functies die TTSWP biedt ter ondersteuning van naleving:
| Criterium | Hoe TTSWP helpt |
|---|---|
| 1.1.1 Niet-tekstuele inhoud | Audioversie van tekstinhoud |
| 1.2.1 Alleen audio (vooraf opgenomen) | Transcripties beschikbaar (Spraak-naar-tekst op PRO) |
| 1.4.5 Afbeeldingen van tekst | Audio-alternatief omzeilt problemen met afbeeldingen van tekst |
| 2.1.1 Toetsenbord | Speler volledig toegankelijk via toetsenbord |
| 2.1.2 Geen toetsenbordval | Tabvolgorde verlaat de speler correct |
| 2.4.7 Focus zichtbaar | Duidelijke focuscontouren op alle bedieningselementen |
| 3.3.2 Labels of instructies | ARIA-labels op elk bedieningselement |
| 4.1.2 Naam, rol, waarde | Semantische HTML + ARIA |
TTSWP maakt je hele site niet automatisch WCAG-conform - je thema en inhoud spelen nog steeds een rol. Maar de plugin zelf blokkeert naleving niet.
ADA-naleving in de VS
De ADA is van toepassing op websites van bedrijven die het publiek bedienen. De WCAG 2.1 AA-norm is de de-facto maatstaf voor ADA-webtoegankelijkheid. Door te voldoen aan de WCAG-criteria verklein je het juridisch risico aanzienlijk.
EAA (Europese Toegankelijkheidswet)
De EAA treedt in werking in juni 2025. Getroffen bedrijven moeten toegankelijke digitale diensten aanbieden. Het audioformaat van TTSWP voldoet aan verschillende EAA-vereisten rond de waarneembaarheid van inhoud.
Aanbevolen werkwijzen bij het gebruik van TTSWP
Bied transcripties aan
Voor video- of podcastaudio helpen transcripties gebruikers die slecht kunnen horen. De Spraak-naar-tekst-functie van TTSWP (PRO) genereert transcripties van audio.
Gebruik beschrijvende labels
Stel in de Shortcode Generator of bij aangepaste spelerplaatsingen een duidelijk label in ("Luister naar dit artikel" in plaats van alleen "Afspelen").
Test met een schermlezer
De ingebouwde schermlezer van Chrome, macOS VoiceOver of Windows Narrator werken allemaal. Navigeer door je bericht met alleen toetsenbord en schermlezer en controleer of de speler zichzelf correct aankondigt.
Zet audio niet op automatisch afspelen
Automatisch afspelen van audio is een WCAG-aandachtspunt. TTSWP laat je autoplay instellen via een shortcode-attribuut, maar we raden dit af om toegankelijkheidsredenen.