Images as links
You can make an image act as a link – for example, a partner organisation's logo that points to their website.
- Go to the page where you want to add the link.
- Go to Edit > Edit centre content or Edit right content.
- 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.
- Select the Link button in the toolbar. Alternatively, right-click the image and select Link.
- 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.
-
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.Note: not all browsers display a link's
title
attribute as a tooltip. Also, contrary to much advice online, thetitle
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'salt
text, which is read aloud by screen readers. For techniques on how to write accessiblealt
text, visit the WebAIM website. - When you have finished specifying the link's properties, select the Select button.
- Select Preview. In the pop-up window, select the image to check that the link works.
- Publish your page.