Altinn / Altinn/app-frontend-react

Make it possible to remove "*" in legend

Open
#1,057 3 comments 0 reactions 0 assignees View on GitHub
area/accessibility kind/user-story squad/utforming status/for-consideration
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description

We have a case where we have one checkbox for the user to confirm the terms of privacy, which is required to move forward in the application:
![Capture](https://user-images.githubusercontent.com/121942576/228171539-88b918fb-e125-45cc-8e27-a03a851089d0.PNG)

Since the field is marked as required, the required symbol "*" is visible in the legend, even though the legend doesn't contain any text. We would like to have the opportunity to hide the symbol, and for example instead show the symbol in the label next to the checkbox.

### Additional Information

_No response_

### Tasks

_No response_

### Acceptance Criterias

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by locating the checkbox field and the legend rendering for required fields in the frontend. Verify the current behavior with the privacy-confirmation case, then make the required symbol independently hideable and confirm the symbol can appear beside the checkbox label instead.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 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.