Bug 226893 - `color-scheme:dark` default link colors aren't passing contrast guidelines
Summary: `color-scheme:dark` default link colors aren't passing contrast guidelines
Status: RESOLVED DUPLICATE of bug 209851
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-06-10 12:43 PDT by Adam Argyle
Modified: 2022-03-28 12:10 PDT (History)
5 users (show)

See Also:


Attachments
screenshot of a link on dark color-scheme with a failing score of 1.77 (23.31 KB, image/png)
2021-06-10 12:43 PDT, Adam Argyle
no flags Details
screenshot of visited link on dark color-scheme with a failing score of 1.49 (95.77 KB, image/png)
2021-06-14 14:15 PDT, Adam Argyle
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Adam Argyle 2021-06-10 12:43:01 PDT
Created attachment 431109 [details]
screenshot of a link on dark color-scheme with a failing score of 1.77

see issue in this reduced case https://cdpn.io/argyleink/debug/98e3068212c217dd1867ac992006ec77

looks like the user-agent stylesheet link color needs desaturated when in a dark color scheme.
Comment 1 Radar WebKit Bug Importer 2021-06-11 19:44:24 PDT
<rdar://problem/79228859>
Comment 2 Adam Argyle 2021-06-14 14:15:00 PDT
Visited color failing as well (see attached image)
Comment 3 Adam Argyle 2021-06-14 14:15:30 PDT
Created attachment 431363 [details]
screenshot of visited link on dark color-scheme with a failing score of 1.49
Comment 4 Adam Argyle 2021-06-24 10:31:29 PDT
currently mitigating the issue with the following CSS:

```css
@media (prefers-color-scheme: dark) {
  @supports (-webkit-hyphens:none) { 
    a[href] {
      color: hsl(240 100% 81%);
    }
  }
}
```
Comment 5 Tim Nguyen (:ntim) 2022-03-28 12:10:59 PDT

*** This bug has been marked as a duplicate of bug 209851 ***