Instruksjoner for skjemaer

Silktide finner skjemafelt som kan trenge en forklaring, for eksempel fritekstfelt, og ber deg avgjøre om hvert enkelt felt trenger instruksjoner som beskriver hva som skal fylles inn. Felt som trenger instruksjoner, bør ha dem knyttet til seg i koden, ikke bare plassert i nærheten.

Hvorfor dette er viktig

En ledetekst alene er ofte ikke nok. «Dato» sier ingenting om forventet format, som varierer fra land til land, og «Referanse» sier ikke hvilket av de tre referansenumrene dine som ønskes. Besøkende som gjetter feil, får en feilmelding – eller verre, innsendingen deres godtas med feil data.

Det er like viktig å knytte instruksjonen til feltet i koden som å skrive den: Et hint som bare visuelt befinner seg nær feltet, er usynlig for en bruker av som har fokus på inndatafeltet.

Slik løser du det

For hvert flagget felt må du avgjøre om en besøkende kan være usikker på hva som skal fylles inn. Hvis det er tilfelle:

Legg til en beskrivelse og koble den til feltet med attributtet aria-describedby:

<!-- Hintet kunngjøres når feltet får fokus -->
<label for="date">Dato</label>
<input type="text" id="date" aria-describedby="date-hint">
<p id="date-hint">Format: dag/måned/år, f.eks. 28/07/2026</p>

Eller bruk en egnet -felttype i stedet. <input type="date"> gir besøkende en datovelger i deres egen språkinnstilling, uten behov for forklaring – foretrekk dette når en egnet type finnes.

Hvis feltet er selvforklarende – et «Søk»-felt eller et «Melding»-felt i et kontaktskjema – trengs ingen instruksjon. funnet.

Slik tester Silktide dette

Finn skjemakontrollene der instruksjoner sannsynligvis er nyttige: <textarea>-elementer og <input>-felt av typen text, email, file, number, password eller range. Knapper, avkrysningsbokser, alternativknapper og nedtrekksmenyer hoppes over, fordi en ledetekst vanligvis er tilstrekkelig for disse.
Hopp over felt som ikke er synlige for seende brukere, og felt som settes inn av kjente tredjepartsmoduler, for eksempel de skjulte skjemaene som sporings- og oversettelsesskript legger til for egen bruk.
Hopp over felt som allerede har en tilknyttet beskrivelse – en aria-describedby som peker på ekte, ikke-tom tekst, eller et ikke-tomt aria-description-attributt.
Flagg hvert gjenværende felt for gjennomgang: Et menneske avgjør om det faktisk trenger instruksjoner.

Feilsøking

Feltet mitt har et hint rett under seg

Visuell nærhet er ikke det samme som tilknytning. Med mindre hintet er koblet til feltet med aria-describedby (eller aria-description), kunngjør ikke det, og Silktide flagger feltet. Ved å legge til attributtet løses begge problemene.