Vilket språk använder widgeten?

Accessibird visar widgetens menyer på samma språk som sidan den används på. Du behöver inte göra några inställningar.

Så väljs språket

Widgeten använder det första alternativet i listan som ger en språkinställning:

1. Språket som besökaren har valt i widgeten (sparas per webbplats på den enheten).
2. data-lang i inbäddningskoden eller ?lang= i laddarens adress. Om båda är angivna har data-lang företräde.
3. Sidans eget språk (<html lang>).
4. Sidans metatagg content-language eller og:locale.
5. Besökarens webbläsarspråk.
6. Engelska.

Standardspråket i din kontrollpanel används bara om varken sidan eller webbläsaren anger något språk.

Ställ in ett fast språk

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

Du kan också ange språket i adressen:

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

data-lang="auto" fungerar på samma sätt som att utelämna attributet.

Bra att veta

• Språkbyte utan omladdning: om din webbplats byter språk utan att ladda om sidan, till exempel med en språkväljare, byter widgeten också språk, såvida besökaren inte själv har valt ett språk.
• Höger till vänster: för språk som arabiska och hebreiska visas widgeten från höger till vänster.
• Tips: se till att rätt språk är angivet på sidan, till exempel <html lang="nl">. De flesta webbplatsbyggare gör detta åt dig.
• Återkommande besökare: efter den här uppdateringen nollställs besökarens tidigare språkval en gång. Besökaren kan välja språket igen i widgeten.

För utvecklare

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