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

Accessibility

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 list and items use role="menu" and role="menuitem" respectively.

The FloatingActionButton also uses the following ARIA attributes:

  • aria-disabled—For disabled FloatingActionButton or item from the collection.
  • aria-label—For the FloatingActionButton text or item text.
  • aria-haspopup" and aria-expanded—When the FloatingActionButton has items.
  • aria-owns and aria-activedescendant—When the FloatingActionButton has 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.

Limitations

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