Feilmeldinger blir ikke gjengitt til skjermleser

I følge et av de nye kravene som kommer, WCAG 4.1.3, skal alle statusmedlinger gjengis til hjelpemidler, slik som skjermleser. Dette kan være søkeresultat, sideomlastinger eller for eksempel når det har skjedd en feil på siden. Tar vi en titt på deres påmeldingsskjema for informasjonsmøter så er alle inputfelt påkrevd. Det er enkelte felt hvor det krever at brukeren taster inn riktig format.

Dersom bruker skriver feil format eller glemmer @ i epostadresse gis feilmelding som oppfordrer brukeren til å se over formatet som kreves. Det gir også spesifikk beskrivelse på at @ mangler, noe som er veldig bra. Derimot blir det ikke gjengit at feil har oppstått.

Dette gjelder også for automatiske feilmeldinger beskrevet i .

• Koble feilmelding til respektive inputfelt ved bruk av aria-describedby + ID på elementet hvor feilmeldinger ligger i koden, se kodeeksempel nedenfor.

  <input class="bl-input bl-input--error" id="telephone" type="tel" name="phone" placeholder="" pattern="^[0-9]{8,12}" required="" value="" aria-describedby="error-message-tlf"><div class="error-message bl-validation bl-validation--error" id="error-message-tlf">Vennligst fyll ut dette feltet.</div>
  

• Sørg for at fokus blir plassert i første inputfeltet hvor en feil har oppstått.

• Dersom dere har skjemaer med mange inputfelt hvor det kan bli feil, ha et samlet område øverst som viser til alle felt hvor feil har oppstått.
  Se eksempel fra Gov.uk - feilmeldinger for inspirasjon.