🔲

High Contrast Mode

Verified

by Community

Ensures your web application works correctly in Windows High Contrast mode and other forced color schemes. Covers testing strategies, CSS adjustments, and maintaining UI clarity when colors are overridden.

high-contrastforced-colorswindowsvisual

High Contrast Mode

Support Windows High Contrast mode and forced color schemes in your web application.

Usage

Describe your UI components to get high contrast mode support guidance.

Examples

  • "Test our form controls in Windows High Contrast mode"
  • "Fix custom buttons that disappear in forced colors mode"
  • "Ensure our icons are visible in all contrast modes"

Guidelines

  • Test with Windows High Contrast mode enabled
  • Use forced-colors media query for adjustments
  • Ensure borders define boundaries when backgrounds are removed
  • Use system colors for forced-colors adjustments
  • Never hide content that relies solely on background color