Så du har hørt mye snakk om noe som heter tilgjengelighet. Kanskje du til og med har hørt om folk som saksøker store selskaper for å tilby utilgjengelige tjenester. Men vet du nøyaktig hva tilgjengelighet betyr?
Heldigvis er tilgjengelighet ikke så vanskelig å forstå eller implementere når du først har forpliktet deg til det. Når du har lært hva tilgjengelighet er, kan du sette teorien ut i livet ved å skrive tilgjengelige Vue.js-apper.
Hva er tilgjengelighet?
Tilgjengelighet er et populært buzzword på nettet, men hva betyr det egentlig? Det viser seg at navnet er ganske beskrivende. Tilgjengelighet er ganske enkelt et mål på hvor brukbar en nettapplikasjon er for alle typer mennesker.
Ikke alle opplever nettet på samme måte. Noen mennesker har svekkelser som kan påvirke hørselen eller synet. Noen har ikke tilgang til moderne maskinvare eller høyhastighetsinternett, og folk trenger ofte å bruke nettet under mindre enn ideelle forhold. Tilgjengelighet handler om å sørge for at alle disse menneskene fortsatt kan bruke en nettapplikasjon så smidig som mulig.
Hvorfor er tilgjengelighet viktig?
Tilgjengelighet er viktig fordi når en applikasjon er svært tilgjengelig, kan den betjene så mange mennesker som mulig. Når noen tilbyr en tjeneste eller informasjon på et nettsted, er målet deres at andre skal bruke den tjenesten eller lese den informasjonen.
Optimalisering for tilgjengelighet sikrer at så få personer som mulig ikke kan bruke nettapplikasjonen. Videre er nettapper som er mer tilgjengelige generelt rangert høyere i søkeresultatene. Dette lar enda flere mennesker finne og bruke mer tilgjengelige nettapplikasjoner.
Vanlige utviklerfeil som skader tilgjengeligheten
Mange nettapplikasjoner er mindre tilgjengelige enn de kunne vært. Dette er vanligvis et resultat av feil fra de som har bygget dem. Noen vanlige tilgjengelighetsfeil som utviklere gjør når de bygger apper er:
Bruke utilgjengelige biblioteker
Du kan stole på tredjepartsbiblioteker for å spare tid og krefter når du utvikler appene dine. Dessverre er det ikke alle bibliotek som tar tilgjengelighet på alvor, og det kan være vanskelig å identifisere de gode. Det er lett å ende opp med å redusere tilgjengeligheten til applikasjonene dine ved et uhell på denne måten.
Forsømmelse av semantisk HTML når du bygger komponenter
Semantisk HTML er HTML hvis betydning så vel som strukturen er korrekt. Hver HTML-tag har et iboende formål, som hjelpeteknologi bruker for å utlede betydningen av innholdet. For eksempel markerer header-taggen overskriften til et nettsted. En skjermleser skal kunne kunngjøre at alt inne i en header-tag er en nettsideheader.
Dessverre er det ingenting som hindrer deg i å bruke en tag til feil formål. Et annet vanlig eksempel er bruken av en knapp-tag for å fungere som en lenke, eller omvendt.
Å skrive HTML på denne måten skader tilgjengeligheten, fordi hjelpeteknologi ikke lenger kan være sikker på formålet med et HTML-element. Det kan ende opp med å produsere forvirrende eller frustrerende resultater for brukerne av teknologien. For maksimal tilgjengelighet bør du alltid skrive semantisk HTML, selv om det betyr litt mer arbeid.
Tester ikke for tilgjengelighet
Å bygge en nettapp kan ofte være en vanskelig oppgave med krevende tidsfrister. Mellom hasten med å fullføre funksjoner og byrden med å teste andre aspekter av programvaren, tar tilgjengelighetstesting en baksete. Du kan bli fristet til å distribuere en applikasjon til produksjon før du har testet den for tilgjengelighetsproblemer.
Hvorfor? Testingen krever tid, og kan kreve omfattende endringer i applikasjonens kode. Men testing av en nettapplikasjon er en uunnværlig del av utviklingsprosessen. Du bør teste applikasjonens tilgjengelighet like strengt som alle andre aspekter.
Heldigvis finnes det verktøy for å løse disse problemene. Følgende fem verktøy kan hjelpe deg med å skrive mer tilgjengelige Vue.js-apper:
WAVE er en samling verktøy som hjelper utviklere automatisk å teste appene sine for tilgjengelighetsproblemer. Selv om WAVE ikke er en erstatning for sluttbrukertesting, kan den likevel hjelpe deg med å fange opp mange tilgjengelighetsproblemer.
WAVE tilbyr et online testverktøy på nettsiden sin. Den tilbyr også nettleserutvidelser og flere andre verktøy for å hjelpe med tilgjengelighetstesting for mange typer nettapper.
Mange av signalene som nettapper bruker for å kommunisere aktivitet, som fremdriftsindikatorer og innlastingsindikatorer, er rent visuelle. Personer med synshemninger eller de som bruker skjermlesere kan ikke oppfatte dem.
Vue-announcer er et bibliotek som lar deg kunngjøre endringer i Vue.js-appene dine på en måte som alle kan få tilgang til.
Vue-skip-to er et bibliotek opprettet for å la folk som bruker en skjermleser hoppe direkte til hovedinnholdet i en Vue.js-applikasjon. Dette er nyttig fordi mange nettapper har navigasjonslenker og andre elementer før hovedinnholdet. Disse er enkle å hoppe over for noen brukere, men kan være plagsomme og frustrerende å bruke med en skjermleser.
ESLint er et verktøy som hjelper deg å skrive bedre JavaScript ved å analysere koden din og sjekke den for feil.
Dette verktøyet er en ESLint-plugin som hjelper deg å sikre at strukturen til Vue.js-komponentene dine samsvarer med tilgjengelighetsregler.
Når den er installert, analyserer denne plugin alle Vue.js-filer og påpeker problematisk kode. Du kan da maksimere tilgjengeligheten mens du skriver appene dine, i stedet for å måtte endre kode etter testfasen.
En stor kilde til tilgjengelighetsproblemer i apper er bruken av utilgjengelige komponentbiblioteker. Vuetensils er et bibliotek med Vue.js-komponenter.
Disse komponentene er optimalisert for minimal størrelse, maksimal tilgjengelighet, brukervennlighet og enkel styling. Du kan spare tid og bruke disse forhåndsbygde komponentene uten å skade tilgjengeligheten til applikasjonene dine.
Tilgjengelighet i Vue.js er enkel
Tilgjengelighet handler om å sørge for at alle kan bruke applikasjonen din i enhver sammenheng. Maksimering av tilgjengeligheten er viktig for å sikre at en applikasjon kan brukes av så mange mennesker som mulig.
Utviklere gjør ofte vanlige, men mulige tilgjengelighetsfeil når de bygger appene sine. Vanlige problemer inkluderer å ikke teste og skrive ikke-semantisk HTML. Men ved hjelp av noen få verktøy er det lettere å skrive svært tilgjengelige Vue.js-apper.
