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.
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.
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:
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.
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?'”
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..