Including a skip navigation or skip to content link at the top of your web pages will improve navigation on your website for screen reader users and for those who can only use the keyboard for navigation. This kind of link will let a screen reader or keyboard user skip the navigation and other repetitive elements of a web page and go directly to the main content section of that page.

To create a skip navigation link in Dreamweaver:

  1. Place the cursor at the beginning of the main content section of the web page and choose Insert, Named Anchor.
    Name Anchor option selected in Dreamweaver Insert menu.
  2. Enter a name for the named anchor and choose OK.
    Named anchor window.
  3. Switch to code view by selecting the Code button at the top of the screen.
    Code button in the Dreamweaver document toolbar.
  4. Place the cursor after the opening BODY tag.
  5. Insert a new Div tag by selecting Insert Div Tag from the Common toolbar or choosing Insert, Layout Objects, Div Tag.
    Insert Div Tag button in Common pane of the Insert toolbar.Layout Objects, Div Tag selected in Dreamweaver Insert menu.
  6. Select At insertion point from the pulldown menu at the top of the Insert Div Tag window, then choose OK. You can add an ID if you wish to style the Div tag later with Cascading Style Sheets.
    At insertion point selected in Insert Div Tag window.
  7. Switch back to Design view and replace the placeholder text in the new Div with your link text.
  8. With the link text selected, use the Point to File tool in the properties inspector to click and point to the named anchor you created in Step 1.
    Point to File tool in Properties Inspector.
Bookmark and Share