Vivid Logo Vivid

Split Button

A split button is a dual-function menu button that offers a default action as well as the possibility of choosing a different action by selecting from a set of alternatives.

This component was tested and signed off by Applause (external accessibility specialists).

Implementation

  • aria-label - When icon-only button is used, an aria-label should be provided to ensure that the user can understand the button's purpose.

  • indicator-aria-label - The indicator has a default aria-label, which will be a localised version of "Show more actions". You can override this by setting the indicator-aria-label attribute.

Resources