GÅ TILBAKE
I dag er universell utforming (A11y) avgjørende i alle faser av utviklingen av tilpassede programvareprodukter. Det begynner med UX/UI-design, og går videre til avanserte nivåer av å bygge funksjoner i koden. Det gir mange fordeler for utviklere som jobber med å øke DX, men enda viktigere er det for sluttbrukerne. En av de avanserte delene i HTML er semantiske tagger, og det er det jeg vil ta for meg her.
Frontend-utviklere må være godt kjent med HTML-koder siden dette er deres naturlige miljø til daglig. Jeg vedder på at dere alle kan noen grunnleggende koder som
La oss anta at du jobber med et nettsted eller en app for en tysk kunde. Som du vet, kan tyske ord være veldig lange. Så du har et design med tekstinnhold som du må gjengi på kode og dette innholdet må brytes i helt bestemte øyeblikk. Her kommer
GeburtstagskuchenDet var det! Med en så enkel tagg kan du manipulere tekstinnholdet som du ønsker.
Men hva med nettleserstøtten? Den er ganske god, for å være ærlig. De fleste nettlesere vil forstå denne taggen, men Opera på Android og Safari på iOS kan ha problemer.
Tenk deg at du bygger en app for disklagringsadministrasjon. Du må på en eller annen måte vise i brukergrensesnittet hvor mye lagringsplass som fortsatt er tilgjengelig, og du ønsker å gjøre det så tilgjengelig som mulig. Dette er et perfekt bruksområde for <meter> tag. Den viser bare verdien innenfor et definert område. En annen kul ting med denne taggen er attributtene:
Du kjenner kanskje også til en lignende tagg, nemlig fremgang. Så hva er egentlig forskjellen mellom dem? Fremdriftstaggen bør brukes for pågående oppgaver. Med andre ord bør du bruke fremdriftstaggen når du arbeider med en spesifikk oppgave. Meter-taggen skal brukes til å vise disk- eller minnebruk. En annen forskjell er at meter-taggen ikke støttes av IE, og det er faktisk den eneste ulempen med denne taggen.
Har du noen gang lurt på hvordan du kan lage en tilgjengelig indikator for slettede og tilførte deler av innhold (diff i GitHub eller e-postvarsler fra Jira når billetten er oppdatert)? Du trenger bare å pakke inn det slettede innholdet med<del><p>Bare slettet innhold</p></del>. Hvis du bare vil vise den delen av innholdet som er lagt til, kan du bruke taggen på nøyaktig samme måte. Denne taggen har også to attributter:
Det finnes selvfølgelig mye mer nyttig tagger i HTML . Jeg anbefaler på det sterkeste å bruke alle disse når det er mulig og hensiktsmessig. Kundene og appbrukerne dine vil takke deg for en slik tilnærming. Vær imidlertid forsiktig, for noen tagger kan være utdatert. Du kan alltid forsikre deg om at en mindre vanlig tagg du ønsker å bruke, fortsatt er gyldig og har god støtte i MDN-dokumentasjon.
Norwegian 
English 
German 
Swedish 
Danish 
Finnish 
French 
Arabic 
Italian 
Japanese 
Korean 
Polish