Et formularfelt uden korrekt tilknyttet etiket er den mest almindelige fejl, vi møder på kontaktformularer, betalingstrin og loginskærme. Etiketten er ofte til stede visuelt, pænt placeret over eller ved siden af inputfeltet, men den er ikke teknisk forbundet med feltet i koden. En skærmlæser læser derefter feltet op som "rediger, tomt" uden at fortælle, hvad feltet bruges til.
Problemet opstår normalt, fordi en etiket og et inputfelt visuelt hører sammen, men programmøren (eller byggesystemet) ikke har etableret en teknisk forbindelse mellem dem. For en seende bruger betyder det ingen forskel: personen ser etiketten simpelthen. For nogen, der bruger en skærmlæser, eksisterer denne visuelle nærhed ikke. Det, der betyder noget, er forbindelsen i koden, og den mangler oftere end forventet, også på websteder, der ser velholdt ud.
Tre varianter af samme fejl
Den mest almindelige form er etiketten, der vises på skærmen, men ligger adskilt fra feltet i koden uden teknisk forbindelse. Den anden form er brugen af pladsholder-tekst i selve feltet som den eneste forklaring: så snart brugeren begynder at skrive, forsvinder teksten, og en skærmlæser behandler desuden ikke altid en pladsholder som en fuldt gyldigt etiket. Den tredje form ser du især ved ikoner: et søgefelt med kun et forstørrelsesglas-ikon eller en knap med kun et billede uden tekst, som en skærmlæser kan læse op.
Alle disse varianter har til fælles, at fejlen normalt ikke er bevidst. Ingen bygger et formular for at gøre det utilgængeligt. Det sker, fordi en etiket visuelt er korrekt, og bygmesteren antager, at det dermed er klart, mens den tekniske forbindelse er et separat trin, der let bliver udeladt, især under tidspres eller ved hjælp af en skabelon, der oprindeligt ikke blev bygget med tilgængelighed i tankerne.
Hvorfor dette vejer tungere end det ser ud til
Et formular er ofte det punkt, hvor en besøgende virkelig ønsker at få noget ordnet: afslutte en ordre, oprette en konto, tage kontakt. Hvis etiketten mangler på præcis det øjeblik, stopper processen for en del af dine besøgende, mens resten af webstedet fungerer fint. Tilsynsmyndigheder og evaluatorer ser derfor ofte først på denne slags flaskehalse i formularer, fordi de direkte påvirker, om nogen kan benytte en tjeneste.
Desuden spredes denne fejl let. En etiket uden forbindelse i ét skabelon til et adressefelt dukker ofte op på titusinder af sider på én gang, fordi den samme komponent genbruges overalt. En glemt forbindelse i grundlaget påvirker således hele betalingstrinnet eller hele loginskærmen.
Hvordan du tester det, og hvor en automatisk scanning når sine grænser
En automatisk scanning registrerer nogle af disse fejl godt: den ser, om en etiket teknisk er forbundet med et felt, og om et inputfelt slet ingen navn har. Hvad en scanning har sværere ved at vurdere, er, om en etiket indholdsmæssigt er korrekt, om en pladsholder som den eneste forklaring er tilstrækkelig klar, og om læserækkefølgen for en skærmlæser virker logisk. Det er præcis derfor, vi i hver rapport nævner, hvad en automatisk test dækker og ikke dækker; på den måde ved du, hvad der stadig skal gennemgås manuelt.
Hvis du gerne vil få et første indtryk selv, er den nemmeste test at gennemgå formularet kun med tastaturet og kontrollere, at hvert felt får et klart navn, når du tabulerer over det. For et mere grundigt billede, herunder betalingstrinnet og loginflowet, hjælper den fulde scanning, som ser længere end startside med at identificere, hvor etiketter mangler eller ligger adskilt fra deres felt.
Hvad en overlay-widget ikke løser her
En tilgængelighedswidget, der klæbes på webstedet, kan ikke genskabe en manglende forbindelse mellem en etiket og et felt; forbindelsen ligger i selve koden og skal ændres der. Det er en af grundene til, at vi ikke sælger overlays: de skjuler denne slags fejl for øjet, men en skærmlæser bemærker ingen forskel.
Løsningen i sig selv er som regel begrænset i omfang: bygherren forbinder etiketten med feltet, erstatter en placeholder-som-etiket med en rigtig etiket, eller tilføjer usynlig tekst til en ikon-knap. Det er ikke en større ombygning, men arbejde, der skal udføres målrettet, formular for formular og skabelon for skabelon. I vidensbasen med forklaringer pr. emne kan du læse, hvordan disse og lignende fejl forholder sig til kravene i EN 301 549.
Efter reparationen: dokumentering og overvågning
En etiket, som du nu reparerer, kan forsvinde igen ved næste ændring af skabelonen, for eksempel når en designer omformaterer formularen uden at kontrollere forbindelsen igen. Derfor skal en rettelse ikke kun løses teknisk, men også inkluderes i forbedreingsplanen, så det er klart, hvem der er ansvarlig, og hvornår det skal kontrolleres igen. Hvordan vi organiserer denne kontrol og gentagelse, er forklaret på siden om, hvordan vurderingen bliver til.
Hvis du er usikker på, om dine egne formularer indeholder denne fejl, kan det ofte ses med et par minutters tastaturnavigation. Hvis du ønsker det struktureret og med en prioriteret liste, begynder det med den gratis quick-scan, eller du kan først se på de hyppigt stillede spørgsmål om, hvad en scan kan og ikke kan kontrollere.