Bug 209851 - Pages with `color-scheme: dark` have too low link color contrast
Summary: Pages with `color-scheme: dark` have too low link color contrast
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-04-01 03:00 PDT by Thomas Steiner
Modified: 2021-06-01 23:03 PDT (History)
4 users (show)

See Also:


Attachments
Too low contrast for links when page in `color-scheme: dark` (498.00 KB, image/png)
2020-04-01 03:00 PDT, Thomas Steiner
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Thomas Steiner 2020-04-01 03:00:34 PDT
Created attachment 395153 [details]
Too low contrast for links when page in `color-scheme: dark`

OS Version: OS X 10.15.4
URLs (if applicable): https://color-scheme-demo.glitch.me/
Other browsers tested:
  Add OK or FAIL after other browsers where you have tested this issue:
    Chrome: Fail
    Firefox: Fail (doesn't support `color-scheme` yet)
    IE/Edge: Fail (for old IE and new Edge)

What steps will reproduce the problem?
1. Go to https://color-scheme-demo.glitch.me/
2. Note how when the page is toggled to `color-scheme: dark` all user agent stylesheet link colors (apart from :active) have too low contrast.

What is the expected result?

Link colors (except for :active) should have enough contrast.

What happens instead of that?

Link colors (except for :active) don't have enough contrast.
Comment 1 Radar WebKit Bug Importer 2020-04-01 03:00:49 PDT
<rdar://problem/61149466>
Comment 2 Thomas Steiner 2020-04-01 03:12:00 PDT
Since this probably requires changes to the user agent stylesheets, it would be great to agree on a cross-browser set of dark scheme default link colors.

[Chrome](https://crbug.com/1066811)
[WebKit](https://bugs.webkit.org/show_bug.cgi?id=209851)
[Firefox](https://bugzilla.mozilla.org/show_bug.cgi?id=1626560)
Comment 3 Thomas Steiner 2020-04-01 04:50:23 PDT
I have opened https://github.com/whatwg/html/issues/5426 for cross-vendor awareness.