Seb,
Thank you for such detailed feedback. I have reviewed every item you have posted.
I couldn’t find these exact colors. For unselected navigation items we have the text of color #6a6a6a
over #ffffff
, so it’s plenty of contrast - 5.4 :1.
For selected items we have #4AA648
over #F3F3F3
. This has only 2.76 :1 contrast. I think we can push this text and similar green labels to about 3.3 without breaking the app look, but not much further. https://webaim.org/resources/contrastchecker/?fcolor=469B44&bcolor=F7F7F7
Couldn’t find this one. The description text is 5.32:1 https://webaim.org/resources/contrastchecker/?fcolor=6B6B6B&bcolor=FFFFFF
Regarding the icons, I’m not sure this standard applies. At least the tool deals with text only. But I will try adjusting the icons as well, in particular, the time/energy labels on hover.
The problem with strictly adhering this standard (and I really tried to pick good color substitutes) is that it requires changing the styling of the app drastically, which is not something to take lightly given that many users don’t have any problems with current contrast.