Quelle langue le widget utilise-t-il ?

Accessibird affiche les menus du widget dans la même langue que la page sur laquelle il est installé. Vous n’avez rien à configurer.

Comment la langue est choisie

Le widget utilise la première langue disponible dans cette liste :

1. La langue choisie par le visiteur dans le widget (mémorisée pour chaque site web, sur cet appareil).
2. L’attribut data-lang du code d’intégration, ou le paramètre ?lang= dans l’adresse du script de chargement. Si les deux sont définis, data-lang est prioritaire.
3. La langue de la page (<html lang>).
4. La balise meta content-language ou og:locale de la page.
5. Les langues du navigateur du visiteur.
6. L’anglais.

La langue par défaut définie dans votre tableau de bord n’est utilisée que si ni la page ni le navigateur n’indiquent de langue.

Définir une langue fixe

<script src="https://widget.accessibird.com/loader.js" data-website-id="YOUR_WEBSITE_ID" data-lang="nl" async></script>

Vous pouvez aussi indiquer la langue dans l’adresse :

<script src="https://widget.accessibird.com/loader.js?lang=zh-tw" data-website-id="YOUR_WEBSITE_ID" async></script>

Utiliser data-lang="auto" revient à ne pas définir cet attribut.

Bon à savoir

• Changements sans rechargement : si votre site change de langue sans recharger la page, par exemple à l’aide d’un sélecteur de langue, le widget suit ce changement, sauf si le visiteur a lui-même choisi une langue.
• De droite à gauche : pour les langues comme l’arabe et l’hébreu, le widget s’affiche de droite à gauche.
• Conseil : vérifiez que la langue de votre page est correctement définie, par exemple avec <html lang="nl">. La plupart des outils de création de sites web s’en chargent pour vous.
• Visiteurs qui reviennent : après cette mise à jour, la langue précédemment choisie par un visiteur est réinitialisée une seule fois. Le visiteur peut la sélectionner à nouveau dans le widget.

Pour les développeurs

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']);