Navngiving for skjermleser på oversikt

[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
Kan "aria-label" gi en bedre opplevelse av hva den enkelte knapp faktisk gjør? Eksempler:

• [Android/Chrome] ingen info om å trykke på billett for å vise detaljer. Etter utviding sier TalkBack kun "vises"
• [iOS/Android] Redigering/legg til/kjøp-knapper bør si noe a la "trykk for å endre X" eller "velg for å kjøpe billett" og ikke bare " knapp".

Kan "aria-labelledby" gi en fyldigere oppsummering ved markering av en billett? Eksempler:

• [iOS/Android] Markering av billett gir kun beskjed om "27 dager igjen". Kunne gitt info om at dette er en billett med gyldighet i 27 dager + viktig billettdetaljer som type billett, reisendekategori og sone? Da slipper man å måtte markere hvert enkelt
  element for å få en oversikt.