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-valuenow
attribute to indicate the current thumb position. - Define
aria-valuemin
andaria-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 byaria-label
. - If the scrollbar is vertically oriented, it has
aria-orientation
set tovertical
. The default value ofaria-orientation
for a scrollbar ishorizontal
.
Was this page helpful?
Thanks for your feedback!