كود ويدجت الكلام لإمكانية الوصول: خيار صوتي لكل زائر
يفضّل بعض الزوار الاستماع على القراءة. يمنحهم ويدجت الكلام خيارًا صوتيًا بسطر كود واحد. إليك كيف تُعدّه بعناية.
تاريخ النشر:
لا يقرأ كل الزوار الصفحة بالطريقة نفسها. فالأشخاص ضعاف البصر، ومن يعانون صعوبات في القراءة أو إرهاقًا في العينين، ومن يؤدون عدة مهام في وقت واحد، كثيرًا ما يفضّلون الاستماع. يمنحهم ويدجت تحويل النص إلى كلام هذا الخيار عند الطلب، إلى جانب محتواك الحالي.
ويدجت الكلام خيار إضافي، وليس بديلًا عن HTML يراعي إمكانية الوصول. فالعناوين السليمة والنص البديل للصور والتباين والتنقل بلوحة المفاتيح تظل مهمة، ويعتمد عليها مستخدمو قارئات الشاشة. يضيف الويدجت مسارًا صوتيًا مريحًا فوق ذلك.
أضف الويدجت
أنشئ ويدجت من نوع كلام في الأدوات المضمّنة وانسخ الكود:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
المكان المناسب هو قرب أعلى المقالات الطويلة أو صفحات المساعدة، مع تسمية قصيرة مثل "استمع إلى هذا النص". يلصق الزوار فقرة أو يكتبونها ويسمعونها مقروءة بصوت عالٍ، مع رابط تنزيل إذا أرادوا الاحتفاظ بالصوت.
إعدادات مفيدة
- تسميات واضحة: اكتب عنوانًا ونص زر يقولان بالضبط ما سيحدث، مثل "اقرأ بصوت عالٍ".
- نص إدخال مفيد: أخبر الزوار بما يلصقونه، مثل "الصق فقرة لتستمع إليها".
- رسالة خطأ لطيفة: إذا حدث خطأ، يرى الزوار رسالتك بدلًا من خطأ تقني.
- السمة: السمة حسب الزائر تتبع تفضيل الزائر للوضع الفاتح أو الداكن، وهو ما يضبطه كثيرون لراحتهم.
- صوت ثابت: اختر صوتًا واضحًا متوسط السرعة واختبره بنصوصك أنت.
اجعله موثوقًا
ميزة إمكانية وصول تتوقف عن العمل أسوأ من عدم وجودها، لذا ضع وسائل الحماية:
- مفتاح API: يعمل كل ويدجت تحت أحد مفاتيح API الخاصة بك. استخدم مفتاحًا مخصصًا (الخيار الأخير في قائمة المفاتيح بالمحرر هو إنشاء مفتاح API جديد) وامنحه حدًا للإنفاق اليومي يناسبك.
- التنبيهات: فعّل خيار أرسل لي بريدًا عند تعطل أداة في الإعدادات، ضوابط الأدوات. ستصلك رسالة واحدة على الأكثر لكل ويدجت يوميًا عندما يحدث خطأ يمكنك إصلاحه، مثل نفاد الرصيد.
- الحالة في لمحة: تعرض قائمة الأدوات آخر مرة استُخدم فيها كل ويدجت وآخر خطأ له.
اسمح بمواقعك
أدرج النطاقات التي يُسمح للويدجت بالعمل عليها في الإعدادات، مواقع الأدوات. وللاختبار المحلي، أضف localhost:3000 أو المنفذ الذي تستخدمه.
اعرف المزيد عن نماذج الكلام في وثائق الكلام وجهّز الويدجت في صفحة الويدجت.