# FloatingToolBar Accessibility

The FloatingToolBar hosts a ToolBar with the `toolbar` role. When [`draggable`](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/api/floatingtoolbarcomponent#draggable) is enabled, the component adds a keyboard-focusable drag handle with a localized label.

## 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-floating-toolbar-drag-handle` | `title`        | A localized `"Drag to reposition"` label, rendered when `draggable` is `true`. |

## Resources

[WAI-ARIA Specification for the ToolBar](https://www.w3.org/TR/wai-aria-1.2/#toolbar)

## Keyboard Navigation

For more details about the FloatingToolBar component's keyboard navigation, refer to the article on [keyboard navigation in the FloatingToolBar component](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/floating-toolbar/keyboard-navigation).

## See Also

* [Accessibility in Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui-develop/components/accessibility)
* [Accessibility Compliance and Keyboard Support in Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui-develop/components/accessibility/accessibility-compliance)