feat(ffe-form-react): add role="alert" to ErrorFieldMessage

[torkjels]

Beskrivelse

Bruker samme fremgangsmåte som i eksempel #2 på MDN sin side Using the alert role

Motivasjon og kontekst

Dette gjør at skjermleserbrukere ser skjemafeilmeldinger med én gang de oppstår, på samme måte som en "seende" bruker ser de med én gang.

Testing

Fyrte opp designsystemet på lokal maskin og testet med Talkback på Android og Orca på Firefox.

[coveralls]

Coverage remained the same at 84.697% when pulling ff6ea6c on error-field-message-alert into c0d6d59 on develop.

[kwltrs]

Burde vi ha role=alert på @sb1/ffe-message-box-react?

[torkjels]

Burde vi ha role=alert på @sb1/ffe-message-box-react?

@kwltrs Godt forslag, jeg lagde PR på ffe-message-box-react ( #944 ), ffe-content-message-react ( #945 ) og ffe-system-message-react ( #946 ).

[ivarni]

Fint om dere da også ber designerne bare bruke de komponentene dersom de ønsker den oppførselen. Jeg lurer også på hvordan role alert fungerer på feks skjulte elementer, siden hos oss er det populært med disse message-boxene i ekspanderbare tooltips.

[torkjels]

Fint om dere da også ber designerne bare bruke de komponentene dersom de ønsker den oppførselen. Jeg lurer også på hvordan role alert fungerer på feks skjulte elementer, siden hos oss er det populært med disse message-boxene i ekspanderbare tooltips.

Ifølge eksempelene til MDN leses ikke alert'en opp hvis elementet er skjult (for eksempel med display: none). Jeg vil absolutt tro det også gjelder i alle andre tilfeller hvor skjermleser uansett ikke hadde lest opp elementet :) Så hvis man har skjult elementet riktig (enten vha. display: none eller feks ved conditional render) så leses ikke alert'en opp.

[pethel]

Setter needs work med samma kommentar som på dom andra. Kanske er tryggast og gjøra det slik eller vad tenker dere?