Skriv tilgængelige fejl i tidsbestillingsformularer

En fejlmeddelelse skal forklare, hvad personen kan gøre nu. »Ugyldig indtastning« hjælper kun lidt ved et forkert datoformat og beskriver et optaget tidspunkt forkert. En booking med ukendt status kræver en anden tilbagemelding.

Tre situationer med passende tekster

Den følgende tidsbestilling er fiktiv. Den bruger et tekstfelt til datoen og har en oversigt over eksisterende bookinger. Eksempeldatoen er 14. december 2026.

Den tredje besked siger ikke, at bookingen mislykkedes: Det ved man endnu ikke. I eksemplet fører »Åbn aftaleoversigt« til eksisterende bookinger. Har det virkelige produkt ingen oversigt, kræves en anden pålidelig vej til at afklare status.

Forbind beskeden med feltet

Vis format og eksempel allerede før en fejl. Understøt så vidt muligt de indtastningsmåder, målgruppen har brug for; undgå unødigt stramme formater. Det reducerede eksempel viser tekstfeltet efter en formatfejl:

<label for="appointment-date">Dato</label>
<p id="appointment-date-hint">DD-MM-ÅÅÅÅ, for eksempel 14-12-2026</p>
<input id="appointment-date" name="appointmentDate" type="text"
  value="14/12" aria-invalid="true"
  aria-describedby="appointment-date-hint appointment-date-error">
<p id="appointment-date-error">Indtast datoen som DD-MM-ÅÅÅÅ.</p>

Identifikatorerne forbinder etiket, hjælp og fejl med samme felt. Farve kan støtte, men beskeden skal også kunne forstås uden en rød kant. W3C WAI-vejledningen beskriver forbindelsen med aria-describedby og forståelige anvisninger til rettelse.

Fjern fejltekst, dens reference og fejltilstanden efter en gyldig rettelse; formatvejledningen kan blive. Koden alene dokumenterer ikke, at hele formularen er tilgængelig.

Afprøv vejen til rettelse

Ved flere fejl efter afsendelse hjælper en oversigt med links til de berørte felter. Beslut, om fokus flyttes til oversigten eller det første ugyldige felt, og prøv med tastatur og de tiltænkte skærmlæsere. Dynamiske beskeder skal kunne opfattes uden unødigt at afbryde hver indtastning.

I eksemplet skal personen kunne rette datoen uden at indtaste andre gyldige oplysninger igen. Kontroller derefter, at den gamle fejl ikke længere læses op. Ved et optaget tidspunkt bevares de øvrige oplysninger, mens personen vælger en anden tid. Ved uklar status skal næste trin først afklare den eksisterende booking.

Afprøv også en tydelig succesbesked med den bekræftede aftale. Den fortæller personen, at opgaven er afsluttet.

Kilder

• W3C WAI: User Notification