Skip to content
The style guide is in beta: content and structure may change.

Links

Links carry readers between pages, so their text has to make sense on its own and their formatting has to survive rendering and screen readers. These rules cover link text, cross-reference phrasing, and how URLs and file paths appear in prose. When to cross-reference at all is covered on the refer-and-link page.

Examples

Rationale

Screen-reader users and scanners read links out of context, so the text must say where the link goes; “click here” says nothing.

Examples

Rationale

A raw URL is hard to read aloud and says little about the destination, so a title or description is clearer.

Examples

Rationale

Front-loaded, short link text is easier to scan in a list of links.

Examples

Rationale

Two links with the same text but different targets confuse anyone navigating by link list.

Examples

Rationale

Including both the long form and the abbreviation keeps the link text self-explanatory out of context.

Examples

Rationale

Quotation marks around link text are redundant with the link styling and add clutter.

Examples

Rationale

Punctuation inside the link becomes part of the clickable area and can render underlined oddly.

Examples

  • ✓ For more information about rate limits, see Rate limits.
  • ✗ For more information on rate limits, refer to Rate limits.

Rationale

A consistent “For more information, see” phrasing is predictable and translates cleanly, and “about” avoids the directional read of “on.”

Examples

Rationale

Telling the reader a link stays on the page sets the right expectation before they click.

Examples

Rationale

Readers consume content in different modes, so signaling an external destination through both descriptive text and an accessible icon reaches everyone rather than relying on a cue that some readers miss.

Examples

Rationale

Forcing a new tab overrides the reader’s control and breaks the back button; if it is needed, saying so sets expectations.

Rationale

Duplicate links to the same place add noise and dilute the useful ones.

Examples

  • ✓ For the current list of supported regions, see Locations.
  • ✗ The supported regions are us-east, eu-west, and ap-south.

Rationale

Inlining a stable definition saves the reader a click, but inlining product-specific detail that changes creates duplicate copies that drift apart. Deciding by stability keeps a single source of truth for the things that change.

Examples

  • ✓ “Open the dashboard at the following URL:” with https://example.com/dashboard set on its own line
  • ✗ Open the dashboard at https://example.com/dashboard.

Rationale

A period right after a URL can look like part of the address, so recasting avoids the confusion.

Examples

  • ✓ “Your app is available at the following URL:” with https://example.com/app set on its own line
  • ✗ Your app is available at https://example.com/app.

Rationale

A trailing period can look like part of the URL, so recasting or isolating the URL prevents a broken link.

Examples

  • ✓ Open config/settings.yaml.
  • ✗ Open config\settings.yaml.

Rationale

Forward slashes are correct for URLs and POSIX paths; backslashes are only for Windows paths.

Examples

  • ✓ Don’t paste “smart” quotes into source files.
  • ✗ Don’t paste “smart” quotes into source files.

Rationale

Curly quotes and apostrophes frequently break build tooling and produce errors that are hard to trace, while straight marks are safe across code and body text.

Rationale

Consistent, distinct link styling tells readers what is clickable and what they have visited.