TDX Knowledge: Make Table of Contents or Other In-Page Links

You can quickly create a table of contents (or other in-page links) by associating anchors to selected headings (or text) and then linking to those anchors.

Lengthy articles that contain a table of contents (TOC) with links are easier to scan and easier to navigate using adaptive technology. Unless the article is short, if it has two or more headings, include a TOC in the form of a bulleted list. 

Most of the time you will not need to create TOC links to subheadings below H2 unless you have a lengthy and complex article. Even then, you should use your judgment as to whether or not it made sense.

Note: To meet accessibility standards:

  • Identify any in-page links as such, e.g. (on this page). You do not have to identify TOC links as "(on this page)."
  • Create link text that matches or closely matches the text of the location you are linking to. 

In this article:

Making in-page links

Before you can create an in-page link, you have to create an anchor.

Making an anchor

Assuming you are in edit mode:

  1. Select the text you want to create an anchor for. 
  2. Click the Anchor icon.
    subset of formatting icons with the anchor icon highlighted
  3. Enter a name for the anchor.
    • NoteAnchor Names cannot contain spaces. If you want to use multiple words for a name, use a hyphen or underscore.
  4. Click OK.
    anchor icon associated with heading text in body

Linking to an anchor

  1. Select the text that you want to link to the anchor.
    • The link text should match or closely match the anchor text. 
  2. Select the Link icon.
    subset of formatting icons with the link icon highlighted
  3. Displayed Text is filled in with your selection; you can change it and the text in the Body will update. 
  4. Change the Link Type to Link to anchor in the text.
    Linky Type menu with Link to anchor in the text highlighted
  5. Select an Anchor by Anchor Name.
    • Anchor Names cannot contain spaces. Separate multiple words using a hyphen or underscore.
      Link window with "Link Type" set to "Link to Anchor in the Text" and "By Anchor Name" has an example link text.
  6. Click OK.
  7. Type (on this page) next to the link you just created unless it is in the TOC.

If you need to remove an anchor, you can just backspace.

Additional resources

TDX ID
5453
https://it.umn.edu/services-technologies/how-tos/tdx-knowledge-make-table-contents-or
it.umn.edu
crawl=CC-MAIN-2020-50
38215
application/http; msgtype=response
sha1:YDXPQU3GN72HY44NV5DQG4TRVFPMXQTN
<urn:uuid:40e321e4-7d23-4984-afce-8077ebc1ade3>
2020-11-28T07:54:01Z
104.18.21.107
text/html
sha1:5MVGR2CN3AXU6JO3GVYWYCVAUDOV3V3Q
<urn:uuid:31671e85-fb51-48ad-b8b6-03de06976014>
https://it.umn.edu/services-technologies/how-tos/tdx-knowledge-make-table-contents-or
response
<urn:uuid:989430c7-2a19-4dea-8f5e-8b6da974c98d>
isPartOf: CC-MAIN-2020-50
publisher: Common Crawl
description: Wide crawl of the web for November/December 2020
operator: Common Crawl Admin (info@commoncrawl.org)
hostname: ip-10-67-67-195.ec2.internal
software: Apache Nutch 1.17 (modified, https://github.com/commoncrawl/nutch/)
robots: checked via crawler-commons 1.2-SNAPSHOT (https://github.com/crawler-commons/crawler-commons)
format: WARC File Format 1.1
conformsTo: http://iipc.github.io/warc-specifications/specifications/warc-format/warc-1.1/