Improve contrasts of the frontend colors
Opened this issue · 1 comments
marien-probesys commented
We use colors from the Radix UI project. While the contrasts are good enough for the text, they are sometimes too low for the components.
According to https://www.w3.org/TR/WCAG21/#non-text-contrast:
The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s):
- User Interface Components: Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author;
- Graphical Objects: Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.
The essential part will probably to increase the contrast of the borders (which delimit the UI components) with the background.
marien-probesys commented
I started a small project on my own to adapt the colors while checking their contrasts are good enough: https://github.com/marien-probesys/contrast-checker