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 wordt uitgelegd hoe taal in de code kan worden vastgelegd.

Taal instellen

De taal van de website kan meestal alleen door een ontwikkelaar worden ingesteld. Soms kan het ook worden toegevoegd in de instellingen van het CMS.

Voor onderdelen van een webpagina kan in een CMS de taal meestal makkelijk worden toegevoegd 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

Een taalwissel, bijvoorbeeld een woord of zin die in een andere taal is geschreven, moet worden vastgelegd in de code. Voeg hiervoor het lang-attribuut toe aan het HTML-element van het onderdeel dat in een andere taal is geschreven 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