Inline, ved fokusendring eller ved innsending: Tidspunktet betyr noe
Valider på tidspunkter som ikke overvelder brukeren.
Inline, ved fokusendring eller ved innsending: Tidspunktet betyr noe er en gratis leksjon i Web Accessibility Academy på CoddyKit. Dette er leksjon 4 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Web Accessibility Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Web Accessibility Academy inneholder totalt 4 leksjoner.
Når valideringstidspunktet teller
Den samme feilmeldingen kan hjelpe eller irritere, avhengig av når den vises. Tidspunktet er en egen tilgjengelighetsbeslutning. ⏱️
Ved innsending er utgangspunktet
Å kontrollere alt ved submit er forutsigbart og avbryter aldri brukeren. Det er det tryggeste standardvalget for nesten alle skjemaer.
Hvorfor validering underveis kan være problematisk
Validering ved hvert tastetrykk markerer et felt som feil før brukeren er ferdig med å skrive. Denne inline-masingen frustrerer alle.
Validering ved blur er et godt kompromiss
Hvis du kontrollerer feltet når brukeren forlater det, ved blur, får brukeren skrevet ferdig først og tilbakemelding ved en naturlig pause.
input.addEventListener("blur", validateField);Ikke kunngjør for tidlig
En feil som dukker opp mens brukeren skriver, kan kapre skjermleserens oppmerksomhet. Vent på et reelt tidspunkt, som blur eller submit, før du kunngjør den.
Bekreft, og kontroller deretter underveis
Når et felt har feilet og brukeren retter det, er det nyttig å validere på nytt mens brukeren skriver. Det bekrefter at feilen forsvinner.
Gi tid til å bli ferdig
WCAG ber deg om ikke å stresse brukerne. Unngå tidsavbrudd som sletter inndata, og la brukerne fylle ut feltet i sitt eget tempo.
Obligatoriske felt oppgis tidlig
Marker obligatoriske felt på forhånd med required og en synlig merknad, slik at brukerne kjenner regelen før de sender inn, ikke etterpå.
<input required aria-required="true">Gjør meldingene spesifikke
Uansett tidspunkt bør du si hva som er galt, og hvordan det kan rettes. En tydelig melding er bedre enn en vag melding som vises på det perfekte tidspunktet.
Stol på nettleseren
Innebygd HTML-validering utløses som standard ved innsending. Innebygde attributter som type og required gir deg et fornuftig tidspunkt uten ekstra arbeid.
<input type="email" required>Vær konsekvent
Velg én strategi for valideringstidspunkt og bruk den i hele skjemaet. Forutsigbar atferd gjør at brukerne kan lære mønsteret og stole på det.
Hurtigsjekk
Hvilket valideringstidspunkt er det mest tilgjengelige standardvalget?
Oppsummering
Valider ved blur eller innsending, ikke ved hvert tastetrykk. Kontroller på nytt underveis når brukeren retter, oppgi reglene tidlig, og vær konsekvent. ✅
Lær deg HTML med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 30
- Leksjoner
- 120
Ofte stilte spørsmål
Er leksjonen «Inline, ved fokusendring eller ved innsending: Tidspunktet betyr noe» gratis?
Ja – hele teksten i «Inline, ved fokusendring eller ved innsending: Tidspunktet betyr noe» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Web Accessibility Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Web Accessibility Academy inneholder totalt 4 leksjoner.
Hva lærer jeg i «Inline, ved fokusendring eller ved innsending: Tidspunktet betyr noe»?
Valider på tidspunkter som ikke overvelder brukeren. Du øver på Web Accessibility Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med Web Accessibility Academy?
Ingen tidligere erfaring er nødvendig. Web Accessibility Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 4 av 4.
Hvor lang tid tar leksjonen «Inline, ved fokusendring eller ved innsending: Tidspunktet betyr noe»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne Web Accessibility Academy-leksjonen?
Ja. Alle Web Accessibility Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- Knytte feil til felt med aria-describedby
- Markere ugyldig tilstand med aria-invalid
- Flytte fokus til den første feilen
- Inline, ved fokusendring eller ved innsending: Tidspunktet betyr noe