Omslag van 'WCAG in de praktijk'

5. Begrijpelijk

Met deze richtlijn wordt vooral de gekozen taal bedoeld, zowel voor pagina's als voor tekstfragmenten. Door in de code aan te geven welke taal gebruikt wordt zijn teksten ook begrijpelijk voor zoekmachines en gebruikers van screenreaders.

5.1 Taal van de pagina

Omschrijving

De taal van de pagina moet in de HTML-code aangegeven zijn. In ons geval is dat meestal Nederlands.

Succescriterium

  • 3.1.1 Taal van de pagina

Toepassen

Op een pagina die in het Nederlands is, staat bovenaan de pagina dit aangegeven met deze code:

<html lang="nl">

5.2 Taal van tekstfragmenten

Omschrijving

Als er in een Nederlandse zin een aantal woorden in het Engels staan, dan moet dat ook in de HTML-code worden aangegeven. Dit is belangrijk voor gebruikers van screenreaders, want dan wordt het ook in de juiste uitspraak opgelezen. Ook voor zoekmachines is dit belangrijk, want zij weten dan hoe de tekst geïndexeerd moet worden.

Succescriterium

  • 3.1.2 Taal van onderdelen

Toepassen

Heb je 2 of meer woorden in een andere taal dan de taal van de pagina, geef dit aan met het lang-attribuut. Bijvoorbeeld:

<p>Met de leuze <span lang="en">In Search of Excellence</span> probeert deze site zich te onderscheiden van haar concurrentie.</p>

Deze lang-tag is vaak niet nodig. Ze is niet nodig in deze situaties:

  • Er is slechts 1 woord in een andere taal, bijvoorbeeld:
    Deze mogelijkheid is een nieuwe feature van het CMS.
  • De tekst is een naam, bijvoorbeeld:
    Het project In Search of Excellence gaat op 3 april van start.

Een moeilijke situatie is bijvoorbeeld als je een Engelstalige pagina hebt in een Nederlandse site. In veel gevallen zijn dan het menu en andere onderdelen in het Nederlands, en is de primaire content in het Engels. Zie het voorbeeld hieronder.

Dat kan je dan bijvoorbeeld als volgt oplossen:

  • Kies als basistaal Nederlands.
  • Plaats om de content die in het Engels is een zogenaamde div, en geef deze het lang-attribuut 'en':
    <div lang="en"> <h1>English</h1> [alle Engelstalige content] </div>
top

Wat vind je van dit hoofdstuk?

Feedback

Contact

Vul dit in als je wil dat we contact met je opnemen.