← Back to release summary

Media Queries: prefers-contrast feature

Category

CSS

Type

Chromium catches up

Status

Enabled by default (Chrome 96)

Intent stage

Prepare to ship

Summary

Adds the 'prefers-contrast' feature, which lets authors adapt web content to user-selected level of contrast in the OS, such as increased contrast mode on macOS and high contrast mode on Windows. Valid options are 'more', 'less', 'custom', or 'no-preference'.

Motivation

Windows and macOS have support for contrast-related features. This media query will allow for authors to respond to such choices.

Standards & signals

• Specification: https://www.w3.org/TR/mediaqueries-5/#prefers-contrast
• Firefox: In development — Implemented behind a flag, but without the 'custom' value
• Safari: Shipped/Shipping
• Web developers: Positive
• Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1107431

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

View on chromestatus.com