Delar på annat språk

Denna riktlinje är en förlängning av 3.1.2 Språk på sida.

Skillnaden i denna riktlinje är att delar på sidan som är på ett annat språk också ska tala om det i koden. En webbsida kan ha olika delar som är på olika språk. Om endast det huvudsakliga språket är specificerat, kommer inte delarna som är på ett annat språk att läsas upp eller visas på rätt sätt.

För att ange språk för en specifik del använder man lang-attributet. Istället för att sätta det på HTML-taggen längst upp i dokumentet, sätter man det istället på det element som har ett annat språk. De delar som använder samma språk som är angivet längst upp i koden behöver inte ha lang-attributet.

Exempel

Svenska

“Det här är en text som är på svenska, och behöver inte ha lang-attributet eftersom hela sidans språk är på svenska.”

Såhär ser koden ut:

<p>Det här är en text som är på svenska, och behöver inte ha lang-attributet eftersom hela sidans språk är på svenska.</p>

Engelska

”This text is in English and needs a lang attribute in the code.”

Såhär ser koden ut:

<p lang=”en”>This text is in English and needs a lang attribute in the code.</p>

Testa riktlinjen

Gå igenom webbsidan och notera om det finns delar på ett annat språk. Kolla i koden och säkerställ att språket är angivet. Testa gärna även att lyssna på sidan med en skärmläsare och lyssna att allt läses upp på rätt sätt.

Det finns även en bookmarklet skapat av Paul J Adam som visar alla lang-attribut på sidan. Dra installationslänken till ditt bokmärkesfält för att spara det. Sedan är det bara att klicka på bokmärket för att testa en webbsida.

Läs mer om riktlinje 3.1.2 på W3Cs webbplats.