TTSWP är utformat för att hjälpa din webbplats att uppfylla WCAG 2.1 AA och ADA:s tillgänglighetsriktlinjer. Insticksprogrammet stöder tangentbordsnavigering, skärmläsare och ARIA-märkning. Det gör även ditt skriftliga innehåll tillgängligt för personer som föredrar eller behöver ljud.
Hur TTSWP bidrar till tillgänglighet
Text till ljud för innehåll
Att erbjuda en ljudversion av skrivet innehåll hjälper:
- Personer med synnedsättning som använder skärmläsare som primärt sätt att ta del av innehåll
- Personer med dyslexi eller lässvårigheter som lättare bearbetar talade ord
- Personer med kognitiva funktionsnedsättningar som drar nytta av flera format
- Seende besökare som vill ta del av innehåll utan att använda händerna
Detta stöder direkt WCAG framgångskriterium 1.1.1 (Icke-textinnehåll) och 1.4.5 (Bilder av text) genom att erbjuda innehåll i ett alternativt format.
Spelaren är i sig tillgänglig
TTSWP:s ljudspelare uppfyller WCAG 2.1 AA-kraven:
- Tillgänglig via tangentbord - varje knapp och kontroll kan nås och användas enbart med tangentbord
- Skärmläsarvänlig - alla knappar har beskrivande ARIA-etiketter
- Fokusindikatorer - synliga fokuskonturer på alla interaktiva element
- Färgkontrast - standardfärger uppfyller det lägsta kontrastförhållandet 4,5:1
- Ingen anfallsrisk - inget blinkande innehåll
Tangentbordsgenvägar i spelaren
- Mellanslag eller Enter på uppspelningsknappen växlar play/paus
- Tab flyttar framåt genom kontrollerna
- Shift+Tab flyttar bakåt
- Piltangenter på hastighetsväljarens ändrar uppspelningshastighet
- Piltangenter på volymreglaget justerar volymen
Checklista för WCAG 2.1 AA
Funktioner som TTSWP tillhandahåller för att stödja efterlevnad:
| Kriterium | Hur TTSWP hjälper |
|---|---|
| 1.1.1 Icke-textinnehåll | Ljudversion av textinnehåll |
| 1.2.1 Endast ljud (förinspelat) | Transkriptioner tillgängliga (Tal till text i PRO) |
| 1.4.5 Bilder av text | Ljudalternativ kringgår problem med bilder av text |
| 2.1.1 Tangentbord | Spelaren är helt tillgänglig via tangentbord |
| 2.1.2 Ingen tangentbordsfälla | Tabbordning lämnar spelaren korrekt |
| 2.4.7 Synligt fokus | Tydliga fokuskonturer på alla kontroller |
| 3.3.2 Etiketter eller instruktioner | ARIA-etiketter på varje kontroll |
| 4.1.2 Namn, roll, värde | Semantisk HTML + ARIA |
TTSWP gör inte automatiskt hela din webbplats WCAG-kompatibel - ditt tema och ditt innehåll spelar fortfarande roll. Men insticksprogrammet i sig blockerar inte efterlevnad.
ADA-efterlevnad i USA
ADA gäller för webbplatser för företag som betjänar allmänheten. WCAG 2.1 AA-standarden är den faktiska riktmärket för ADA:s webbtillgänglighet. Genom att uppfylla WCAG-kriterierna minskar du den juridiska risken markant.
EAA (European Accessibility Act)
EAA träder i kraft i juni 2025. Berörda företag måste tillhandahålla tillgängliga digitala tjänster. TTSWP:s ljudformat uppfyller flera EAA-krav kring uppfattbarhet av innehåll.
Bästa praxis när du använder TTSWP
Tillhandahåll transkriptioner
För video- eller poddljud hjälper transkriptioner användare som inte kan höra bra. TTSWP:s funktion Tal till text (PRO) genererar transkriptioner från ljud.
Använd beskrivande etiketter
I Shortcode Generator eller vid anpassad spelarplacering, ange en tydlig etikett ("Lyssna på den här artikeln" i stället för bara "Spela").
Testa med en skärmläsare
Chromes inbyggda skärmläsare, macOS VoiceOver eller Windows Narrator fungerar alla. Navigera ditt inlägg med enbart tangentbord och skärmläsare och kontrollera att spelaren presenterar sig korrekt.
Använd inte automatisk uppspelning av ljud
Automatisk uppspelning av ljud är ett WCAG-problem. TTSWP låter dig aktivera autoplay via shortcode-attribut, men vi rekommenderar det inte av tillgänglighetsskäl.