When to use buttons vs links

Buttons…

  • Call dialog boxes
  • Submit data
  • Act on user input or user selection

Links…

  • Go to other pages
  • Go to another point in the current page
  • Are used for tabs
  • Are used for navigation bars
  • Where button text would be far too long

Could be button or link…

  • To hide or show dynamic layers
  • To contrast between the primary action and a secondary action, so people don’t accidently choose the secondary action (eg. the button says ‘Apply’ and the link says ‘start again’)