Skriv tilgjengelige feilmeldinger for timebestillingsskjemaer

En feilmelding skal forklare hva personen kan gjøre videre. «Ugyldig inndata» hjelper lite med feil datoformat og beskriver et opptatt tidspunkt feil. En bestilling med ukjent status trenger en annen tilbakemelding.

Tre situasjoner med egnede tekster

Den følgende timebestillingstjenesten er fiktiv. Den bruker et tekstfelt for dato og har en oversikt over eksisterende bestillinger. Eksempeldatoen er 14. desember 2026.

Den tredje meldingen sier ikke at bestillingen mislyktes: Det er ennå ikke kjent. I eksemplet fører «Åpne timeoversikt» til eksisterende bestillinger. Har det virkelige produktet ingen slik oversikt, trengs en annen pålitelig måte å avklare status på.

Knytt meldingen til feltet

Vis format og eksempel før det oppstår en feil. Støtt så langt mulig inndatametodene målgruppen trenger; unngå unødig strenge formater. Det forenklede eksemplet viser tekstfeltet etter en formatfeil:

<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">Skriv datoen som DD.MM.ÅÅÅÅ.</p>

Identifikatorene knytter etikett, hjelpetekst og feil til samme felt. Farge kan hjelpe, men meldingen må forstås uten rød kant. W3C WAI-veiledningen beskriver koblingen med aria-describedby og forståelige rettingsanvisninger.

Fjern feilteksten, referansen til den og markeringen av feltet som ugyldig etter en gyldig retting; formathjelpen kan bli. Koden alene dokumenterer ikke at hele skjemaet er tilgjengelig.

Test veien til retting

Ved flere feil etter innsending hjelper en oversikt med lenker til de berørte feltene. Avgjør om fokus flyttes til oversikten eller det første ugyldige feltet, og test med tastatur og de tiltenkte skjermleserne. Dynamiske meldinger må kunne oppfattes uten å avbryte hver inntasting unødig.

I eksemplet skal personen kunne rette datoen uten å fylle inn andre gyldige opplysninger på nytt. Kontroller deretter at den gamle feilen ikke lenger leses opp. Ved et opptatt tidspunkt beholdes øvrige opplysninger mens personen velger en annen tid. Ved uklar status skal neste trinn først avklare den eksisterende bestillingen.

Test også en tydelig suksessmelding med den bekreftede timen. Slik kan personen vite at oppgaven er fullført.

Kilder

• W3C WAI: User Notification