Snelle tip gebruik het kenmerk 'lang' voor betere toegankelijkheid

De LANG kenmerk is een van de algemene HTML-kenmerken die ontwikkelaars kunnen toepassen op elk HTML-element, en het kan echt helpen met toegankelijkheid. Hiermee kunt u de taal van een element en alle onderliggende elementen opgeven met behulp van een taal "subtag": een code van 2 of 3 tekens die is gedefinieerd door een internationale standaard.

Al vanaf het begin

Deze snelle tip is onderdeel van Web Accessibility: de complete leergids, waar we een reeks tutorials, artikelen, cursussen en e-boeken hebben verzameld, om u vanaf het begin inzicht te geven in webtoegankelijkheid.

Basis gebruik

LANG wordt meestal gevonden op de html element, waar de verklaring zich kan verspreiden naar alle inhoud op de pagina. Bijvoorbeeld een verklaring van  vertelt de browser dat alle inhoud op de pagina Engels is. 

LANG subtags kunnen ook een script of regio-aanduiding hebben, waarmee u het schrijfsysteem of de geografische regio van de taal kunt opgeven. Bijvoorbeeld een verklaring van  geeft Engels voor het Verenigd Koninkrijk op (kleur versus kleur, midden versus midden, etc.).

U kunt een bestaande overschrijven LANG verklaring met een meer specifiek LANG verklaring om op programmatische wijze inhoud te identificeren die een taal gebruikt die verschilt van de rest van de pagina. Een gedeelte dat op een Engelse pagina in het Spaans is geschreven, ziet er ongeveer zo uit:

 ...      

Dus waarom zouden we dit willen doen? Een paar redenen: 

1. Vertaling en interoperabiliteit

Door de taal van de inhoud te identificeren, kunnen vertalingsdiensten zoals Google Chrome nauwkeuriger functioneren. Omdat u met een machine spreekt die code gebruikt, kunt u de algoritmen voor het identificeren van de vreemde taal direct vertellen dat het een vertaalprompt moet activeren. 

Google Chrome vraagt ​​de gebruiker om een ​​pagina te vertalen.

De aanwezigheid van een geldige LANG attribuutverklaring helpt ook andere geautomatiseerde services die website-inhoud opnemen en opnieuw contextualiseren. Bovendien kan het dienen als een stijlhaak voor dingen zoals CSS ' citaten eigendom.

2. Schermlezers

Sommige software die de scherminhoud hardop voorleest, kan ook de LANG attribuut, wat van invloed is op hoe het de inhoud van de pagina uitspreekt. Deze software is niet alleen beperkt tot ondersteunende technologie. Stemassistenten zoals Alexa, gespecialiseerde browserleesmodi, navigatie-apps zoals Google Maps, omroepsystemen, enz. Kunnen allemaal deze functionaliteit hebben.

Op zijn minst, correct gebruik van de LANG attribuut kan dat extra toevoegen je ne sais quoi naar de ervaring, de software vertellen om de inhoud hardop te lezen zoals iemand dat zou doen.

In het beste geval helpt het om uw inhoud te begrijpen. Op spraak gebaseerde interfaces missen veel van de voordelen die we als vanzelfsprekend beschouwen met een visuele gebruikersinterface, dus het is belangrijk dat ze de inhoud zo nauwkeurig mogelijk weergeven.

Hier is een voorbeeld van hoe de populaire schermlezer JAWS inhoud behandelt die een LANG attribuut correct toegepast. Er zullen twee voorbeelden worden voorgelezen: een zonder en een met de LANG attribuut correct toegepast op het Franse deel van de zin, "In het Frans, de zin" Mag ik uw badkamer gebruiken? "is, 'Puis-je utiliser votre salle de bain?'”

Conclusie

Semantisch beschrijven van uw inhoud is een van die kleine dingen die u als ontwikkelaar kunt doen om de ervaring van de mensen en services die uw websites en web-apps gebruiken sterk te verbeteren..