Sfat rapid utilizați atributul lang pentru o mai bună accesibilitate

 lang atributul este unul dintre atributele HTML globale pe care dezvoltatorii le pot aplica oricarui element HTML si poate ajuta cu adevarat la accesibilitate. Vă permite să specificați limba unui element și a tuturor elementelor copilului acestuia folosind o subtagă a limbii: un cod de 2 sau 3 caractere definit de un organism internațional de standardizare.

A11y de la început

Acest sfat rapid face parte din Accesibilitatea Web: Ghidul complet de învățare, unde am colectat o serie de tutoriale, articole, cursuri și cărți electronice, pentru a vă ajuta să înțelegeți accesibilitatea web de la început.

Utilizare de bază

lang este cel mai frecvent găsit pe html element, unde declarația se poate propaga la tot conținutul paginii. De exemplu, o declarație de  spune browser-ului ca tot continutul paginii este engleza. 

lang subtagurile pot avea, de asemenea, un desemnat script sau regiune, care vă permite să specificați fie sistemul de scriere al limbii, fie regiunea geografică. De exemplu, o declarație de  specifică Marea Britanie engleză (culoare vs. culoare, centru vs. centru etc.).

Puteți să înlocuiți un existent lang declarație cu un caracter mai specific lang declarație de identificare programată a conținutului care utilizează o limbă diferită de restul paginii. O secțiune scrisă în limba spaniolă pe o pagină engleză ar arăta cam așa:

 ...      

De ce am vrea să facem asta? Din cateva motive: 

1. Traduceri și interoperabilitate

Identificarea limbajului conținutului permite ca serviciile de traducere, cum ar fi Google Chrome, să funcționeze mai precis. Deoarece vorbești cu o mașină care utilizează codul, poți să spui direct algoritmilor de identificare a limbii străine că ar trebui să declanșeze o solicitare de traducere. 

Google Chrome îi solicită utilizatorului să traducă o pagină.

Prezența unei valori valide lang declarația atributului ajută de asemenea la alte servicii automate care inghite și recontextualizează conținutul site-ului web. În plus, poate servi ca un cârlig de styling pentru lucruri precum CSS ' citate proprietate.

2. Cititoare de ecran

Unele programe care citesc conținutul ecranului cu voce tare pot, de asemenea, să analizeze lang atribut, care afectează modul în care pronunță conținutul paginii. Acest software nu se limitează la tehnologia de asistență. Asistenții vocali precum Alexa, modurile specializate de citire a browserului, aplicații de navigare precum Google Maps, sisteme de adrese publice etc. pot avea toate aceste funcționalități.

Cel puțin, utilizarea corectă a lang atributul poate adăuga acel extra este ne sais quoi la experiență, spunând software-ului să citească conținut cu voce tare așa cum ar face o persoană.

În cel mai bun caz, ajută la înțelegerea conținutului dvs. Interfețele bazate pe voce nu au o mulțime de provocări pe care le acceptăm cu un UI vizual, deci este important ca acestea să reprezinte conținutul cât mai exact posibil.

Iată o mostră a modului în care cititorul popular de ecran JAWS tratează conținutul care are o lang atributul aplicat corespunzător. Vor fi două exemple citite cu voce tare: unul fără și unul cu lang atribut aplicat în mod corespunzător la partea franceză a frazei: "În franceză, expresia" Pot să-ți folosesc baie? "este"Puis-je utiliser votre salle de bain?„“

Concluzie

Semantic descrierea conținutului dvs. este unul dintre acele lucruri mici pe care le puteți face ca dezvoltator pentru a spori considerabil experiența oamenilor și a serviciilor care utilizează site-urile web și aplicațiile web.