Kode widget suara untuk aksesibilitas: sediakan opsi audio bagi setiap pengunjung
Sebagian pengunjung lebih suka mendengarkan daripada membaca. Widget suara memberi mereka opsi audio dengan satu baris kode. Begini cara menyiapkannya dengan cermat.
Diterbitkan:
Tidak semua pengunjung membaca halaman dengan cara yang sama. Orang dengan penglihatan terbatas, kesulitan membaca, atau mata yang lelah, serta orang yang sekadar sedang mengerjakan hal lain, sering lebih suka mendengarkan. Widget text to speech memberi mereka pilihan itu kapan saja dibutuhkan, berdampingan dengan konten Anda yang sudah ada.
Widget suara adalah opsi tambahan, bukan pengganti HTML yang aksesibel. Judul yang tepat, teks alt, kontras, dan navigasi keyboard tetap penting, dan pengguna pembaca layar mengandalkannya. Widget menambahkan jalur audio yang praktis di atasnya.
Tambahkan widget
Buat widget Suara di Widget dan salin kodenya:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
Tempat yang baik adalah di dekat bagian atas artikel panjang atau halaman bantuan, dengan label singkat seperti "Dengarkan teks ini". Pengunjung menempel atau mengetik sebuah bagian teks dan mendengarnya dibacakan, dengan tautan unduh jika mereka ingin menyimpan audionya.
Pengaturan yang membantu
- Label yang jelas: tulis judul dan label tombol yang menyatakan dengan tepat apa yang terjadi, misalnya "Bacakan".
- Teks petunjuk yang membantu: beri tahu pengunjung apa yang perlu ditempel, seperti "Tempel satu paragraf untuk mendengarnya".
- Pesan galat yang ramah: jika terjadi masalah, pengunjung melihat pesan Anda, bukan galat teknis.
- Tema: tema Ikuti pengunjung mengikuti preferensi terang atau gelap pengunjung, yang diatur banyak orang demi kenyamanan.
- Suara yang stabil: pilih suara yang jelas dengan tempo sedang dan uji dengan teks Anda sendiri.
Jaga keandalannya
Fitur aksesibilitas yang berhenti berfungsi lebih buruk daripada tidak ada sama sekali, jadi pasang pengamannya:
- API key: setiap widget berjalan dengan salah satu API key Anda. Gunakan key khusus (opsi terakhir di daftar key editor adalah Buat API key baru) dan beri batas pengeluaran harian yang membuat Anda nyaman.
- Peringatan: aktifkan Kirimi saya email saat widget gagal di Pengaturan, Kontrol widget. Anda menerima paling banyak satu email per widget per hari saat terjadi masalah yang bisa Anda perbaiki, seperti saldo kosong.
- Kondisi sekilas: daftar widget menampilkan kapan setiap widget terakhir dipakai dan galat terakhirnya.
Izinkan situs Anda
Daftarkan domain tempat widget boleh berjalan di Pengaturan, Situs widget. Untuk pengujian lokal, tambahkan localhost:3000 atau port yang Anda gunakan.
Pelajari lebih lanjut tentang model suara di dokumentasi suara dan siapkan widget Anda di halaman widget.