Alt text for clickable logos
Advisory
The information on this page is only applicable if you're editing the University webpages using T4. It presumes that you have already completed the beginners and advanced level of the .
Overview
- takes you to another part of the same page
- opens another webpage or modal window
- makes something appear on the page (such as an animation or video)
- plays music
- prints something
Procedure
The only question you need to answer is will the clickable logo have link text?
Link text is text that may be above, below or to the side of the logo as part of the same clickable link.
Examples
This clickable logo does not have link text. There is link text here but it's not part of the same link as the logo. If you hover your mouse over the logo and then the text, you'll see they are actually two separate links.
This logo does not have link text. There is link text here but the logo itself is not actually clickable – the link text is separate. This logo should be treated as a non-clickable logo.
Clickable logos with link text
- The link text (not alt text) must describe what happens, or where the page goes, when the user clicks and it should include reference to the logo.
and - The alt text for the logo must be blank.
Examples
Clickable logos without link text
The logo's alt text must describe what happens or where the page goes when the logo is clicked, not what the logo represents. It should be no longer than 125 characters. See examples of alt text for clickable logos without link text.
Examples
Example
If linking to a page on funding opportunities using an EU logo:
- if there is link text it should say, 'EU funding opportunities', and the logo alt text should be blank.
- if there is no link text, the logo alt text would say 'EU funding opportunities'.