Altinn / Altinn/app-frontend-react

Viewing validations of subform-instances

Open
#3,750 0 comments 0 reactions 0 assignees View on GitHub
area/accessibility kind/feature-request org/brg squad/data status/for-consideration
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description

Currently, validating a subform, one text shows in the main form:

Image

(here: "form_filler.error_validation_inside_subform" is overwritten).

Depending on how many instances of the subform that needs to be corrected, it is desired to show a customized validation text.

Example: to show a text aimed at the subform instance, e.g. "Du må fylle ut regnskapsskjema for konsernregnskapet" in this scenario:
Image

We have in total 3 cases where a validation message can show up for the subform component: both instances, or one of the instances (either selskapsregnskap or konsernregnskap).

Today's case, visualising which instance based on the pink background color #F8E4E4, makes users dependent on being able to identify the color contrast (related to WCAG AA).

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by locating the subform-instance validation rendering and how form_filler.error_validation_inside_subform is selected or overwritten. Define the behavior for both instances and for either individual instance, with text that identifies the affected instance without relying on color; no specific files or tests are named in the issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
accessibility, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.