Create meaningful hyperlinks
- Links should explicitly describe what users can expect to find when they click on the link.
Links that don't behave as expected undermine users' understanding of the system.Jakob Nielsen
- Short, concise link titles are best. Links should not exceed 30 characters.
- Avoid using "click here" or "learn more." Visually impaired visitors often use auditory browsers, which will read the text aloud rather than display it visually so the link should be meaningful when read out of context.
- Do not use URLs (Web addresses) as link text.
Internal and external links
- An internal link is any Web page one the Seminole State website that exists in the CMS. Links to internal pages should always be created starting with the first character after .edu in the address. For example, if you are going to the human resources website at seminolestate.edu/hr, the link would be /hr.
- An external link is any web page that exists outside of the Seminole State website. Links to external pages are linked via the full URL (Web address).
- Open Web pages in the same browser window. We tend to think external pages should open in a new browser window to keep users from leaving the site, but users often don't notice that a new window has opened, likely in a new tab, depending on the browser. Since users rely on their Back button, they are confused when it appears greyed out, so they close the browser entirely. For this reason, open web pages in same browser window.
Guidelines for linking to non-web documents
- Open non-web documents in a new browser window.
- File names should be
- under 20 characters
- all lower-case
- without any blank spaces
- When using multiple words in an file name, separate them using hyphens
Avoid anchor links down a page
Stay away from within-page linking (anchor tags) as it causes confusion. Users expect a link to take them to a new page and not a new location within the current page. Again, users like to feel as though they are in control of their online browsing.
Email addresses should be spelled out and hyperlinked. Clicking a link and seeing a mail client open instead of a new tab is not expected by the user and can be a frustrating experience. The CMS will automatically add the email icon to the end of the address.
For example: WebSupport@SeminoleState.edu