TTSWP dirancang untuk membantu situs Anda memenuhi panduan aksesibilitas WCAG 2.1 AA dan ADA. Plugin ini mendukung navigasi keyboard, pembaca layar, dan pelabelan ARIA. Plugin ini juga membuat konten tertulis Anda dapat diakses oleh orang-orang yang lebih suka atau membutuhkan audio.
Cara TTSWP membantu aksesibilitas
Teks ke audio untuk konten
Menyediakan versi audio dari konten tertulis membantu:
- Penyandang gangguan penglihatan yang menggunakan pembaca layar sebagai cara utama mengonsumsi konten
- Penyandang disleksia atau kesulitan membaca yang lebih mudah memproses kata-kata yang diucapkan
- Penyandang disabilitas kognitif yang mendapat manfaat dari berbagai format
- Pengunjung yang dapat melihat yang ingin mengonsumsi konten tanpa menggunakan tangan
Hal ini secara langsung mendukung Kriteria Sukses WCAG 1.1.1 (Konten Non-teks) dan 1.4.5 (Gambar Teks) dengan menawarkan konten dalam format alternatif.
Pemutar itu sendiri sudah aksesibel
Pemutar audio TTSWP memenuhi persyaratan WCAG 2.1 AA:
- Dapat diakses dengan keyboard - setiap tombol dan kontrol dapat dijangkau dan dioperasikan hanya dengan keyboard
- Ramah pembaca layar - semua tombol memiliki label ARIA yang deskriptif
- Indikator fokus - garis besar fokus yang terlihat pada semua elemen interaktif
- Kontras warna - warna default memenuhi rasio kontras minimum 4,5:1
- Tidak ada risiko kejang - tidak ada konten yang berkedip
Pintasan keyboard di pemutar
- Spasi atau Enter pada tombol putar untuk mengaktifkan atau menonaktifkan putar/jeda
- Tab untuk bergerak maju melalui kontrol
- Shift+Tab untuk bergerak mundur
- Tombol panah pada pemilih kecepatan untuk mengubah kecepatan pemutaran
- Tombol panah pada penggeser volume untuk menyesuaikan volume
Daftar periksa WCAG 2.1 AA
Fitur yang disediakan TTSWP untuk mendukung kepatuhan:
| Kriteria | Cara TTSWP membantu |
|---|---|
| 1.1.1 Konten Non-teks | Versi audio dari konten teks |
| 1.2.1 Hanya Audio (Direkam) | Transkrip tersedia (Speech-to-Text pada PRO) |
| 1.4.5 Gambar Teks | Alternatif audio mengatasi masalah gambar-teks |
| 2.1.1 Keyboard | Pemutar sepenuhnya dapat diakses dengan keyboard |
| 2.1.2 Tidak Ada Jebakan Keyboard | Urutan Tab keluar dari pemutar dengan benar |
| 2.4.7 Fokus Terlihat | Garis besar fokus yang jelas pada semua kontrol |
| 3.3.2 Label atau Instruksi | Label ARIA pada setiap kontrol |
| 4.1.2 Nama, Peran, Nilai | HTML semantik + ARIA |
TTSWP tidak secara otomatis membuat seluruh situs Anda patuh terhadap WCAG - tema dan konten Anda tetap berpengaruh. Namun plugin itu sendiri tidak menghalangi kepatuhan.
Kepatuhan ADA di AS
ADA berlaku untuk situs web milik bisnis yang melayani publik. Standar WCAG 2.1 AA adalah tolok ukur de facto untuk aksesibilitas web ADA. Dengan memenuhi kriteria WCAG, Anda mengurangi risiko hukum secara signifikan.
EAA (Undang-Undang Aksesibilitas Eropa)
EAA mulai berlaku pada Juni 2025. Bisnis yang tercakup harus menyediakan layanan digital yang aksesibel. Format audio TTSWP memenuhi beberapa persyaratan EAA seputar kemampuan persepsi konten.
Praktik terbaik saat menggunakan TTSWP
Sediakan transkrip
Untuk audio video atau podcast, transkrip membantu pengguna yang tidak dapat mendengar dengan baik. Fitur Speech-to-Text TTSWP (PRO) menghasilkan transkrip dari audio.
Gunakan label yang deskriptif
Di Generator Shortcode atau pada penempatan pemutar kustom, tetapkan label yang jelas ("Dengarkan artikel ini" alih-alih hanya "Putar").
Uji dengan pembaca layar
Pembaca layar bawaan Chrome, VoiceOver macOS, atau Windows Narrator semuanya berfungsi. Navigasi postingan Anda hanya dengan keyboard dan pembaca layar, lalu verifikasi bahwa pemutar mengumumkan dirinya dengan benar.
Jangan putar audio secara otomatis
Memutar audio secara otomatis merupakan masalah WCAG. TTSWP memungkinkan Anda memutar otomatis melalui atribut shortcode, tetapi kami tidak merekomendasikannya karena alasan aksesibilitas.