تعرض Accessibird قوائم الأداة بلغة الصفحة التي تعمل عليها. لا تحتاج إلى ضبط أي إعدادات.
كيف تُختار اللغة
تستخدم الأداة أول خيار متاح في هذه القائمة:
- اللغة التي اختارها الزائر في الأداة (يُحفظ الاختيار لكل موقع على ذلك الجهاز).
data-langفي كود التضمين، أو?lang=في عنوان برنامج التحميل. إذا حُدّد كلاهما، تكون الأولوية لـdata-lang.- لغة الصفحة نفسها (
<html lang>). - وسم البيانات الوصفية
content-languageأوog:localeفي الصفحة. - لغات متصفح الزائر.
- الإنجليزية.
لا تُستخدم اللغة الافتراضية المحددة في لوحة التحكم إلا عندما لا تحدد الصفحة ولا المتصفح أي لغة.
تحديد لغة ثابتة
<script src="https://widget.accessibird.com/loader.js" data-website-id="YOUR_WEBSITE_ID" data-lang="nl" async></script>أو أضف اللغة إلى العنوان:
<script src="https://widget.accessibird.com/loader.js?lang=zh-tw" data-website-id="YOUR_WEBSITE_ID" async></script>استخدام data-lang="auto" له نفس تأثير ترك هذه السمة دون تحديد.
معلومات مفيدة
- تغييرات اللغة المباشرة: إذا غيّر موقعك اللغة دون إعادة تحميل الصفحة، مثلًا عبر زر لتبديل اللغة، تتغير لغة الأداة معه، إلا إذا كان الزائر قد اختار لغة بنفسه.
- من اليمين إلى اليسار: تُعرض الأداة من اليمين إلى اليسار عند استخدام لغات مثل العربية والعبرية.
- نصيحة: تأكد من تحديد اللغة الصحيحة لصفحتك، مثل
<html lang="nl">. تتولى معظم أدوات إنشاء المواقع ذلك نيابةً عنك. - الزوار العائدون: بعد هذا التحديث، يُمسح اختيار اللغة الذي حفظه الزائر سابقًا لمرة واحدة. ويمكنه اختيارها مجددًا من الأداة.
للمطورين
Accessibird.setLanguage('nl'); // set the language
Accessibird.getLanguage(); // read the current language
Accessibird.resetLanguage(); // go back to automatic
window.addEventListener('accessibird:languagechange', e => console.log(e.detail)); // { lang, source }
// Before the widget has loaded:
window.Accessibird = window.Accessibird || { q: [] };
Accessibird.q.push(['setLanguage', 'nl']);