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"
andaria-expanded
—When the FloatingActionButton has items.aria-owns
andaria-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.