link_tool.png

To create the link, select the desired link text then click the link button in the toolbar.



link_dialog.jpg


Next enter the link attributes:

  • Set URL
    Paste the full URL or click the link icon on the right, to navigate to it within SiteExecutive
  • Leave “Title” & “ID” blank
  • Set Class Styling
    Leave blank for default styling, select “more” to style as a learn more link, or “button” for button styling. None of the other classes should be used.
  • Determine if the link should open in a new window.
    Only links leading offsite or to documents (e.g. Word files of PDFs) should open in new windows. 
Note: Links will not appear clickable in previews or published pages if the page being linked to is an unpublished page in SiteExecutive.



Tips for Better Links


All links should be created as hyperlinked contextual text and not a linked URL. For example, this is how you would link to the Center for a Livable Future. Avoid the use generic text like "click here" or the full URL text. Make sure link text makes sense out of context.

CORRECT
Learn how to make a hyperlink

INCORRECT
https://webhelp.jhsph.edu/support/solutions/articles/6000115806
Click here to learn how to make a hyperlink.
Click Here

DO NOT fill in the “Title” field in Link Properties, as they are detrimental to visitors using assistive technologies like screen readers.

"Warning! Relying on the title attribute is currently discouraged as many user agents do not expose the attribute in an accessible manner as required by this specification (e.g. requiring a pointing device such as a mouse to cause a tooltip to appear, which excludes keyboard-only users and touch-only users, such as anyone with a modern phone or tablet).—W3C"

Check the "Open link in a new window" option when linking outside of www.jhsph.edu OR when linking to a PDF. When you do, be sure to check "Display Toolbar" and leave the "Width" and "Height" options blank.