UI COM Style Guide
  • UI COM Style Guide
  • Contact Us
  • Writing for the Web
    • Know Your Audience
    • Reduce Content
    • Make Content Accessible and Easy to Read
      • Write in Plain Language
      • Write Content That is Design Agnostic
      • Structure Your Content
        • Use Headings Correctly
        • Formatting Lists
      • Images and Videos
        • Sizing Images
        • Follow Alt Text Best Practices
        • Videos
      • Avoid PDFs
      • Make User Friendly Forms
      • Make User Friendly Links and Buttons
        • Write Quality Link Text
        • Linking a Phone number or Email
        • Links to External Sites
    • Make Content Findable
    • Writing for the Web Tools
  • College of Medicine Logos, Brand & Style
    • Write with the College Web Style
      • Voice and Tone
      • Terminology and Language
        • UI COM Name Usage
        • Names and titles
        • Departments
        • Degrees and programs
        • Academic year and fiscal year
        • Alumni
        • Abbreviations and acronyms
        • Other Terminology
        • Inclusive language
      • Capitalization
      • Phone & Fax Number Formatting
      • Time and Dates
      • Address & Building Numbers Formatting
      • Profiles
    • Color Palette
    • Typography
    • Logo Guidelines
  • Info for the Chicago Campus
    • Chicago Campus Name Usage
    • Chicago Department Names
    • Chicago Administrative Offices/Personnel Titles
    • UI Health
    • Homepage Guidelines
    • Creating a New Website
  • Info for the Peoria Campus
    • Peoria Campus Name Usage
    • Peoria Department Names
    • Peoria Administrative Offices/Personnel Titles
    • Peoria Terminology
  • Info for the Rockford Campus
    • Rockford Campus Name Usage
    • Rockford Department Names
    • Rockford Administrative Offices/Personnel Titles
    • Rockford Terminology
    • Affiliations
Powered by GitBook
On this page
  • Examples of call-to-action buttons
  • Examples of hyperlinks
  • Using both styles together
  1. Writing for the Web
  2. Make Content Accessible and Easy to Read

Make User Friendly Links and Buttons

This page instructs on when to use hyperlinks vs. buttons.

PreviousMake User Friendly FormsNextWrite Quality Link Text

Last updated 8 months ago

Writing good link text is important to both search engine optimization and accessibility. Learn how to write good link text:

Examples of call-to-action buttons

A call to action might be "Apply now" or "Donate to the program". These are best for any actions you need the user to take, rather than supplementary or related information.

Call to action button text should be actionable, whenever possible.

Examples of hyperlinks

Hyperlinks might be something like "Vist the lab webpage" or "See all faculty". They can be used contextually in the middle of a paragraph or sentence, or can be placed at the end of a section. These are best for supplementary or related content.

Using both styles together

You may utilize both contextual hyperlinks and buttons together on one page.

Write Quality Link Text
A jumbo call to action button, which can be plaecd anywhere on the page
A call to action, placed at the end of a section of text
A different style of call to action, placed at the end of a section of text.
A contextual hyperlink, within a sentence.
A section with both a hyperlink and call-to-action button