Device color modes

Increase contrast mode

(iOS)

Increase contrast mode is a device-specific color mode. It affects the colors of interfaces at an operating system level and displays colors with higher contrast for most applications.

Gradient of color from yellow to orange to dark purple

How it affects UI design

In web applications, increase contrast mode can be given unique styling using the prefers-contrast media query.

People with low vision rely on this mode to provide better visibility of content.

Sources:

  1. prefers-contrast. Mozilla. https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast