CSS `accent-color` property

[ramiy]

Description

Set colors for checkboxes, radio buttons, and other form controls using CSS accent-color property.

Specification

https://drafts.csswg.org/css-ui-4/#widget-accent

web-feature

https://web-platform-dx.github.io/web-features-explorer/features/accent-color/

Test Links

https://wpt.fyi/results/css/css-ui?label=experimental&label=master&aligned&q=feature%3Aaccent-color
https://wpt.fyi/results/css/css-ui/animation?label=experimental&label=master&aligned&q=feature%3Aaccent-color

Additional Signals

No response

[github-actions]

This comment was automatically generated based on the information you provided. Please don't edit it.

Below is additional information about the web feature (from the web-features project) which is referenced in your proposal.
If this doesn't accurately correspond to your proposal, please update your initial comment to include web-features: <feature-id>.
To find feature IDs, use the web-features explorer.

Feature accent-color

• ID: accent-color
• Name: accent-color
• Description: The accent-color CSS property sets a color for checkboxes, radio buttons, and other form controls.
• Baseline status: Limited Availability
• Docs: accent-color
• Standard positions: Mozilla
• Chrome use counter: chromestatus.com
• State of CSS/JS/HTML surveys: State of CSS 2025 (features question), State of CSS 2024 (features question)
• WPT tests: wpt.fyi/results/?q=feature:accent-color
• More information: See the web-features explorer

[lukewarlow]

Specific issues that come to mind is the contrast feature is broken on Android Chromium https://issues.chromium.org/issues/343503163 and also in Safari https://bugs.webkit.org/show_bug.cgi?id=244233 in general.

Issue is neither of these seem testable.

[foolip]

It looks like all of the linked tests already pass here. @ramiy maybe the browser support has changed since you proposed this, or is there something still in need of fixing here?

[lukewarlow]

I suspect the very real contrast issues simply can't be tested for. So it might not be relevant for Interop but I urge the vendors to look at these bugs and address them.

[wpt-interop]

Thank you for proposing CSS accent-color property for Interop 2026.

We want to let you know it was not selected to be part of Interop this year.

On behalf of the entire Interop team, thank you for submitting it for consideration. We got many more proposals than we could include in this year's project, necessitating some difficult choices. Please note this should not be taken as a comment on the technology as a whole, or our willingness to consider it for Interop in the future. We appreciate the work you put into your proposal, and would welcome your participation in future rounds of Interop.

Posted on behalf of the Interop team.