High contrast modes

Good morning

There is a fail (F87) for using the CSS content property to convey info specifically for users who need to customise the style of the page.

There is also a fail (F3) for using background images to convey information.

My question is, what about the cases where the background-color property has been used to convey information which pass 3:1 in the default view, but in windows high contrast mode (HCM) for example, the info is lost (background-colors all change to black)

  1.  radio buttons have been used and visually hidden so that they can have dummy custom styled controls (that look more like buttons), and then a different background-color is used to show which option is selected. The difference passes 3:1, but in HCM all the bottons look the same. SR users know which is selected but visually users can't tell which is selected
  2.  Outline:none; is used on keyboard focus to block the browser focus indicator. In default mode, the background-color changes and passes 3:1, but in HCM there is no visual focus indicator

Thanks

Sarah

Get Outlook for iOS<https://aka.ms/o0ukef>