Succescriterium 3.1.1 Taal van de pagina
De standaard menselijke taal van diverse webpagina’s kan door software bepaald worden.
Taal van de pagina begrijpen (Engelstalig)
Geef in de code aan in welke taal je pagina is geschreven. Voorleessoftware gebruikt die taal om de tekst goed uit te spreken. Ontbreekt de taal of staat er een verkeerde taal? Dan leest het een Nederlandse tekst misschien voor met een Engelse uitspraak. Die is slecht te verstaan.
Ook andere software gebruikt de taal. Een brailleleesregel zet letters met accenten goed om naar braille. Browsers tonen de tekens van de taal goed. En mediaspelers kunnen de ondertitels goed tonen.
Staan er meerdere talen op je pagina, dan is de hoofdtaal de taal waarin de meeste tekst staat. Komen de talen even vaak voor? Kies dan de taal die als eerste op de pagina staat.
Hoe pas je dit toe?
- Zet een
lang-attribuut op het<html>-element met de hoofdtaal van de pagina. - Gebruik een geldige taalcode volgens BCP 47. De taalcode zelf (
nl) is genoeg. Een regiocode (nl-NL) mag, maar hoeft niet. - Geef elke taalversie van je website een eigen taalcode.
Veelgebruikte taalcodes
| Taalcode | Taal |
|---|---|
nl | Nederlands |
nl-NL | Nederlands (Nederland) |
nl-BE | Nederlands (België) |
en | Engels |
en-GB | Engels (Brits) |
en-US | Engels (Amerikaans) |
fr | Frans |
de | Duits |
pl | Pools |
it | Italiaans |
es | Spaans |
pt | Portugees |
Lees het artikel over taal in de code vastleggen
Voor wie is dit belangrijk?
- Mensen die voorleessoftware gebruiken.
- Mensen die blind of slechtziend zijn.
Wie is verantwoordelijk?
Hoe toets je dit?
Testprocedure
Test 1: Taal
- Inventariseer de pagina
- Bepaal wat de hoofdtaal van de pagina is:
- De taal waarin de meeste tekst staat
- Bij talen die even vaak voorkomen: de taal die als eerste op de pagina staat
- Bepaal wat de hoofdtaal van de pagina is:
- Zoek in de code naar het
<html>-element en controleer:- Of het
<html>-element eenlang-attribuut heeft - Of het eerste deel van de taalcode, voor het eerste koppelteken, een bestaande taal is (controleer met de BCP 47 language subtag lookup)
- Of de taalcode overeenkomt met de hoofdtaal van de pagina
- Of het
Belangrijk om te weten
- Alleen het eerste deel van de taalcode, voor het eerste koppelteken, moet overeenkomen met de hoofdtaal. Op een Nederlandstalige pagina zijn
nl,nl-NLennl-BEalle drie juist. - Hoofdletters maken in een taalcode niet uit:
NLennlzijn allebei geldig. Een laag streepje (nl_NL), een naam van een taal (dutch) of een code van drie letters (nld) is geen geldige taalcode. - Een fout na het eerste koppelteken maakt de taalcode niet ongeldig.
en-US-GBis dus geldig, wantenis een bestaande taal.
Beoordeling
- Het
<html>-element moet eenlang-attribuut hebben - De taalcode in het
lang-attribuut moet overeenkomen met de hoofdtaal van de pagina
Bronnen
- WCAG 2.2 – Succescriterium 3.1.1 Taal van de pagina
- WebAIM: Document and Content Language (Engelstalig)
- IANA Language Subtag Registry (Engelstalig)
- BCP 47 Language Tag Lookup (Engelstalig)