Dave House
Would it be fair to say you should not use shadow in an attempt to meet adequate contrast even if the rendered layered up colour does - purely because this would be knocked out in high contrast mode, making high contrast mode have lower contrast?
Example: Text shadow over image
Dec 9, 2022 at 3:14pmMastodon for iOS
Show threadDave HouseDec 9, 2022
*this is my feeling I just don’t want to flag this to others if there is something I’ve missed
Show threadJoe LanmanDec 9, 2022
@iknowdavehouse sounds right, isn't there a workaround with transparent outline? I think I heard that works
Show threadJoe LanmanDec 9, 2022
@iknowdavehouse oh but it wouldn't outline the characters themselves so maybe not
Show threadDave HouseDec 9, 2022
@joelanman there’s probably an equivalent text outline or something but I can imagine what it looks like 😂
Show threadDave HouseDec 12, 2022
@joelanman in interest of a follow up, both high contrast mode and colour override put a background colour behind all text so a box is created even when there was none
Show threadJoe LanmanDec 12, 2022
@iknowdavehouse huh that's smart, on which browsers?
Show threadDave HouseDec 13, 2022
@joelanman tested Windows high contrast mode on Edge and colour override in Firefox. Didn’t matter if shadow is used or not, seems that all text is given a background colour the same colour as the page background. I have 2 locked down machines which makes thorough testing difficult 😞
Show threadJoe LanmanDec 13, 2022
@iknowdavehouse thanks! Important stuff
Show threadDave HouseDec 9, 2022
@joelanman on objects for sure - focus states etc with box shadow. I’m thinking something that actually looks like a shadow so rendering as an outline might weird (especially on text)