KM Design System
  • KM Design System
  • Getting Started
  • Create An Article
    • Standard Template
    • FAQ Template
    • How-To Template
    • KCS Template
    • Known Error Template
    • Known Issue Template
    • Service Description Template
    • What Is Template
  • Contribute To the Design System
  • Requesting Help
  • Writing
  • Accessible Writing
  • Fonts & Typefaces
  • Grammar & Mechanics
  • Headers
  • Meta Tags
  • Title Capitalization
  • Web Components
    • Accordion
      • How-To Apply Accordion
      • Accordion Bug
    • Horizontal Rule
    • Images
    • Links
      • How To Apply Link Variant
    • Tables
      • How To Create Accessible Tables
      • Styling & Formatting (coming soon)
  • Patterns
    • 3 Card Layout
      • Article 3 Card
      • Category Desc 3 Card
  • Release Notes
    • March 18, 2021 Release
Powered by GitBook
On this page
  • Default
  • Variant
  • DO's And DON'Ts

Was this helpful?

  1. Web Components

Links

Provide a link whenever you’re referring to something on an. Use links to point users to relevant content and trusted external resources.

PreviousImagesNextHow To Apply Link Variant

Last updated 4 years ago

Was this helpful?

Default

The default link uses the standard Georgia Tech link blue.

Use case

Variant

Variant styles are not rendered while editing the article or in the agent portal. View your article in the Service Portal for an accurate depiction of your content.

A link variant features bold black text and a thick underline in Buzz Gold.

Use Case

DO's And DON'Ts

Don’t include preceding articles (a, an, the, our) when you link text. For example:

If a link comes at the end of a sentence or before a comma, don’t link the punctuation mark.

Don’t say things like “Click here!” or “Click for more information” or “Read this.” Write the sentence as you normally would, and link relevant keywords.

If your link takes the reader to an external site (away from the GT Services site), don't open the site in the same browser tab. Configure the link to open the site in a new browser tab by using the "edit link" tool in your editor. Select the "Target" dropdown menu and select between "None" and "New Window".

If using the "New Window" option, type "(opens in a new tab)" next to your link text. This assists users with screen readers and informs them if a link will open in a new tab.

  • None (implicit): the link will open in the existing window or tab

  • New Window (_blank): the link will open in a new tab

  • Same Frame (_self): same as "None"

  • Top Frame (_top): ignore as Frames are deprecated in HTML5

  • Other (custom frame): ignore as Frames are deprecated in HTML5

Yes: Read the for details.

No: Read for details.

Yes: Reference the .

No: Reference the

Yes: For help, you can .

No: For help, you can submit a request .

How To Apply Link Variant
automation guide
the automation guide
visual guide
visual guide.
submit a request
here
Sample of the default link style
Sample of the variant link style
Demonstration of modifying the URL target