Buttons and links

How to write buttons and links in your experiences.

Writing buttons

Encourage action

Be as clear as possible with your button labels by using a strong, actionable verb followed by a noun.

Do
Don't
Do
Don't

Explain what's going to happen next

Use descriptive button labels so it’s clear what’s going to happen, or where the user is going to be taken, if the button is used.

Do
Don't

If a user doesn’t read any other content on the page, they should still be able to understand what the button does from the label alone, so avoid vague button labels.

Do
Don't

Be concise

Make sure your button label fits on one line.

Do
Don't

Avoid using ‘my’ or ‘your’ in button labels.

Do
Don't
Do
Don't

Start with a capital letter and use sentence case, but don’t add full stops.

Do
Don't

Be careful with cancel actions

If a user is cancelling something, like an order, make it clear how they can confirm the cancellation with your button labels.

Make it clear which button is confirmation and which is cancellation through your labels.

Do
Don't

For general guidance on using buttons, read our button component page.


Encourage action

Use a verb to give the link a strong sense of action.

Explain what's going to happen next

Make sure that the link label makes it clear what content the link goes to.

Don’t use vague or generic link text. Links shouldn’t need the supporting copy to make sense.

Don't
To read our terms and conditions, click here

Be concise

Keep links as short as possible while still making them clear.

Standalone links should start with a capital letter, and don’t need a full stop.

Be consistent

Use the same link text for links that go to the same content. While try to use unique link text for links that go to different content.

For general guidance on using links, read our link component page.


Was this page helpful?


Get in touch

We can help you answer any questions around copy or help with your next project.