Re: [csswg-drafts] [css-color-4] system colors when NOT forced-colors:active (#4883)

The CSS Working Group just discussed `[css-color-4] system colors when NOT forced-colors:active`, and agreed to the following:

* `RESOLVED: The system colors should have meaning outside of forced-colors and reflect dark and light mode changes`
* `RESOLVED: Requirement on legible background/foreground colors should be made a should to reflecting WCAGcontrast ratio but with exception that it only applies when browser generates default colors`
* `RESOLVED: Add to previous resolution that user contrast preference must take precedence`

<details><summary>The full IRC log of that discussion</summary>
&lt;dael> Topic:  [css-color-4] system colors when NOT forced-colors:active<br>
&lt;dael> github: https://github.com/w3c/csswg-drafts/issues/4883<br>
&lt;dael> AmeliaBR: Color adjust spec is written many places where implies system colors are also dynamic for dark and light mode.<br>
&lt;dael> AmeliaBR: Definition in color spec only talks about forced-color mode. Suggestion is to make it clearer in the spec that system colors hsould be tied to dark/light mode differences. Also make sure UA default stylesheet likewise flip when you turn on dark mode default style should be decent for dark mode<br>
&lt;AmeliaBR> https://github.com/w3c/csswg-drafts/issues/4924<br>
&lt;dael> AmeliaBR: Couple other issues here and in HTML in last week on topic of improving UA stylehseet. That's the tracking issue ^<br>
&lt;dael> AmeliaBR: From feedback we did get I think...there isn't any impl reason not to do this. It just hasn't happened to go through and connect system-color system and UA stylesheets with light/dark mode system<br>
&lt;dael> AmeliaBR: Right now big problem where if you use meta tag to set dark but CSS doesn't load you get unreadable page with black canvas and defautl black text from UA stylesheet. UA stylesheet should be basic legible in light or dark mode<br>
&lt;Rossen_> q?<br>
&lt;aja> implication of issue is that those system color "pairs" be wcag2.1 AA by default.  AAA when prefers-contrast:high would be a plus, too.<br>
&lt;chris> q+<br>
&lt;dael> AmeliaBR: Other discussion is should we require UA stylehseets to match WCAG contrast ratios. Might be separate issue to discuss with HTML, but it is related since right now default contrast is horrible<br>
&lt;smfr> q+<br>
&lt;Rossen_> ack chris<br>
&lt;aja> lower contrast when prefers-contrast:low too<br>
&lt;dael> chris: I think we hsould put WCAG requirements on these. Color 4 jsut says readable but no requirements. I edited to add examples. I'd like to require AA for all apart from gray text. I think that's right thing to do.<br>
&lt;Rossen_> ack smfr<br>
&lt;dael> smfr: We've had bugs in WK in dark mode because blue link is too dark. Is color 3 the system color list? I don't see link-color.<br>
&lt;dael> TabAtkins: Color 3<br>
&lt;dael> chris: System color and default stylesheet at in Color 4<br>
&lt;TabAtkins> s/Color 3/Color 4/<br>
&lt;fantasai> https://drafts.csswg.org/css-color-4/#css-system-colors<br>
&lt;dael> chris: In color 3 all system colors said deprecated and in 4 it said "no, things depend on these"<br>
&lt;dael> TabAtkins: They're in named colors in Color 4, smfr<br>
&lt;Rossen_> q?<br>
&lt;dael> smfr: Thanks<br>
&lt;dael> AmeliaBR: As far aswhat changes are needed: 1) Colors 4 introductory text that desc system colors should make it clear that it isn't just about forced-colors mode<br>
&lt;dael> AmeliaBR: Make it clear they should adjust to color modes<br>
&lt;AmeliaBR> https://drafts.csswg.org/css-color-4/#css-system-colors<br>
&lt;dael> Rossen_: Is that referring to the second paragraph of section 2.2?<br>
&lt;dael> Rossen_: "When forced colors media features is evaluated to active"<br>
&lt;dbaron> So if the colors come from system settings, and the system settings aren't WCAG AA compliant, what happens?<br>
&lt;dael> AmeliaBR: Expand 6.2 to make it clear system colors are relevent all the time, not just forced-colors. Spec req for forced-colors are still true. As far as defining what system-colors mean we need expectation on UAs to respond to color scheme.<br>
&lt;dael> Rossen_: Okay<br>
&lt;dael> AmeliaBR: 2) Text that says following pairing expected to be legible. Proposed is update to reference WCAG contrast ratios<br>
&lt;dael> AmeliaBR: 3) Update UA stylehseets to actually use system-colors. That's a larger discussion going on in the other issue.<br>
&lt;Rossen_> david?<br>
&lt;dbaron> I'm talking into a very unmuted mic, on the phone<br>
&lt;dbaron> so webex doesn't work<br>
&lt;dbaron> just read my IRC above<br>
&lt;dael> dbaron: Requirements about WCAG AA compliant what if they come from system settings and the user has customized and they're not compliant. SHould browser detect and fix?<br>
&lt;dael> AmeliaBR: I would say no. User has priority. Spec mention should be about browser defaults should be compliant.<br>
&lt;dael> florian: Browser defaults defer to OS and broswer can't know if it's because OS is bad or user wanted it.<br>
&lt;dael> Rossen_: I think it would be difficult to impose WCAG restrictions on system colors<br>
&lt;Rossen_> ack dbaron<br>
&lt;dael> fantasai: If we want to reference WCAG it should be informational not normative<br>
&lt;aja> dbaron, re: what happens if non-AA values from forced theme, i say honor theme's choice (i.e. user's choices).  just be magic-valued  system colors when NOT forced<br>
&lt;chris> Q+<br>
&lt;chris> q+<br>
&lt;dael> dbaron: Other thing I would note is I dug into system colors heavily in 2002 and proposed a bunch than. A buch of that was foreground-background pairs b/c not clear what's meant to be used together. The pairs was to make sure that these two colors are used as a pair in the system UI so that you're using colors meant to go together.<br>
&lt;dael> AmeliaBR: Good point.<br>
&lt;dael> AmeliaBR: One of the things that's changed in spec is clearly ID the pairs. You're right that also has to happen in UI. As someone that's played with Windows high contrast they do have clear pairs that don't get used together with Windows OS settings. Easy to mess things up<br>
&lt;dael> AmeliaBR: As far as what CSS can do is we can try to put guidance so authors have something to go on and hopefully they match up with browsers and OSs<br>
&lt;Rossen_> ack chris<br>
&lt;dael> chris: Asking about WCAG. Understand some is outside of browser and users can customize. At the same time I'm loathe to drop this opportunity. Maybe a SHOULD instead of a MUST. Now that we've IDed what pairs are required together I think we should say these should meet WCAG AA. Rossen_ can you explain objection more?<br>
&lt;dbaron> https://lists.w3.org/Archives/Public/www-archive/2013Aug/0027.html has a bit of the background of color pairs, in particular, how the CSS2 set of colors had some non-obvious pairs for which we needed to make a "Dialog" color to fix<br>
&lt;dael> Rossen_: Windows high contrast is about legibility and cognative overload. WE have a lot of cases where users choose low contrast so they can reduce cognative load. If you say this is not great colors who are you to say since this is user choice.<br>
&lt;dael> chris: Yes, try and differentiate OS and user. If user set it that's what they want and we should call that out explicitly<br>
&lt;dael> florian: THe way the user customized this is changing OS setting. Browser does what OS says. The should we might be able to have is by default OS should match. But we're writing browser requirements and the browser should do what the OS says. Browser doesn't know if OS has bad settings or if user set it.<br>
&lt;AmeliaBR> q?<br>
&lt;dael> fremy: Do browsers use system colors? I had impression Safari stopped using system colors. Maybe requirement can say if browser not using system colors it should match AA.<br>
&lt;dael> florian: Fair<br>
&lt;dael> Rossen_: One point we're circling around. Previous requirements were about forced-colors. THat's prop user choice. Regardless of if it came from OS or how it go to the browser and applied there's nothing we can require if this is user choice. System colors being reflective is valid<br>
&lt;dael> Rossen_: When forced-colors are not active it's fair as to if we can rec browsers improve<br>
&lt;dael> AmeliaBR: Good discussion taht reflects most browsers. The default UA stylesheet colors when not in forced-colors we can put an obligation to meet contrast requirements. With exception of when browser uses colors from outside browser or explicitly set by user you should respect that.<br>
&lt;dael> Rossen_: Given that, going back to 3 points, where do we still need to make changes?<br>
&lt;dael> Rossen_: Second change which is text says pairing have to be legible I think this is only when colors not reflecting user choice<br>
&lt;dael> AmeliaBR: First prop resolution: The system colors should have meaning outside of forced-colors and reflect dark and light mode changes<br>
&lt;fantasai> sgtm<br>
&lt;dael> Rossen_: Comments or objections?<br>
&lt;dael> RESOLVED: The system colors should have meaning outside of forced-colors and reflect dark and light mode changes<br>
&lt;dael> AmeliaBR: Second: Requirement on legible background/foreground colors should be made a should to reflecting wcag contrast ratio but with exception that it only applies when browser generates default colors<br>
&lt;dael> AmeliaBR: Does that cover discussion points?<br>
&lt;dael> Rossen_: Yep.<br>
&lt;dael> Rossen_: Objections?<br>
&lt;dael> RESOLVED: Requirement on legible background/foreground colors should be made a should to reflecting WCAGcontrast ratio but with exception that it only applies when browser generates default colors<br>
&lt;aja> and honor prefers-contrast user prefs if/when implemented?<br>
&lt;dael> AmeliaBR: Last: UA stylesheet rules should be updated to use system colors wherever possible. This may require new system colors.<br>
&lt;fremy> For Chrome: https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/layout/layout_theme.cc;drc=7bf6998a6433c26266180353473b5153ffab0517;bpv=1;bpt=1;l=752?q=css%20system%20colors<br>
&lt;fantasai> +1 to aja<br>
&lt;dael> TabAtkins: We should open that as a separate topic and resolve there.<br>
&lt;dael> Rossen_: Good point. And it's likely a larger discussion.<br>
&lt;fremy> q+<br>
&lt;dael> fantasai: Pointed out that system colors adhering to WCAG needs to account for preference of low contrast. Possible people who want low contrast we dont honor WCAG<br>
&lt;dael> AmeliaBR: Or if someone asks for high contrast system should bump to AAA<br>
&lt;dael> fantasai: Yeah<br>
&lt;dael> Rossen_: I think that's a change to previous resolution.<br>
&lt;fremy> For Chrome on Windows: https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/layout/layout_theme_win.cc;bpv=1;bpt=1;l=23<br>
&lt;dael> AmeliaBR: With adjustment for prefers-contrast setting if applicable<br>
&lt;aja> low still has 3:1 ratio minimum<br>
&lt;dael> Rossen_: Prop: User contrast preference must take precedence<br>
&lt;dael> Rossen_: Objections?<br>
&lt;Rossen_> ack fantasai<br>
&lt;Rossen_> ack fremy<br>
&lt;dael> RESOLVED: Add to previous resolution that user contrast preference must take precedence<br>
&lt;dael> fremy: Checked chrome source code, there's a default if they don't use system. My opinion is the one hard coded in code should meet the obligations. These colors exist and should conform to WCAG. Just pointing out I put the links<br>
&lt;dael> Rossen_: Remaining discussion will be in a different issue about how to reflect these to default UA stylesheet.<br>
&lt;dael> AmeliaBR: It's 4924<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4883#issuecomment-611067350 using your GitHub account

Received on Wednesday, 8 April 2020 16:45:09 UTC