Brand colours under white theme failing accessability tests #3
Loading…
Reference in New Issue
No description provided.
Delete Branch "%!s(<nil>)"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Orange (#FF8F23) and Blue (#4FBAD5) are the current brand colours.
Under a dark backdrop text under these settings were passing WCAG 2.0.
https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html
When switching to a white background all passing grades are failing. Likely if we ignore the colour contrast then it should alter the site's search placement such Google. More importantly, accessability is key.
Possible solutions?
Colours under white theme failing accessability teststo Text colours under white theme failing accessability testsText colours under white theme failing accessability teststo Brand colours under white theme failing accessability testsTo be fair, the colours were specifically chosen manually to look cool in icons with transparency on Element desktop's light/dark modes, hence the dark orange and pale blue. As the page notes, icons are exempt.
If it fails accessibility, then we don't actually need to use the same colorscheme on text - especially if it's the blue that's failing for links, just omit it and use system hyperlink blue. Similarly, if they can be tweaked slightly, now we have the svgs committed to git it's simple to re-generate them.
IIRC, they may also benefit from adjusting to actually match the split-complementary pair they approximate - that would give us a third color for free.
It's basically impossible to have good color contrast for both dark and light backgrounds while choosing the same colors. I tried my best for the logo but that was already a compromise.
A possible solution is to just darken both colors enough for the light theme.
"Orange" (#B15500) and Blue (#04768F)
The orange looks a bit too much brown for my opinion but it's not that bad.
Check build v0.1.4. Links are blue and satisfying contrast tests.