Nettstedtilgjengelighet tar sikte på å gjøre nettsteder , apper og andre teknologier tilgjengelige for personer med en rekke funksjonshemminger. Hver nettside bør være tilgjengelig for alle, uavhengig av om de har en tilstand som påvirker hvordan de samhandler eller bruker et nettsted.
Millioner av internettbrukere har behov som kan hindre dem i å få tilgang til eller bruke et nettsted hvis det ikke er utviklet med tanke på funksjonshemminger eller forhold. Dette inkluderer:
- Visuelt: Delvis eller total manglende evne til å se farger eller oppfatte kontraster (f.eks. fargeblindhet, blindhet)
- Hørsel: Redusert eller total manglende evne til å høre
- Fysisk: Vansker med å bevege seg eller bruke deler av kroppen, bruke mus/tastatur eller gjøre presise bevegelser
- Anfall: Tilstander som kan forårsake anfall som epilepsi eller utløst av blinkende lys
- Kognitiv: Tilstander som påvirker kognitive evner som demens og dysleksi
Innholdsfortegnelse
Nettstedtilgjengelighetsstatistikk 2022
- Opptil 10 % av mennesker i USA har lesevansker, inkludert dysleksi
- 35 % av amerikanske gründere er dyslektiske og 20 % av britiske gründere er dyslektiske
- 8 % av kaukasiske menn i USA har en eller annen form for fargeblindhet
- 0,5 % av amerikanske kvinner har fargeblindhet
- 7 % av voksne i arbeidsfør alder har alvorlige behendighetsvansker
- Rundt 5 % av mennesker i USA, Storbritannia og Canada lider av hørselsvansker
- Rundt 4 % av folk i USA, Storbritannia og Canada kan ikke se godt nok til å lese
Slik gjør du nettstedet ditt mer tilgjengelig
Nå som vi forstår at tilgjengelighet er viktig for ethvert nettsted, er det viktig at du vet hvordan du gjør nettstedet ditt tilgjengelig. En av de beste måtene du kan begynne å forbedre nettstedets tilgjengelighet på, er å velge et godt CMS som WordPress. Du trenger selvfølgelig ikke bruke WordPress for å oppnå dette, men du kan se en referanse til WordPress når vi går gjennom denne tilgjengelighetsguiden.
1. Gjør nettstedets tastaturvennlig
Et tastaturvennlig nettsted betyr at du kan få tilgang til det og navigere gjennom nettstedet og dets sider uten bruk av mus. Den vanligste måten å navigere gjennom et nettsted uten mus er å bruke Tab -tasten på et tastatur.
Hovedfunksjoner som sider, lenker og innhold bør være tilgjengelig via et tastatur. Når du designer nettstedet ditt, bør du teste at alle funksjonene dine er tilgjengelige ved å bruke Tab -tasten. Den beste måten å gjøre dette på er å teste nettstedet ditt uten bruk av mus. Hvis du ikke får tilgang til enkelte viktige deler av nettstedet ditt, må disse problemene løses.
Som du kan se på WebHostingProf-nettstedet , kan du ganske enkelt gå gjennom lenkene og skjemaene på nettstedet med tastaturet. Best Web Hosting er uthevet med en grønn stiplet linje som identifiserer at denne koblingen er valgt med Tab -tasten.
2. Legg til alternativ tekst til bilder
Når du legger til et bilde på nettstedet ditt, kan du inkludere noe som heter Alt-tekst (alternativ tekst). Alt-teksten beskriver hva et bilde er og er nyttig hvis et bilde ikke lar seg laste.
Alt tekst brukes også når den åpnes av skjermlesere; denne teknologien leser bildet og tilbyr kontekst til et bilde for de som ikke kan se dem. I tillegg til å gi økt tilgjengelighet, Alt tekst kan bidra til å forbedre nettstedets SEO ettersom det gir søkemotorer konteksten til et bilde.
3. Velge de riktige fargene
Fargeblindhet er ikke så enkelt som å se en farge som en annen. Personer med fargeblindhet ser et helt spekter av farger og oppfatter dem annerledes enn en annen person som har fargeblindhet. En nettside bør tilby riktig fargekontrast slik at alle kan skille mellom ulike farger og innhold på sidene dine.
Husker du The Dress ? Dette var et godt eksempel på hvordan folk ser farger annerledes. Noen så på kjolen som blå, mens andre så den som gull. Ulike individer ser farger forskjellig, så det er viktig at nettstedet ditt bruker riktig fargeskjema for å unngå at noen mennesker ikke kan se innholdet ditt.
Hvis du er usikker på hvordan du bruker de riktige fargekombinasjonene, er det mange nyttige verktøy du kan bruke, for eksempel Contrast Checker eller WebAIM .
4. Bruk overskrifter
For å strukturere innholdet ditt på en tilgjengelig måte, bør du bruke overskriftene dine forsiktig. I WordPress kan du enkelt velge innhold eller titler og tilordne overskrifter H1, H2, H3, H4, H5 og H6.
Tydelige overskrifter hjelper ikke bare alle besøkende på nettstedet til å forstå hvordan innholdet ditt er strukturert, men skjermlesere kan også tolke sidene dine mye enklere.
Du bør bare bruke én H1-overskrift per side, som vanligvis er sidetittelen. Underoverskrifter kan starte fra H2 og følge videre med H3, H4 osv. der det er hensiktsmessig. Du bør følge overskriftsstrukturen i rekkefølge, så H3 vil alltid følge en H2, i stedet for en H4, og så videre.
5. Skjemadesign
Hvis nettstedet ditt inneholder skjemaer, må de utformes nøye. Hvert skjema skal være tydelig merket ved siden av de respektive feltene. En skjermleser vil da kunne tolke skjemaet og de relevante feltene tydelig, noe som gjør det lettere å fylle ut.
Hvis skjemaet krever noen instruksjoner, bør disse være klare og enkle å forstå. For brukere som lager nettstedet sitt i WordPress, kan du lage tilgjengelige skjemaer ved å bruke en plugin kalt Caldera Forms Builder. Denne plugin-en fokuserer på tilgjengelighet.
6. Tabeller
Tabeller er veldig nyttige for å vise store mengder data. Personer som bruker hjelpemidler vil ha nytte av tabeller hvis de brukes riktig. Det er viktig å gjøre tabellene dine så enkle som mulig for ikke å overkomplisere formålet, eller forvirre skjermlesere.
Hvis nettstedet ditt krever mer komplekse tabeller, kan du følge W3s veiledning om hvordan du koder en tabell til tilgjengelighetsstandarder .
7. Skalerbar tekst
De fleste enheter du kan bruke til å besøke et nettsted, som en smarttelefon, PC eller nettbrett, lar deg endre størrelse på tekst. For de med synshemming er dette svært nyttig. Men hvis nettstedet ditt ikke er bygget for å støtte denne funksjonen, vil det gjøre det vanskelig for brukere å samhandle med nettstedet ditt.
Når du bygger nettstedet ditt, bør du sørge for at brukerens skalerbarhet er slått på. Hvis den er slått av, vil det gjøre det nesten umulig for brukere å endre størrelsen på teksten.
Ved å unngå absolutte enheter som definerte tekststørrelser, kan du gjøre nettstedet ditt skalerbart. Du kan teste dette selv ved å zoome inn på nettstedet i nettleseren din for å sjekke at innholdet er lett å lese og navigerbart. WebAIM har laget en guide som er veldig nyttig for å diskutere skriftstørrelse for nettstedet ditt.
8. Tilgjengelig innhold
Innholdet på nettstedet ditt er kjerneelementet på nettstedet ditt. Når du lager innholdet ditt, må du til enhver tid ha tilgjengelighet i bakhodet. For eksempel, hvis du skriver et akronym som WWW, forklar hva dette akronymet faktisk er – World Wide Web.
Ankertekst til interne eller eksterne lenker bør være beskrivende, slik at alle beskrivelsene er unike. Hvis du sliter med dette konseptet, se for deg en datamaskin som leser opp innholdet på nettstedet ditt og tenk på om det ville være fornuftig for noen å ta det på et basisnivå.
9. Automatiske medier
Selv om dette er en personlig frustrasjon for meg, er det også veldig dårlig med tanke på tilgjengelighet. Det er ikke noe mer frustrerende enn en video eller musikk som begynner å spille så snart du laster inn et nettsted.
Hvis noen bruker en skjermleser, er det utrolig vanskelig å slå av medier som spilles av automatisk. De med sensoriske problemer kan bli avskrekket eller til og med skremt av den plutselige støyen, så hvis du vil inkludere media, bør du be om tillatelse eller spørre brukeren om at dette kommer til å skje.
Karuseller og skyveknapper får utvilsomt et nettsted til å se pent ut, men igjen, disse kan forårsake frustrasjon for brukere med tilgjengelighetsproblemer. Hvis en skjermleser leser opp innholdet på en glidebryter, og den flytter til neste lysbilde, gir det ikke mye tid for brukeren til å absorbere innholdet.
Nettstedets tilgjengelighet er viktig
Poenget er at nettilgjengelighet er viktig for en vellykket nettside, og en nettside som dekker alles behov. Å lage en nettside som mange kan bruke er ikke bare bra for dem, det kan fungere i din favør når det gjelder SEO.
Når nettstedet ditt rangeres bedre, får du mer trafikk og en økning i konverteringer. Ja, det kan være frustrerende å måtte rette opp feilene dine, men hvis du kan optimalisere nettstedet ditt for tilgjengelighet, vil du høste fruktene.