element-hq
`highlight` text is not accessible on dark theme
Steps to reproduce
- Visit the timeline
- Observe a message that is a reply
Outcome
What did you expect?
Text with accessible contrast.
What happened instead?
Text has low contrast that is hard to read and fails accessibility test.
Evidence: https://webaim.org/resources/contrastchecker/?fcolor=F34441&bcolor=1D1F24
Operating system
Windows 11
Application version
Element version: 1.11.71 Crypto version: Rust SDK 0.7.1 (80a151e), Vodozemac 0.6.0
How did you install the app?
element.io
Homeserver
element.io
Will you send logs?
No
Can you share a screenshot of the fault itself? Are you using the high contrast theme?
Looks fine in High Contrast mode
Looks fine in Light theme
Also cannot reproduce in dark mode
These colours come from Compound which has contrast testing designed into it
In High Contrast theme, other items are not accessible, e.g.
https://webaim.org/resources/contrastchecker/?fcolor=FFFFFF&bcolor=D7DCE2
But in any case, the red color of the dark theme feels completely unnecessary and not even visually connected to a dark theme. Not sure why you cannot reproduce this?