Closed AverageMarcus closed 6 years ago
Thank you for reporting this @AverageMarcus and sorry for the slow reply, I've mentioned this briefly to our HQ colleagues already and it's Chuseok this week but I'll follow up again soon!
NB. The live preview of the JSBin has expired, so I recreated it here:
https://poshaughnessy.github.io/theme-color-meta-tag-test/ https://github.com/poshaughnessy/theme-color-meta-tag-test
Ah! Didn't realise I wasn't logged in to JSBin. Thanks to recreating!
Hi again @AverageMarcus, just for the record, to let you know this has been raised internally too.
We've been informed that this has been resolved now, so should go out in a future release soon. I'll close this to keep our open issues list to unresolved items, but if I hear of the release date for it I'll comment with further info then. Thanks again for raising!
Hi @AverageMarcus. I think this is resolved now? I can see black text now, with both v6.4 and v7.2 Beta (screenshots below). If you still spot an issue though, please LMK!
v6.4
v7.2 Beta
👍 looks good! Nice work!
Version: 6.2.00.38
When using some light colour for the
theme-color
meta tag such as#f7df1e
(JS Yellow) the text colour is set to white, causing the URL and icons to be hard to see. The same page in Chrome for Android renders with black text.Example page: http://output.jsbin.com/pubedewuri
E.g. Samsung Internet
Chrome for Android
I have also seen this on some light greys and similar colours.
Ideally, for any colour specified in the
theme-color
meta tag, the rendered text colour should pass the WCAG AA colour contrast test.