Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Review CSS Scrollbars Module Level 1 #29

Closed
IanPouncey opened this issue Sep 26, 2018 · 3 comments
Closed

Review CSS Scrollbars Module Level 1 #29

IanPouncey opened this issue Sep 26, 2018 · 3 comments
Assignees

Comments

@IanPouncey
Copy link

IanPouncey commented Sep 26, 2018

CSS Scrollbars Module Level 1 requires review.

@IanPouncey IanPouncey self-assigned this Sep 26, 2018
@patrickhlauke
Copy link
Member

@IanPouncey I was already looking at this when I saw the notification come in via email, missed the fact that you self-assigned...here are my notes, FWIW

At the end of https://www.w3.org/TR/2018/WD-css-scrollbars-1-20180925/#scrollbar-color we have

When using scrollbar-color property with specific color values, authors should ensure the specified colors have enough contrast between them. For keyword values, UAs should ensure the colors they use have enough contrast. See Techniques for WCAG 2.0: G183: Using a contrast ratio of 3:1 […] [WCAG20].

It may be worth generalising this to also mention that UAs should ensure that their automatically-chosen color values for scrollbar-color: light and scrollbar-color: dark should also pass sufficient contrast (i.e. that scrollbar-color: light on a light background / scrollbar-color: dark on a dark background should always have sufficient contrast (under the control of the UA)

WCAG 2.0 only provides guidance for text color contrast (so not directly applicable here). This should now reference WCAG 2.1 SC 1.4.11 Non-text Contrast https://www.w3.org/TR/WCAG21/#non-text-contrast which is directly related.

Additionally, it may be good to mention that UAs may ignore this directive altogether based on user preferences (for instance, providing users with a configuration option/setting that always ensures a particular scrollbar color / use of system default scrollbars)

As a side note, example 1 in this section has stray opening/closing single quotes.

https://www.w3.org/TR/2018/WD-css-scrollbars-1-20180925/#scrollbar-width allows authors to set the width of the scrollbar, including completely removing the visual display of the scrollbar with scrollbar-width: none. Too thin a width may make the scrollbar difficult/impossible for users to operate - particularly users with mobility impairments. A minimum size should be required/suggested/enforced by UAs - see WCAG 2.1 SC 2.5.5 Target Size https://www.w3.org/TR/WCAG21/#target-size
Having the scrollbar completely suppressed may be confusing for all (sighted) users, unless an alternative/equivalent visual hint that scrolling is possible / that there is more content is provided. This should at least be strongly suggested/noted. For situations where an area is going to be scrolled by other means (e.g. programmatically), overflow: hidden is likely the more apt choice, rather than not using overflow but instead setting scrollbar-width: none

@patrickhlauke
Copy link
Member

Beyond the above, I think it's fine otherwise :)

@patrickhlauke
Copy link
Member

Review posted w3c/csswg-drafts#3315

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants