studio(a11y): main menu has not enough contrast

[donroyco]

Affected part of DeckDeckGo

• Studio
• Remote control
• Documentation
• Demo
• Starter kit
• Poll
• Web Components
• Templates

Reproduction

Steps to reproduce:

1. Go to https://deckdeckgo.com/
2. Click the main menu

Expected Behavior

The contrast between font color and background color should be high enough.

Actual Behavior

When checking above colors on their contrast ratio, it fails.

The provided contrast fails for basically everyone, according to Who Can Use. It may be hard to solve this problem, since #3880ff is part of DeckDeckGo's identity.

Environment

• Browser(s): Chrome, latest version
• Operating System (e.g. Windows, macOS, Ubuntu): macOS

[peterpeterparker]

Fully agree, probably the same with the dark mode menu aka both light and dark mode!

Thx for pinging us about this 👍

[donroyco]

@peterpeterparker Anytime. While playing with WCU, I saw that changing the font-size to 19px and making it bold, the WCAG grading goes to AA. Not sure if that makes it prettier, it makes it a least more useful.

[peterpeterparker]

@donroyco contrast will be better I hope with the PR I just merged:

light mode:

dark mode:

[peterpeterparker]

Thx for the issue 👍

[donroyco]

Thanks for the improvement @peterpeterparker !

[peterpeterparker]

😃