Erişilebilirlik için seslendirme widget kodu: her ziyaretçiye sesli bir seçenek sun
Bazı ziyaretçiler okumak yerine dinlemeyi tercih eder. Seslendirme widget'ı onlara tek satır kodla sesli bir seçenek sunar. Bunu özenle nasıl kuracağın burada.
Yayın:
Her ziyaretçi bir sayfayı aynı şekilde okumaz. Az gören, okuma güçlüğü yaşayan ya da gözleri yorgun olan kişiler ve aynı anda birkaç iş yapanlar çoğu zaman dinlemeyi tercih eder. Metinden sese widget'ı, mevcut içeriğinin yanında onlara bu seçeneği istedikleri anda sunar.
Seslendirme widget'ı ek bir seçenektir, erişilebilir HTML'in yerini tutmaz. Düzgün başlıklar, alternatif metinler, kontrast ve klavyeyle gezinme hâlâ önemlidir ve ekran okuyucu kullanıcıları bunlara güvenir. Widget bunların üzerine kullanışlı bir sesli yol ekler.
Widget'ı ekle
Widget'lar bölümünde Seslendirme türünde bir widget oluştur ve kodu kopyala:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
İyi bir yer, uzun makalelerin ya da yardım sayfalarının başına yakın bir noktadır; yanına "Bu metni dinle" gibi kısa bir etiket koyabilirsin. Ziyaretçiler bir metin parçasını yapıştırır ya da yazar ve sesli okunduğunu dinler; sesi saklamak isterlerse bir indirme bağlantısı da vardır.
İşe yarayan ayarlar
- Net etiketler: ne olacağını tam olarak anlatan bir başlık ve düğme metni yaz, örneğin "Sesli oku".
- Yardımcı bir giriş alanı metni: ziyaretçilere ne yapıştıracaklarını söyle, örneğin "Dinlemek için bir paragraf yapıştırın".
- Dostça bir hata metni: bir şeyler ters giderse ziyaretçiler teknik bir hata yerine senin mesajını görür.
- Tema: Ziyaretçiye uy teması, ziyaretçinin açık ya da koyu mod tercihini izler; pek çok kişi bunu rahatlık için ayarlar.
- Dengeli bir ses: net, orta hızda bir ses seç ve kendi metninle test et.
Güvenilir tut
Çalışmayı bırakan bir erişilebilirlik özelliği hiç olmamasından kötüdür, bu yüzden güvenlik önlemlerini yerleştir:
- API anahtarı: her widget, API anahtarlarından biriyle çalışır. Ayrı bir anahtar kullan (düzenleyicideki anahtar listesinin son seçeneği Yeni API anahtarı oluştur'dur) ve ona içinin rahat edeceği bir günlük harcama sınırı koy.
- Uyarılar: Ayarlar, Widget denetimleri altında Bir widget hata verince bana e-posta gönder seçeneğini aç. Düzeltebileceğin bir sorun çıktığında (örneğin bakiye bittiğinde) widget başına günde en fazla bir e-posta alırsın.
- Durum bir bakışta: widget listesi her widget'ın en son ne zaman kullanıldığını ve son hatasını gösterir.
Sitelerine izin ver
Widget'ın çalışabileceği alan adlarını Ayarlar, Widget siteleri altında listele. Yerel testler için localhost:3000 ya da kullandığın portu ekle.
Seslendirme modelleri hakkında daha fazlasını konuşma belgelerinde öğren ve widget'ını widget sayfasında kur.