Button Group

Button Groups bring together button controls that belong to the same context. They help us save space when needed.

WCAG Score - 2.2 AA Compliant


Provided by the component

  • Ensures standard tab order allows users to navigate between individual buttons using keyboard controls.
  • Each individual button should have appropriate labels that make sense both individually and within the context of the group.
  • Maintain visible focus indicators that work well with the grouped visual design.

Implementation considerations

Developers must do the following in the implementation to be considered fully accessible:

  • To provide additional semantics and accessibility, apply the suitable role attribute to the button group.