Scrollbar Blindness

#1

Post by _maye » Thu, Aug 27, 2020, 1:24 PM UTC

Re: Scrollbar Blindness

#2

Post by bluedevil2k » Thu, Aug 27, 2020, 1:43 PM UTC

Great article! Short read and proves his point excellently by calling out big sites that are making the mistake he points out. The Snapchat example is the best, looks terrible on my Windows machine on Firefox.

Re: Scrollbar Blindness

#3

Post by matsemann » Thu, Aug 27, 2020, 1:45 PM UTC

Yes! Far too many developers now only check that the page renders nicely on Chrome on their expensive macbook. While most of their users may be having a less than stellar screen and don't see the contrasts, run old hardware and a different OS+browser combo.

Re: Scrollbar Blindness

#4

Post by wtallis » Thu, Aug 27, 2020, 1:46 PM UTC

I like how this page also has four levels of scrollbars, and the title has two. It's an interesting sort of border effect.

Re: Scrollbar Blindness

#5

Post by phpdave11 » Thu, Aug 27, 2020, 1:46 PM UTC

I like how the title of the article has a hidden scroll bar (reading on iPhone).

Re: Scrollbar Blindness

#6

Post by [deleted] » Thu, Aug 27, 2020, 1:48 PM UTC

[deleted]

Re: Scrollbar Blindness

#7

Post by dusted » Thu, Aug 27, 2020, 1:50 PM UTC

Hiding scrollbars is one of the worse ux antipatterns.. it makes it difficult to see IF there is more content and which part can be scrolled (if any)

Re: Scrollbar Blindness

#8

Post by corobo » Thu, Aug 27, 2020, 1:51 PM UTC

matsemann wrote: post #3

Yes! Far too many developers now only check that the page renders nicely on Chrome on their expensive macbook. While most of their users may be having a less than stellar screen and don't see the contrasts, run old hardware and a different OS+browser combo.

Same complaint with contrast aye

Yes your giga HD retina Mac displays these colours perfectly, I'm sure it looks great. On my screen however I can't read a damn thing.

Re: Scrollbar Blindness

#9

Post by simonebrunozzi » Thu, Aug 27, 2020, 1:51 PM UTC

Great read, and nice examples to show how important the issue is (at least, relative to web design).

This just reminds me of how lovely it would be to have complete interoperability between every browser, every OS, mobile or desktop... And how unlikely it is to happen in the near future.

Re: Scrollbar Blindness

#10

Post by TedDoesntTalk » Thu, Aug 27, 2020, 1:52 PM UTC

> Alternatively, you can set the scrollbars to be visible at all times by setting System Preferences -> General -> Show scroll bars to Always.

Hidden scrollbars recently caused me an extra day of work. I was documenting all options in hundreds of html select boxes (dropdowns) on a legacy product being rewritten.

Many of these dropdowns were vertically scrollable, but macOS using Chrome did not display a scrollbar. I had no idea they were scrollable and missed many options in my documenta3.

I could not look at the html for it as it was minimized and not easily searchable.