Authors should avoid styling scrollbars

Seems like they’re taking their own suggestion on what to do if you do decide to style the scrollbar and handle.

Thorn said:
Seems like they’re taking their own suggestion on what to do if you do decide to style the scrollbar and handle.

This. They even say in the second sentence that if you do decide to style it anyway, make sure it is high contrast with a large touch target. Their own site is a demonstration of this.

@Terry
Yeah but OP has reading comprehension problems and wants to be mad.

Blair said:
@Terry
Yeah but OP has reading comprehension problems and wants to be mad.

Clearly I do lol.

@Terry
Admittedly read only the first sentences when posting this lol.

But isn’t this just true in general?

Black on white is as good a contrast ratio as you will get, so the guideline still makes sense.

Toryn said:
Black on white is as good a contrast ratio as you will get, so the guideline still makes sense.

I’d still prefer if people didn’t also make it thinner.

Ezra said:

Toryn said:
Black on white is as good a contrast ratio as you will get, so the guideline still makes sense.

I’d still prefer if people didn’t also make it thinner.

Really? You don’t like trying to find the exact 1 pixel of the scroll bar so you can drag it? /s

@Rory
And it’s hidden by default and only appears when you hover that exact pixel.

Toryn said:
Black on white is as good a contrast ratio as you will get, so the guideline still makes sense.

It’s technically not white as opacity is at 25%.

Toryn said:
Black on white is as good a contrast ratio as you will get, so the guideline still makes sense.

It’s not just about contrast and size, but the behavior of the scroll bar changes depending on the input device and user settings. Changing the styles overrides all of that.

EDIT: Y’all can downvote me on it all you want. Doesn’t make me less right. See my reply to the user’s reply below for an example.

@Teo
No idea why people are downvoting you lol, you’re correct!

@Teo
Any specific examples?

Oaklan said:
@Teo
Any specific examples?

Yeah. WebKit and Chromium browsers on MacOS from OS X 10.7 and later. Depending on your interface (trackpad, mouse) and the user’s settings (“show scrollbars” under Appearance).

Give it a go. You’ll notice the scroll bar looks and behaves completely differently. scrollbar-gutter also doesn’t work in some cases depending on the user’s settings and interface as well.

Wei said:
Reading is hard.

The topic is not about it. If you can’t see the scrollbar or have to look for 15 seconds just to understand if you’re 25%, 50% or 66% way down. I sometimes wondered whether the site completely hides the scrollbar.

Don’t just read the first sentence of a paragraph.

Sawyer said:
Don’t just read the first sentence of a paragraph.

We are now at the point that even after opening the article, we are only reading the “headline” lol.

Marlow said:

Sawyer said:
Don’t just read the first sentence of a paragraph.

We are now at the point that even after opening the article, we are only reading the “headline” lol.

Need to use chatgpt for a summary.

@Ev
I’m not “disabled”, but I already hate the trend of “hover only” scrollbars that are too thin and hard to grab hold of reliably with a mouse. Changing colors (especially to even worse contrast) is particularly annoying.

Much like closed captioning, certain accessibility initiatives benefit disabled and non-disabled customers alike.