Blazor Slider Accessibility

The Telerik UI for Blazor Slider component is WCAG 2.1 AA and Section 508 compliant. The component also follows the WAI-ARIA best practices for implementing the keyboard navigation for its component role, and is tested against the popular screen readers.

Wai-Aria

Slider Drag Handle

Selector	Attribute	Usage
.k-draghandle	`role=slider`	Sets the proper role for Slider.
	`aria-label` or `aria-labelledby` or `title`	The Slider needs an accessible name to be assigned to it.
	`aria-valuetext`	Specifies the text that would be announced based on the currently selected value in the Slider.
	`aria-readonly=true`	Attribute is rendered only when the Slider is readonly.
	`aria-invalid=true`	Attribute is rendered only when the Slider is in form and announces the valid state of the component.
	`tabindex=0`	The element must be focusable.
.k-draghandle:not(.k-hsv-draghandle)	`aria-valuenow`	Specifies the currently selected value in the Slider.
	`aria-valuemin`	Specifies the minimum available value in the Slider.
	`aria-valuemax`	Specifies the maximum available value in the Slider.
.k-slider-vertical .k-draghandle	`aria-orientation=vertical`	Present only when slider is vertical.
.k-disabled .k-draghandle	`aria-disabled=true`	Attribute is rendered only when the Slider is disabled.