Bug 226893

Summary: `color-scheme:dark` default link colors aren't passing contrast guidelines
Product: WebKit Reporter: Adam Argyle <argyle>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: akeerthi, ntim, simon.fraser, timothy, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
screenshot of a link on dark color-scheme with a failing score of 1.77
none
screenshot of visited link on dark color-scheme with a failing score of 1.49 none

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 ***