Altinn / Altinn/app-frontend-react

Wrong color on description text on components

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

Description

### Description of the bug

Some users have said that our description text have low contrast. While looking into this I found out that Apps and the design system used different colors for the descriptions. We should change to the one from the DS which is a little darker. It seems to come from the Altinn Tokens file. How we fix this is up to the developers, but we either need to switch over to the design system tokens file or change the color in the Altinn file.

![Skjermbilde 2023-09-19 kl 09 08 42](https://github.com/Altinn/app-frontend-react/assets/33222679/47be2dbf-af6f-48a2-b157-611bec68b638)

- [ ] Change `semantic/text/neutral/subtle` from `#68707C`to `#4B5563`

## Accessibility
We are not breaching any WCAG guidelines with the color we are using today, it has good enough contrast. But we should listen to the users feedback and make it a little darker.

### Steps To Reproduce

Test color value on an app with a description

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by locating the Altinn Tokens file and the definition of semantic/text/neutral/subtle used by component descriptions. Compare it with the design system token value, update the source so the token is #4B5563, and verify an app description renders with the darker color.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
62/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.