This sample demonstrates how a developer can use the new CSS High Contrast Media Query, CSS High Contrast Adjust property, CSS System Color key words, and SVG to implement a custom control that has High Contrast compliant complex visuals.

Please place the system into High Contrast Mode.

Not High Contrast Aware Custom Button with SVG Background Image

Detected High Contrast, but SVG content is not High Contrast

Detected High Contrast, and SVG content is High Contrast