Hurtig Tips Bruk Lang -egenskapen for bedre tilgjengelighet

De lang Attributt er et av de globale HTML-attributter som utviklere kan søke på et hvilket som helst HTML-element, og det kan virkelig hjelpe med tilgjengelighet. Den lar deg spesifisere språket til et element og alle dets barnelementer ved hjelp av et språk "subtag": en 2 eller 3 tegnskode definert av en internasjonal standard kropp.

A11y fra begynnelsen

Dette raske tipset er en del av Web Accessibility: Den komplette læringsguiden, der vi har samlet en rekke opplæringsprogrammer, artikler, kurs og bøker, for å hjelpe deg å forstå web tilgjengelighet fra begynnelsen.

Grunnleggende bruk

lang er vanligst funnet på html element, der erklæringen kan forplante seg til alt innhold på siden. For eksempel en erklæring fra  forteller nettleseren at alt innhold på siden er engelsk. 

lang Subtags kan også ha et skript eller en region designator, som lar deg spesifisere enten språkets skrivesystem eller geografiske område. For eksempel en erklæring fra  Angir Storbritannia engelsk (farge versus farge, senter vs. senter, etc.).

Du kan overstyre en eksisterende lang erklæring med en mer spesifikk lang erklæring for å programmere identifisere innhold som bruker et språk som er forskjellig fra resten av siden. En seksjon skrevet på spansk på en engelsk side ville se slik ut:

 ...      

Så hvorfor ville vi ønske å gjøre dette? Et par grunner: 

1. Oversettelse og interoperabilitet

Ved å identifisere innholdets språk kan oversettelsestjenester som Google Chrome fungere mer nøyaktig. Siden du snakker til en maskin som bruker kode, kan du direkte fortelle de fremmedspråklige identifiseringsalgoritmene at den skal utløse en oversettelsesprompte. 

Google Chrome spør brukeren om å oversette en side.

Tilstedeværelsen av en gyldig lang Attributtdeklarasjon hjelper også ut andre automatiserte tjenester som inntar og rekontekstualiserer innhold på nettstedet. I tillegg kan det fungere som en styling krok for ting som CSS ' sitater eiendom.

2. Screen lesere

Noen programvare som leser skjerminnholdet høyt, kan også analysere lang Attributt, som påvirker hvordan det uttaler sidens innhold. Denne programvaren er ikke bare begrenset til hjelpeteknologi heller. Tale assistenter som Alexa, spesialiserte leser lesemåter, navigasjon apps som Google Maps, offentlige adressesystemer, etc. kan alle ha denne funksjonaliteten.

I det minste, riktig bruk av lang Attribut kan legge til det ekstra du ne sais quoi til opplevelsen, og fortelle programvaren å lese innhold høyt slik en person ville.

I beste fall hjelper det å forstå innholdet ditt. Stemmebaserte grensesnitt mangler mange av de rådene vi tar for gitt med et visuelt brukergrensesnitt, så det er viktig å få dem til å representere innholdet så nøyaktig som mulig.

Her er et eksempel på hvordan den populære skjermleseren JAWS behandler innhold som har en lang attributt riktig søkt på den. Det blir to eksempler lest høyt: en uten, og en med lang attributt riktig brukt på den franske delen av uttrykket, "På fransk kan uttrykket" Kan jeg bruke badet ditt? "er"Puis-je utiliser votre salle de bain?'”

Konklusjon

Semantisk beskrive innholdet ditt er en av de små tingene du kan gjøre som en utvikler for å forbedre erfaringen til de menneskene og tjenestene som bruker nettsteder og webapper.