Signalen / frontend

Frontend for Signalen, an application that helps cities manage and prioritize nuisance reports.
https://signalen.org
Mozilla Public License 2.0
10 stars 4 forks source link

Accessibility: [SIG-2735] Scroll to error in the form #111

Closed aditudorache closed 3 years ago

aditudorache commented 3 years ago

Description In de ingelogde omgeving van de meldingspagina (met extra vragen), stagneert de ‘volgende’-knop als een verplicht veld niet is ingevuld. Er wordt niet bij de knop gemeld dat een verplicht veld ontbreekt waardoor het lijkt alsof de pagina niet meer functioneert. Dit is erg vervelend omdat niet duidelijk is wat er aan de hand is.

Acceptance criteria Als op de submit/volgende knop gedrukt wordt en er is een validatie error dan wordt er automatisch naar de eerste validatie error van de pagina gescrolled.

Van toepassing op de volgende formulieren: meldingsformulier, aanvullende vragen, feedback formulier

Gebruiker ziet indien hij op volgende drukt de eerste validatie error, dat er verplichte velden nog niet zijn ingevuld.

image

herjen commented 3 years ago

Alternatief voorstel: bij een validatie error volgt er een 'scroll to top' en wordt een tekst bericht op de pagina getoond: Er zijn vragen niet (of niet juist) ingevuld. Vul de vragen hieronder op de goede manier in.

Tekst nog onder voorbehoud.

Zie afbeelding. validatie error

boris-arkenaar commented 3 years ago

Thanks @herjen See the PR for the changes.

herjen commented 3 years ago

@boris-arkenaar Communicatie heeft ook naar de tekst gekeken. Graag de tekst aanpassen naar: U hebt niet alle vragen beantwoord. Vul hieronder aan alstublieft.