Navngiving for skjermleser på onboarding

[tormoseng]

Beskrivelse
Alle knapper og skjemaelementer skal være identifiserte i koden. En mulighet her er å benytte "aria-label" og "aria-labelledby" s.a. f.ex VoiceOver skal kunne lese opp både den enkelte komponenten og en type oppsummering for en gruppe av felter.

Vil tro at utvidet bruk av disse attributtene på de ulike elementene vil gi en bedre oversikt for brukere med VoiceOver.

https://www.w3.org/WAI/WCAG21/quickref/?showtechniques=412#name-role-value

Eksempler
Inputfeltene mangler aria-label.

• Forslag: Burde lese opp noe a la "Skriv inn din epostadresse for å motta kvitteringer" i stedet for placeholder-teksten. For fornavn og etternavn er jo strangt tatt placeholder nok.

Lenker og knapper mangler aria-label. Forslag:

• Hopp-over-lenke kunne angitt i en aria-label hvilket steg man er på a la "hopp over dette steget for å legge inn t:kort i registreringsprosessen".
• Neste-knapp kunne angitt i en aria-label "Gå til neste steg i registreringsprosessen"
• Legg-til-tkort-knapp kunne angitt i en aria-label "Legg til t:kort som angitt"?