Skip to content

Find what you need, instantly

Search components, ARIA roles & attributes, and WCAG criteria.

All roles

scrollbar

Widget role

A control that lets the user scroll content within a viewport, exposing its position through aria-valuenow between aria-valuemin and aria-valuemax, plus aria-controls to the scrolled region. It's rarely needed since browsers provide native scrollbars. Use it only for fully custom scrolling widgets.

Used on
A graphical control that scrolls content within a viewport.
Required properties
  • aria-controlsthe scrolled region
  • aria-valuenow
Accessible name
Recommended, via aria-labelledby or aria-label.
Example
role="scrollbar"
<div role="scrollbar" aria-controls="content"
  aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>