ScrollBar Accessibility

Accesibility Attributes

Web accessibility makes web content and web applications more accessible to disabled people. It's especially helpful in dynamic content changes and development of advanced user interface components with HTML, Javascript and related technologies. Smart HTML elements framework offers full accessibility support for it's web components.

ScrollBar provides a built-in compliance with WAI-ARIA specification. This is achieved through attributes like role, aria-disabled, aria-pressed and others. They are applied to the Scroll bar element. The role of the component is 'scrollbar'.

The purpose of the ARIA attributes is to help disabled people by providing the information specific to the component to assistive technology in the screen readers.

The Scroll bar represents a graphical object that controls the scrolling of content within a viewing area, regardless of whether the content is fully displayed or not. It represents the current value and range of possible values vie the size of the scroll bar and the possition of the thumb with respect to the visible range of the orientation it controls.

The following ARIA attributes are in use by the component:

  • aria-disabled - indicates that the interaction with the Scroll bar component is disabled.
  • aria-hidden - indicates that an element does not provide feedback to the user and as such it does not take part in the accessibility support. The arrows inside the scroll buttons have this property applied.
  • aria-orientation - indicates the orientation of the Scroll bar. The component can be vertical or horizontal.
  • aria-valuemax - indicates the maximum value of the Scroll bar.
  • aria-valuemin - indicates the minimum value of the Scroll bar.
  • aria-valuenow - indicates the current value of the Scroll bar.

Additional information on WAI-ARIA for the SMART Framework can be found here.