Scrollbar should be accessible (too thin)

I encountered this on one of the Fedora docs sites, it was not clear where to report the issue from there.

Transferring the original issue from Github.

TL;DR: Scrollbar width is too small to interact with via cursor due to this CSS.


Scrollbar CSS is made too thin on desktop. I could barely interact with it via the cursor to drag, and there was no up/down buttons which I sometimes use. I could use the keyboard to navigate, but prefer the mouse with the scrollbar.

The biggest issue for me is the inaccessible width to drag the scrollbar. As-is it's only serving as a scroll position indicator of where I am in the document.

Note that the 0.33rem used by Fedora is affected by 1rem unit of the html root. Typically this is equivalent to 16px (96px CSS units is meant to be approximately 1 inch on the display), this can sometimes be increased via the browsers settings.

You'll find that font-size is applied to html as well (with media queries), that affects these rem units too, and thus the width of the scrollbar. For me the scrollbar width is less than 6px, while a typical scrollbar width can contain the mouse pointer.


Images from Github issue that demonstrate the problem:

fedora-docs-thin-scrollbar github-normal-scrollbar CSS