Skip to content We're live on Product Hunt today Upvote
install

TWO BUILDS 9 browsers

Chrome from the Chrome Web Store Firefox from addons.mozilla.org Edge from Microsoft Edge Add-ons Brave takes the Chrome build Opera takes the Chrome build 4 more Chromium browsers: Arc, Vivaldi, Chromium, Opera GX the Chrome build

diagnostic · one of 36 free, no counter

Preferences

Does this page answer the preferences my browser is asking for?

Reduced motion, forced colours, high contrast, reduced data and colour scheme are all things a person has set in their operating system, and a page either has rules for them or does not. This puts what your browser is asking beside what the page answers, and the one actionable row is a query that was asked for and never mentioned.

Reach it Press ⌘ + K on any tab and type preferences. Ctrl + K on Windows and Linux

Which media preferences the page answers, and which it ignores
reads media rules, and what this browser asks for
writes nothing
sends nothing
active compared against the query’s own answer, not a list
unanswered asked for and never mentioned - the one actionable row
adequacy rules are counted, never graded
plan free
Add   LoupeKit - opens the list of browsers it can be installed in

TWO BUILDS 9 browsers

Chrome from the Chrome Web Store Firefox from addons.mozilla.org Edge from Microsoft Edge Add-ons Brave takes the Chrome build Opera takes the Chrome build 4 more Chromium browsers: Arc, Vivaldi, Chromium, Opera GX the Chrome build

in the panel · free, no counter

section#about

What this actually is

Before shipping anything animated, on any site claiming an accessibility standard, and when a reader has reported that a setting they rely on is ignored.

section#asked

Asked about this diagnostic

Why does it not say whether the rules are good enough?

Because that needs a judgement about the design. It counts the rules and names the queries with none, which is the part that can be established by reading the page.

What does "unanswered" mean exactly?

Your browser is asking for something - reduced motion, say - and the page has no rules for that query at all. That is a page which will animate regardless, and it is the row worth acting on.

Why compare against the query’s own answer?

Because prefers-color-scheme: light reports dark on a dark machine. Comparing against a fixed list of neutral answers gets that backwards, which is a bug this reading had.

Can I test the other setting without changing my OS?

Yes - the page bar’s Preferences card forces each one on the live page, so a reduced-motion layout can be checked without leaving the browser.

how to use preferences

  1. Open Preferences to see what this browser is asking for.
  2. Read it beside what the page answers: reduced motion, forced colours, contrast, data, colour scheme.
  3. Rules are counted rather than graded, so a query with nothing behind it is the actionable row.
  4. Change the setting in the operating system and read the page again.
Add   LoupeKit - opens the list of browsers it can be installed in

TWO BUILDS 9 browsers

Chrome from the Chrome Web Store Firefox from addons.mozilla.org Edge from Microsoft Edge Add-ons Brave takes the Chrome build Opera takes the Chrome build 4 more Chromium browsers: Arc, Vivaldi, Chromium, Opera GX the Chrome build

70 of these · no host permissions · three free audits