Scrollbars

Accessibility

Because scrolling often causes accessibility problems, all key information should be visible on the initial screen.
Include the role="scrollbar" attribute.
Set the aria-controls attribute on the scrollbar element to reference the scrollable area it controls.
Set the aria-valuenowattribute to indicate the current thumb position.
Define aria-valuemin and aria-valuemax to indicate the minimum and maximum thumb position.
If the scrollbar has a visible label, it is referenced by aria-labelledby on the scrollbar element. Otherwise, the scrollbar element has a label provided by aria-label.
If the scrollbar is vertically oriented, it has aria-orientation set to vertical. The default value of aria-orientation for a scrollbar is horizontal.