Over 96 procent af de mest besøgte hjemmesider har fejl i tilgængeligheden, som kan måles på forsiden. Tallet kommer fra en årlig tilgængelighedsundersøgelse, der tester millioner af sider hvert år. Tilgængeligt webdesign er ikke standard. Det skal bygges med vilje, og på de fleste virksomheders hjemmesider er det ikke blevet gjort.
Tilgængeligt webdesign betyder, at du opbygger en hjemmeside, så mennesker med handicap kan opfatte den, navigere rundt på den og bruge den. Det gælder blandt andet blinde og svagsynede, som bruger skærmlæsere, mennesker med motoriske handicap, som navigerer med tastatur i stedet for mus, mennesker med nedsat hørelse, som har brug for tekstning af lyd og video, og mennesker med kognitive handicap, som har gavn af et klart og ensartet layout.
Tilgængelighed er ikke noget, du føjer til til sidst. Det er en række valg i design og udvikling hele vejen igennem, der afgør, om alle besøgende kan bruge siden, ikke kun dem uden handicap.
Hvilke besøgende hjælper tilgængeligt webdesign?
Verdenssundhedsorganisationen WHO anslår, at over 1,3 milliarder mennesker lever med et eller andet handicap. Det er cirka 16 procent af verdens befolkning. Når du designer til tilgængelighed, designer du til en stor del af din mulige målgruppe.
Fordelene rækker ud over mennesker med varige handicap. En besøgende med mobilen i skarpt solskin ser dårligere. Nogen med en midlertidig skade navigerer måske med tastatur. En bruger, der ser video et støjende sted, har brug for tekster for at følge med. Bedre tilgængelighed hjælper lige så meget ved midlertidige og situationsbestemte begrænsninger som ved varige. En hjemmeside, der er bygget til at være tilgængelig, fungerer bedre for langt flere mennesker.
Der er også en juridisk side. I mange lande, blandt andet USA, er virksomheder ved lov forpligtet til at give lige adgang til deres tjenester. Hjemmesider har været genstand for retssager om tilgængelighed, og antallet af sager om webtilgængelighed er vokset støt hvert år. Artiklen om hvordan du gør din hjemmeside ADA-compliant gennemgår, hvad de juridiske krav betyder i praksis for virksomheders hjemmesider.
Hvad er WCAG-standarderne for tilgængelighed?
Web Content Accessibility Guidelines, kendt som WCAG, er de internationalt anerkendte standarder for webtilgængelighed. De er udgivet af World Wide Web Consortium og har tre niveauer. Niveau A er det absolutte minimum. Niveau AA er den standard, de fleste love henviser til, og det realistiske mål for virksomheders hjemmesider. Niveau AAA er det mest omfattende og kræves sjældent på hele en hjemmeside.
WCAG bygger på fire grundprincipper, som forkortes POUR.
Mulig at opfatte
Alt indhold skal vises på måder, som brugerne kan opfatte. Alternative tekster til billeder gør, at skærmlæsere kan beskrive det visuelle indhold for brugere, der ikke kan se det. Tekster og udskrifter gør lyd og video tilgængelig for mennesker med nedsat hørelse. Tilstrækkelig farvekontrast sikrer, at teksten kan læses af mennesker med nedsat syn eller farveblindhed.
Mulig at betjene
Alle funktioner skal kunne bruges med et tastatur, ikke kun med mus eller touchskærm. Navigationen skal være forudsigelig. Brugerne skal have tid nok til at læse og bruge indholdet uden tidspres. Blinkende indhold, der kan udløse anfald, skal undgås eller kunne styres.
Mulig at forstå
Indhold og navigation skal være læsbare og forståelige. Sidens sprog skal angives, så skærmlæsere bruger de rigtige udtaleregler. Fejlmeddelelser i formularer skal forklare, hvad der gik galt, og hvordan man løser det. Navigationen skal opføre sig ens på alle sider, så brugerne kan regne med, hvor tingene er.
Robust
Indholdet skal fungere pålideligt med nuværende og kommende hjælpemidler. Det betyder, at du bruger gyldig, semantisk HTML, så skærmlæsere og andre værktøjer kan tolke sidens opbygning korrekt. Knapper skal kodes som knapper. Overskrifter skal følge et logisk hierarki og ikke vælges efter, hvor store de ser ud. Artiklen om hvad visuelt hierarki er forklarer, hvordan overskrifter og visuel vægt spiller sammen på en side.
Hvad er de mest almindelige problemer med tilgængelighed?
En analyse af tilgængelighed peger på seks typer fejl, som findes på langt de fleste testede sider. Manglende alternativ tekst på billeder er den mest almindelige. Lav farvekontrast mellem tekst og baggrund er nummer to. Manglende feltnavne i formularer, tomme links, manglende angivelse af sidens sprog og tomme knapper udgør resten.
På virksomheders hjemmesider er de bedste steder at starte alternative tekster til alle vigtige billeder, tilstrækkelig kontrast på al tekst, tydelige feltnavne på hvert formularfelt og en logisk overskriftsstruktur på hver side.
Navigation er et andet typisk svagt punkt. Rullemenuer, der kun åbner, når musen holdes over dem, virker ikke for tastaturbrugere. Links, der blot siger "klik her" eller "læs mere" uden sammenhæng, virker ikke for skærmlæserbrugere, som navigerer via en liste over links. Artiklen om hvad navigation på en hjemmeside er viser, hvordan du bygger navigation, der virker med alle former for betjening og på alle enheder.
Hvordan tester du din hjemmeside for tilgængelighed?
Automatiske værktøjer kan hurtigt finde en stor del af fejlene. Browserudvidelser, der analyserer sider mod WCAG-kriterierne, viser problemer med kontrast, manglende alt-tekst og opbygning uden nogen teknisk opsætning. En automatisk scanning er et fornuftigt første skridt og fanger de mest almindelige fejl på de fleste sider.
Automatiske tests har deres grænser. De kan ikke pålideligt vurdere, om en alt-tekst er beskrivende, om læserækkefølgen giver mening uden CSS, eller om interaktive elementer virker korrekt med en skærmlæser. Til en grundig gennemgang skal du også teste manuelt. At gå igennem hjemmesidens vigtigste sider kun med tastaturet, uden at røre musen, er en hurtig test, der med det samme viser problemer med betjeningen.
Den mest pålidelige gennemgang er at teste med de rigtige hjælpemidler. Skærmlæsere findes gratis på alle de store styresystemer, og når du går de vigtige sider igennem med en tændt, finder du fejl, som automatiske værktøjer slet ikke opdager.
Hvordan påvirker tilgængelighed SEO?
Mange tiltag for tilgængelighed hjælper direkte på SEO. Alt-tekst på billeder giver søgemaskiner sammenhæng, da de ikke kan tolke billeder. En logisk overskriftsstruktur hjælper søgemaskiner med at forstå, hvordan en side er opbygget. Beskrivende linktekst giver søgemaskiner en meningsfuld ankertekst frem for generelle vendinger. Sider, der kan bruges med tastatur og har en ren opbygning, klarer sig som regel også bedre på signaler om brugeroplevelsen.
Det overlap er ikke tilfældigt. Både tilgængelighed og SEO handler grundlæggende om at gøre indhold tilgængeligt og forståeligt for flere brugere og systemer. Forbedrer du det ene, får du ofte gavn af det andet. Artiklen om hvad SEO er forklarer, hvordan søgemaskiner vurderer sidernes kvalitet, og hvor tilgængelighed og rangeringssignaler mødes.
Sådan håndterer WEMASY tilgængelighed
WEMASY's hjemmesidebygger laver semantisk HTML og sætter overskrifter i en logisk rækkefølge. Alle billeder har et felt til alt-tekst, så du kan tilføje beskrivelser uden at redigere kode. Skabelonerne er bygget efter WCAG AA-kravene til farvekontrast, så standarddesignet består uden manuelle rettelser. Tastaturnavigation og touchflader på mobil klares af platformen, så du ikke skal sætte noget op særskilt.
Se, hvad der er med, hos WEMASY's hjemmesidebygger, eller se planerne på siden med priser.
Ofte stillede spørgsmål
Er tilgængelighed på en hjemmeside et lovkrav?
I USA kræver Americans with Disabilities Act, at virksomheder giver lige adgang til deres tjenester, og domstole og justitsministeriet har bekræftet, at det også gælder hjemmesider. EU's direktiv om webtilgængelighed og den europæiske tilgængelighedslov stiller lignende krav. Lovgivningen varierer fra land til land og efter type virksomhed, men for en virksomhed, der henvender sig til offentligheden, er det en juridisk risiko at se tilgængelighed som valgfrit. Med WEMASY's hjemmesidebygger kan du sætte det op direkte på din hjemmeside.
Hvad er forskellen på WCAG A, AA og AAA?
WCAG har tre niveauer. Niveau A dækker de mindstekrav, som alt webindhold bør opfylde. Niveau AA tilføjer mere præcise krav til farvekontrast, tastaturbetjening og fejlhåndtering i formularer. Det er det niveau, de fleste love henviser til, og det realistiske mål for virksomheders hjemmesider. Niveau AAA er det mest omfattende og kræves normalt ikke som en generel standard, fordi nogle kriterier ikke kan opfyldes for alle typer indhold.
Gør tilgængelighed hjemmesiden langsommere?
Nej. Alt-tekst, bedre overskriftsstruktur og højere farvekontrast har ingen betydning for sidens indlæsningstid. Nogle tilføjelser, som udskrifter til videoindhold, giver flere filer, men de grundlæggende tiltag, der gælder for de fleste virksomheders hjemmesider, er ændringer i opbygning og tekst, som ikke koster noget i hastighed.
Hvor meget af en hjemmeside skal være tilgængeligt?
Det hele. Tilgængelighed gælder alle sider, en besøgende kan nå, også produktsider, kontaktformularer, betalingsflow og dokumenter, der kan hentes. En forside, der består testen, mens en kontaktformular dumper, er stadig en utilgængelig oplevelse for de brugere, der har brug for den. En gennemgang af tilgængelighed skal dække hele forløbet for de vigtigste opgaver, en besøgende kan udføre, ikke kun forsiden.
Hvad er en tilgængelighedserklæring?
En tilgængelighedserklæring er en side, der beskriver, hvor tilgængelig en hjemmeside er i dag, nævner de kendte mangler og giver kontaktoplysninger til brugere, der støder på problemer. Det er et skridt mod åbenhed og ikke et juridisk skjold. Mange regler om tilgængelighed kræver eller anbefaler en, og den viser brugere med handicap, at tilgængelighed er taget alvorligt. En erklæring er mest nyttig, når den holdes opdateret og viser, hvordan siden faktisk er.