New to Kendo UI for Angular? Start a free 30-day trial


The FloatingActionButton is accessible by screen readers and provides full WAI-ARIA support.

WAI-ARIA Support

The FloatingActionButton renders role="button" by default. If a collection of items is present, the FloatingActionButton uses role="menubutton". The Dial item list and items use role="menu" and role="menuitem" respectively.

The FloatingActionButton also uses the following ARIA attributes:

  • aria-disabledFor disabled FloatingActionButton or Dial item from the collection.
  • aria-labelFor the FloatingActionButton text or Dial item text.
  • aria-haspopup and aria-expandedWhen the FloatingActionButton has Dial items.
  • aria-ownsWhen the FloatingActionButton has Dial items.

The FloatingActionButton also follows the best WAI-ARIA practices for implementing keyboard navigation for its component role and is tested against the popular screen readers.

Section 508

The FloatingActionButton is compliant with Section 508.


Consider the following WAI-ARIA support limitations of browsers and screen readers: