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:

• Internet Explorer 10 and 11 work best with the Jaws screen reader. Other readers are not supported very well. For more information, refer to issue 817699.
• Microsoft Edge works best with Microsoft Narrator screen reader. For more information, refer to issue 8571350.

Suggested Links

• API Reference of the FloatingActionButton
• API Reference of the FloatingActionButtonProps
• Keyboard Navigation