Taal in de code vastleggen

Voorleessoftware kan tekst omzetten in spraak. Het gebruikt hier verschillende stemmen voor. Iedere stem is gemaakt om in een bepaalde taal te spreken. Om te bepalen in welke taal er moet worden gesproken is voorleessoftware afhankelijk van taal die in de code is vastgelegd.

Het vastleggen van de taal in de code heeft meerdere functies:

  • Voorleessoftware kan woorden en zinnen in de juiste taal uitspreken.
  • Browsers kunnen letters en karakters op de goede manier weergeven.
  • Zoekmachines gebruiken de taal van een webpagina om te bepalen of een pagina wordt opgenomen in zoekresultaten.

In dit artikel lees je hoe taal in de code kan worden vastgelegd.

Taal instellen

Meestal kan alleen een ontwikkelaar de hoofdtaal van de website instellen. Soms kan dit ook via de instellingen van het CMS.

Voor onderdelen van een webpagina kan je in een CMS de taal meestal makkelijk toevoegen in de editor op de pagina.

Code van taal instellen

Taal kan worden toegevoegd met het lang-attribuut. Gebruik als waarde van dit attribuut alleen een taalcode die voorkomt in de IANA Subtag Registry.

Een aantal veelgebruikte taalcodes:

TaalcodeTaal
nlNederlands
enEngels
frFrans
deDuits
plPools
itItaliaans
esSpaans
ptPortugees
Voorbeelden van taalcodes

Taal van de pagina

De standaard taal van een webpagina wordt aangegeven in het <html>-element. Voeg het lang-attribuut toe aan het <html>-element en gebruik de juiste taalcode.

<html lang="nl">

Taal van onderdelen

Woorden of zinnen of onderdelen van je website in een andere taal moet je apart markeren. Voeg hiervoor het lang-attribuut toe aan het HTML-element met een andere taal en gebruik de juiste taalcode.

Het lang-attribuut kan worden gebruikt op block-elementen (<div><p><ul>, enz.) maar ook op inline-elementen (<span><a><strong>, enz.).

Voorbeeld van een taalwissel met een block-element:

<p lang="en">The quick brown fox jumps over the lazy dog.</p>
<ul lang="fr">
  <li>Langue de la page</li>
  <li>Langue d’un passage</li>
</ul>

Voorbeeld van een taalwissel met een inline-element:

<p>In het Verenigd Koninkrijk zeggen ze <span lang="en">It’s raining cats and dogs.</span>.</p>

Gerelateerde WCAG succescriteria