Skip to main content Skip to navigation

Images as links

You can make an image act as a link – for example, a partner organisation's logo that points to their website.
  1. Go to the page where you want to add the link.
  2. Go to Edit > Edit centre content or Edit right content.
  3. In the visual editor, select the image you want to turn into a link. For guidance on how to insert images, see: add images to a page.
  4. Select the Link button in the toolbar. Alternatively, right-click the image and select Link.
  5. Use the Link picker to browse to the page in SiteBuilder you wish to link the image to. When linking to pages in your own site, we recommend that you use relative links – the Link picker inserts relative links by default. Alternatively, copy the target page's URL and paste it in the URL box – for example, when linking to an external website.
  6. Enter a short description of the target page in the Tooltip box, up to a maximum of 80 characters. This populates the link's title attribute, which can help to inform visitors what they can expect to find at the target page before they select the link.

    Link picker window

    Note: not all browsers display a link's title attribute as a tooltip. Also, contrary to much advice online, the title attribute does not improve accessibility for those using screen readers. For example, the JAWS screen reader ignores it. Therefore, we recommend that you describe the link target in the image's alt text, which is read aloud by screen readers. For techniques on how to write accessible alt text, visit the WebAIM website.

  7. When you have finished specifying the link's properties, select the Select button.
  8. Select Preview. In the pop-up window, select the image to check that the link works.
  9. Publish your page.

Related articles

Support

Email webteam at warwick dot ac dot uk
How to report a problem