Purpose
Buttons and links should:- Enable users to take action
- Clearly communicate the result of clicking
- Use specific, descriptive verbs
- Match user mental models
The pattern
Follow this simple pattern for button labels:Examples
Good examples
- Save changes
- Delete account
- View details
- Download report
- Send message
Avoid
- OK
- Submit
- Click here
- Continue
- Proceed
Format guidelines
Use active imperative verbs
Start with a strong action verb that describes what happens.
- Good: “Delete account”
- Avoid: “Account deletion”
Use sentence case
Only capitalize the first word (unless it’s a proper noun).
- Good: “Create new project”
- Avoid: “Create New Project”
Link text
Links require special attention for accessibility and clarity.Screen reader friendly
Screen readers often list all links on a page out of context. Your link text should make sense on its own.Why this matters
Why this matters
Users with screen readers often navigate by pulling up a list of all links. If your links say “click here” or “learn more,” the list becomes useless:
- Click here
- Click here
- Learn more
- Read more
- Read our privacy policy
- View pricing details
- Download the guide
- Contact support
Link best practices
Use descriptive text that tells users where they’re going
Make links long enough to click easily (at least 2-3 words)
Avoid “click here” or “read more”
Don’t repeat the same link text for different destinations
Examples
| Context | Bad | Good |
|---|---|---|
| Privacy policy | Click here for more information | Read our privacy policy |
| Help docs | Learn more about this feature | View the integration guide |
| Contact | Click here to contact us | Contact support |
| Download | Download | Download the onboarding checklist |
Context-specific patterns
Primary actions
Primary buttons should clearly state the main action:- Sign up screens: “Create account” (not “Get started”)
- Checkout: “Place order” (not “Submit”)
- Forms: “Save changes” (not “Save”)
Secondary actions
Secondary buttons can be slightly less specific:- “Cancel”
- “Go back”
- “Skip for now”
Destructive actions
For irreversible actions, be explicit:- Good: “Delete account permanently”
- Avoid: “Remove” or “Clear”
Confirmation buttons
Confirmation dialogs should repeat the action:Quick reference
Do
- Start with an action verb
- Include the object being acted on
- Use sentence case
- Be specific about the action
- Keep it under 6 words
- Make links descriptive
Don't
- Use generic labels (OK, Submit)
- Say “click here” in links
- Use title case
- Leave out the object
- Make links too vague
- Rely on context alone
Related resources
Accessibility
Learn more about writing accessible link text
Voice and tone
Adapt button copy to your brand voice
Quality standards
Apply the four quality standards to buttons