Main content

slider

Characteristics

Superclass Role:

  • input
  • range

Required States and Properties:

  • aria-valuemax
  • aria-valuemin
  • aria-valuenow

Supported States and Properties:

  • aria-orientation

Inherited States and Properties:

  • aria-atomic
  • aria-busy (state)
  • aria-controls
  • aria-describedby
  • aria-disabled (state)
  • aria-dropeffect
  • aria-flowto
  • aria-grabbed (state)
  • aria-haspopup
  • aria-hidden (state)
  • aria-invalid (state)
  • aria-label
  • aria-labelledby
  • aria-live
  • aria-owns
  • aria-relevant
  • aria-valuetext

Name From:

  • author

Accessible Name Required:

  • True

Children Presentational:

  • True

A user input where the user selects a value from within a given range.

A slider role is used to represent a slider on a web page. A slider is used to select a value from available values. For example to select volume from 0% to 100%. The minimum and maximum values of the slider can be intimated to the screen reader user using "aria-valuemin" and "aria-valuemax" while the current value is represented using "aria-valuenow".

Content developers are advised to provide the option for increasing and decreasing the values of the slider using the keyboard arrow keys. The left/ down arrow key should be assigned to decrease the value while right/ up arrow keys should increase the value. Home and End keys should help the user to jump directly to minimum and maximum values possible. Page up and Page down should allow the user to jump denominations in bulk.

Microsoft Active Accessibility accRole Property: 

  • ROLE_SYSTEM_SLIDER

UI Automation ControlType Property: 

  • Slider

UI Automation AriaRole Property: 

  • slider
More in this category: « spinbutton separator »