FloatingToolbar Accessibility

Premium

Updated on Oct 6, 2026

The FloatingToolbar hosts a Toolbar with the toolbar role. Set the ariaLabel property to give it an accessible name. When draggable is enabled, the component adds a keyboard-focusable drag handle with a localized label and a keyboard Move mode. If the FloatingToolbar is unmounted while it contains focus, focus returns to the element that was focused before it mounted.

WAI-ARIA

This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements.

Selector	Attribute	Usage
.k-toolbar	role=toolbar	The role of the hosted Toolbar.
.k-toolbar	aria-label	Set through the ariaLabel property.
.k-floating-toolbar-drag-handle	role=button	The role of the drag handle, rendered when draggable is set to true.
.k-floating-toolbar-drag-handle	aria-label	A localized "Drag to reposition" label.
.k-floating-toolbar-drag-handle	aria-pressed	Reflects whether the keyboard Move mode is active.

Resources

WAI-ARIA Specification for the Toolbar

Keyboard Navigation

For more details about the FloatingToolbar component's keyboard navigation, refer to the article on keyboard navigation in the FloatingToolbar component.

See Also

• Accessibility in KendoReact
• Accessibility Compliance and Keyboard Support in KendoReact