Skip to main content
Web Central Quarterly Enhancements Webinar | Watch Now...

Search

Linking Images

  • Updated:

This article will show you how to link an image in the Image widget or an image inserted into the Editor widget.

 

Who can use this feature?
System Administrators | Owners | Publishers | Authors

 

Important Note

Linked images’ alt text should describe the function as well as the content. Images linked to documents must include the document extension in the alt text, per WCAG 1.1.1.

 

Article Navigation

 

Using the Image Widget

 

  1. Log in to your website solution
    Note: Website preferences may change what this looks like, but adding "/admin" to your website's URL will take you to a sign-in screen for administrative login
  2. Navigate to your desired page
  3. Ensure that the Live Edit state is toggled to ON:
    Web Central, Admin User Menu Live Edit Toggled to On.
  4. Place an Image widget onto your page, or hover over an existing Image widget, then click the Image Widget Options button:
    Web Central Image Widget Options Button.
  5. Check the Image is a link checkbox option:
    Web Central Image Widget Options Image Is a Link Checkbox.
  6. Add the URL being linked to the Link URL field:
    Web Central Image Widget Options Link URL Field.
    • Open the link in a new window: Clicking this checkbox will cause the link to open in a new window
  7. Click X to exit the Image Widget Options dialog box:
    Web Central Image Widget Options Dialog Box Click X to Close.
  8. Click the Save button:
    Web Central Live Edit Page Save Button.

 

Go to Article Navigation

 

Using the Editor Widget

 

  1. Log in to your website solution
    Note: Website preferences may change what this looks like, but adding "/admin" to your website's URL will take you to a sign-in screen for administrative login
  2. Navigate to your desired page
  3. Ensure that the Live Edit state is toggled to ON:
    Web Central, Admin User Menu Live Edit Toggled to On.
  4. Add an image to the Editor Widget
  5. Click on your Editor Widget with the image you wish to link to begin editing:
    Web Central Editor Widget with Inserted Image of Wildflowers in a Field.
  6. Click the Insert Link button in the Image Options toolbar:
    Web Central Editor Widget Image Options Toolbar Insert Link Button.
  7. Enter the URL or Email Address to be linked in the URL field:
    Web Central Editor Widget Image Options Insert Link URL Field.
    Note: For an external link to work, you must add HTTPS:// to the beginning of your URL.
    • Open in new tab: Clicking this checkbox will cause the link to open in a new tab
  8. Click the Update button:
    Web Central Editor Widget Image Options Insert Link Update Button.
  9. Click the Done Editing button to exit the Editor widget:
    Web Central Editor Widget Done Editing Button.
  10. Click the Save button:
    Web Central Live Edit Page Save Button.

 

Go to Article Navigation

 

In-Article Glossary

Review the Help Center Glossary, a comprehensive explanation of the acronyms, abbreviations, and company-specific terminology. The terms located in this section are listed alphabetically:

  • Alt Text: Alternative Text
  • URL: Uniform Resource Locator
  • WCAG: Web Content Accessibility Guidelines

 

Go to Article Navigation

Feedback About the Article

Let us know what was helpful or not helpful about the article below.

2 comments

Date Votes
  • Caryn Jackson

    Does this widget allow you to add a title to the image? As it is, when you link the image with the widget, the Alt text shows up when you hover over the image. There is no way to add a hover title for the link.

    0
  • Jamie Shannon

    Caryn, the widget does allow you to add header text to the image. The header text will be read by a screen reader as text, not an mage, thus there is no hover text for this. The ALT Text would also then be read by the screen reader. ALT text is used to provide users with a text equivalent of images. These two should be different. By accessibility standards, you should not have redundancies in items that will be picked up by a screen reader. 

    0

Please sign in to leave a comment.