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