Floating action buttons (FABs) help people take primary actions.

  • Use a FAB for the most common or important action on a screen
  • Make sure the icon in a FAB is clear and understandable
  • FABs persist on the screen when content is scrolling

Icons inside buttons

Decorative images inside a button also containing visible text are never read to the screen reader.

For example, when a screenreader encounters a button with a decorative paper airplane and the text “Send message”, the icon must be ignored.


Do not rely on an image’s alternative accessibility text label to name an icon button. Directly encode the name into the button component itself. The icon should be ignored by the screen reader.

Material guidance