[Bug]: The contrast ratio between foreground and background colors of the links under 'getting started' section is 2.92: 1 which is less than required ratio 4.5:1.

[msftedad]

Describe the bug

The contrast ratio between foreground and background colors of the links under 'getting started' section is 2.92: 1 which is less than required ratio 4.5:1.

Severity: 1

To Reproduce

Repro Steps: 

1. Open URL: “Overview - Docs ⋅ Storybook (windows.net)” and sign in with valid credentials. 
2. In left navigation select in “App header” under components and invoke it. 
3. Now Run the Color Contrast Anayzer tool for the links.
4. Verify whether the ontrast ratio between foreground and background colors of the links under 'getting started' is meeting required ratio 4.5:1 or not.

System

Windows: Win11 Enterprise
OS: Version 22H2 (OS Build 22621.1992) 
Edge Version: Version 114.0.1823.51 (Official build) (64-bit) 

URL:URL: Overview - Docs ⋅ Storybook (windows.net)

Additional context

Expected result:
Ensure the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds.

Attachments:

[chocoscoding]

@msftedad i want to work fix this, can i be assinged to fix this ?

[yannbf]

Sure thing @chocoscoding ! I believe you might need to follow up with either @MichaelArestad or @cdedreuille (on vacation right now) about it, as the link might be using colors from the design system tokens

[chocoscoding]

ok, thanks

[cdedreuille]

Thanks a lot for reaching out. That's a great question and a great problem to solve. We are in the process of improving our UI library to make it easier, more accessible and to respect as much as possible all accessibility rules.

The change you are asking is quite a tricky one as it is asking to change one of our main colour from Storybook theming. Realistically I don't think that's a change we can handle right now as this will touch a lot of components but it is something I would love to change in the near future when we are updating our default theme.

[chocoscoding]

@cdedreuille Thanks for answering in such short time during your vacation.
Is there any issue you can recommend me taking on as a good first issue.

Thanks

[cdedreuille]

@chocoscoding I would recommend going into the list of "good first issues" to see if there's something you could help with:
https://github.com/storybookjs/storybook/issues?q=is:open+is:issue+label:%22good+first+issue%22