Button

Diagram of the different cuts of a pig
Component Name

Button

See an example of this component

Keyboard Expectations
  • Enter or Space = Activate Button
Focus Expectations
  • Visible keyboard :focus state
Labelling Expectations
  • Has role of button (e.g. <button>)
  • Clear, non-repetitive label. By default this is the text content inside the element, but can be aria-labelledby or aria-label