Hvad der går galt ved tastaturnavigation
Den mest almindelige fejl ved tastaturnavigation er, at interaktive elementer er synlige, men ikke tilgængelige med Tab-tasten. Tænk på en menu, der kun åbner ved et museklik, en knap, der ikke får fokus, eller en pop-up, der ikke kan lukkes uden mus. For mennesker, der på grund af motoriske begrænsninger ikke kan bruge en mus, eller som styrer en skærmlæser, der afhænger af tastaturnavigation, betyder det, at dele af websitet simpelthen er ubrugelig.
Årsagen ligger næsten altid i brugerdefinerede elementer: en udvikler konstruerer en smuk dropdown, en brugerdefineret datusvælger eller et udklappelig filter med eget HTML og JavaScript, men glemmer den tastaturunderstøttelse, som en standard HTML-knap eller -link får gratis. Elementet ser godt ud og fungerer med musen, så ingen bemærker under test, at Tab-tasten simpelthen springer over det.
Hvorfor dette ofte bliver overset
Denne fejl er vedvarende, fordi den ikke falder i øjnene. Den, der klikker gennem en webshop med en mus, ser ingen problemer noget sted. Først når du lader musen ligge og kun bevæger dig gennem siden med Tab, Shift+Tab, Enter og piletasterne, bliver det klart, hvor navigationen går i stå. Fordi denne test sjældent er en standarddel af en leveringsproces, forbliver problemet ofte uopdaget i årevis – indtil en besøgende eller en tilsynsmyndighed støder på det.
En anden grund er, at mange af disse mangler forekommer netop på de steder, der er mest synlige ved brug: betalingstrinnet, loginskærmen, et søgefilter. Dette er præcis de dele, der ofte bygges separat fra resten af siden med egne komponenter, som ikke altid får samme opmærksomhed som hovednavigationen.
Hvordan du selv genkender det
En simpel første kontrol er at lægge musen væk og gennemgå et sideflydeflow med kun tastaturet. Læg mærke til tre ting: er hvert klikbar element tilgængeligt via Tab, er det til enhver tid klart synligt, hvilket element der har fokus, og kan hver del, der åbner – en menu, et filter, en pop-up – lukkes igen uden mus. Hvis fokus går i stå i en pop-up, hopper det til et uventet sted, eller forsvinder helt ud af synsfelt, er det et tegn på, at der er arbejde at gøre.
En automatiseret scan kan påpege nogle af disse problemer, f.eks. manglende fokusindikatorer eller elementer uden tastaturadgang, der teknisk kan genkendes i kildekoden. Hvorvidt en dropdown også kan betjenes logisk og forudsigeligt, kan en scan dog ikke fuldt ud vurdere – det forbliver i det væsentlige en menneskelig test. Det gælder forresten for flere WCAG-krav, og det fremgår altid af rapporten. start den gratis quick-scan af dine vigtigste sider for at se, hvilken del af denne slags problemer der allerede opdages automatisk.
Hvordan du undgår det
Løsningen ligger normalt ikke i ekstra teknik oven på websitet, men i det rigtige brug af eksisterende komponenter. En standard HTML-knop eller -link er naturligt tilgængelig med Tab og kan betjenes med Enter; hvis du i stedet gør et stykke tekst eller et billede klikbar med JavaScript, skal du selv tilføje denne tastaturunderstøttelse. Med brugerdefinerede komponenter som menuer, filtre og pop-ups skal der være en klar aftale med udvikler: hver del skal kunne åbnes, betjenes og lukkes med tastaturet, og fokus skal være synligt og forudsigeligt.
Det hjælper ikke med en tilgængelighedswidget, der påstår at kunne reparere denne slags mangler med et løst script. Sådant et overlay ændrer ikke noget ved den underliggende kode og derfor ikke ved den faktiske brugervenlighed; loven kræver et tilgængeligt website, ikke et lag ovenpå. Vi sælger bevidst ikke denne slags widgets.
Vil du vide, hvilke dele af dit website eller din app der indeholder denne slags strukturelle problemer, og hvor tungt det vejer i prioritetslisten for din forbedring? I videnbanken organiseret efter emne kan du læse om hver type mangel, hvad der er på spil, og hvordan vores vurdering netop kommer til stand kan du se, hvilken del heraf der bliver vurderet automatisk, og hvilken del der kræver manuel opmærksomhed.
Har du yderligere spørgsmål om, hvad der falder ind under dette krav, og hvad der ikke gør, eller om resten af vurderingsrammen? De svar på hyppigt stillede spørgsmål giver svar på de fleste af dem.
Den gratis quick-scan fra axessia.eu giver straks en indikation af, om denne type tastaturproblemer forekommer på dit websted, uden at du har brug for en konto.