Skip to content
Draft
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 31 additions & 0 deletions wants/c5b76548-88e4-4ce1-aa6e-762e9188a2d0.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
---
title: I want an option to invert the colors of any web page
date: 2026-04-14T21:29:38.355Z
submitter: Diego Martín Álvarez
number: c5b76548-88e4-4ce1-aa6e-762e9188a2d0
tags: [accessibility, css, ux]
discussion: https://github.com/WebWeWant/webwewant.fyi/issues/649
status: discussing
related:
- title: "CSS filter: invert() (MDN)"
url: https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert
type: article
- title: "prefers-color-scheme media feature (MDN)"
url: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
type: article
- title: "Understanding Success Criterion 1.4.3: Contrast (Minimum) (WCAG 2.1)"
url: https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
type: spec
---

I want browsers to provide a built-in control to invert the colors of the currently active web page. A readily accessible option — such as a toolbar icon or a keyboard shortcut — would let me flip the color scheme of any page instantly, without requiring a browser extension or an operating-system-level inversion that affects every application at once.

This would be particularly useful when reading pages that display small, dark text on bright white backgrounds, a combination that can cause eye strain during extended reading sessions. More broadly, per-page color inversion would benefit a wide range of users:

- **Readability:** High-contrast inverted views can make text easier to parse for many readers.
- **Eye care:** Reducing bright white backgrounds lowers visual fatigue, especially in low-light environments.
- **Accessibility:** People with certain visual impairments — including photosensitivity and contrast sensitivity conditions — often rely on inverted or high-contrast display modes.
- **Older users:** Elderly users who find standard contrast levels uncomfortable would gain a simple, discoverable option without needing third-party tools.
- **Energy saving:** On OLED and AMOLED screens, darker pixels consume less power, so inverted pages can extend battery life.

The CSS `invert()` filter function already demonstrates that browsers can render inverted colors at the rendering layer. A native browser control would expose this capability to all users in a consistent, accessible way — complementing existing features like `prefers-color-scheme` and operating-system dark-mode settings — without placing the implementation burden on individual web authors.
Loading