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-disabledFor disabled FloatingActionButton or item from the collection.
  • aria-labelFor the FloatingActionButton text or item text.
  • aria-haspopup" and aria-expandedWhen the FloatingActionButton has items.
  • aria-owns and aria-activedescendantWhen 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: