Toegankelijkheid

Waarom schermlezers het lang-attribuut nodig hebben om correct te werken

Een schermlezer kan je inhoud alleen correct uitspreken als hem expliciet wordt verteld in welke taal hij leest.

Wat het is

Een schermlezer is software die door blinde en slechtziende mensen wordt gebruikt om de inhoud van een pagina hardop voor te lezen, door tekst om te zetten in spraak. Om dat correct te doen, moet hij weten welke uitspraak en stem te gebruiken — Franse woorden uitgesproken met Franse fonetiek, Engelse woorden met Engelse fonetiek, enzovoort — en die informatie haalt hij uit het lang-attribuut dat is ingesteld op de <html>-tag van de pagina.

Dit is hetzelfde attribuut dat vanuit een bredere technische en SEO-invalshoek wordt behandeld in onze andere gids over het lang-attribuut — hier ligt de specifieke focus op wat er gebeurt voor iemand die daadwerkelijk op een schermlezer vertrouwt wanneer het ontbreekt of onjuist is.

Waarom het belangrijk is

Zonder een correct ingesteld lang-attribuut moet een schermlezer raden welke taal en stem te gebruiken, en een verkeerde gok levert echt vreemde, soms onverstaanbare resultaten op — een Engelse pagina die hardop wordt voorgelezen met buitenlandse uitspraakregels kan bijvoorbeeld vertrouwde woorden veranderen in iets dat helemaal niet meer klinkt als echte spraak. Dit is geen klein ongemak voor iemand die op dat voorlezen vertrouwt om je content überhaupt te kunnen benaderen; het kan een pagina functioneel onbruikbaar maken.

Dit ene attribuut is een van de meest impactvolle, laagdrempeligste toegankelijkheidsoplossingen die er zijn, precies vanwege die kloof tussen hoe klein de oplossing is (één woord, in één tag) en hoe volledig het de ervaring voor een schermlezergebruiker kan verpesten als het fout staat.

Hoe je het oplost

  1. Bevestig dat de <html>-tag een lang-attribuut bevat dat overeenkomt met de daadwerkelijke taal van de pagina, bijv. <html lang="nl">.
  2. Zorg er bij een site met content in meerdere talen voor dat het lang-attribuut van elke specifieke pagina overeenkomt met de eigen taal van die pagina, niet met één standaardwaarde voor de hele site.
  3. Als een specifieke sectie binnen een pagina van taal wisselt (bijvoorbeeld een geciteerde zin in een andere taal), kan die sectie ook zijn eigen lang-attribuut krijgen, al is het attribuut op paginaniveau het belangrijkst om eerst goed te zetten.
  4. De meeste websitebouwers stellen dit automatisch in op basis van de algemene taalinstelling van je site — controleer die instelling in plaats van rechtstreeks code te bewerken als je op zo'n platform zit.
  5. Test de pagina indien mogelijk daadwerkelijk met een gratis schermlezer (zoals NVDA op Windows, of VoiceOver ingebouwd in macOS/iOS) om te horen hoe hij wordt voorgelezen.

Controleer of jouw eigen website dit probleem heeft

Launch Readiness scant je website in enkele seconden op dit en ~50 andere problemen vóór de lancering — gratis, zonder registratie.

Start een gratis controle