Tips and Guides to Accessible Content
- Using Alt Text for Images
- Hypertext Links
- Multimedia Captioning and Transcripts
- Page Organisation
- Links Opening in a New Window
Alt text, or Alternative text, is the description that will be provided to any end-users that cannot view your image.
These end users may be using a screen reader due to a visual impairment. Or they may be using a browser that is not configured to display images.
In these circumstances, the Alt text of images is very important - as it explains to your end users the content of your image, so that they do not miss out on any important information.
An example of appropriate alt text would be 'University of Western Sydney logo' and would appear in the code as <img alt="University of Western Sydney logo">
For more information, see Why is the 'Alt text' so important?
Similarly to alt text, all links should have appropriate text to make sure that the content and functionality of the link is understood. Generic terms like 'Click Here' and 'More info' should always be avoided, and replaced with meaningful link descriptions e.g. 'The Web Services Unit provides information about website accessibility.' Or 'More information about accessibility can be found through the W3C Web Accessibility Initiative' (opens in a new window)
For further information and resources please visit the W3C Web Accessibility Initiative (opens in a new window)
All multimedia should also be appropriately captioned with a meaningful description of the content.
If a page is correctly labelled with an appropriate heading, it will increase usability, allow technologies like screen readers to prioritise information and be recognised easily within search engines. H1 headings should not be used throughout the rest of the page.
The rest of the page contents should be strategically arranged using H2 and H3 headings to distinguish the hierarchy of information.
Links Opening in a New Window
To meet accessibility standards, all links that open in a new window must have the
( opens in a new window )(opens in a new window)icon to allow screen readers to access information which opens in a new browser window or as a separate document.
- Links opening to an external non-UWS site
- Links that direct away from a particular section of the UWS website in which it is necessary that the viewer has simultaneous access to the original source
- Downloadable documents - e.g. printable or online forms, word documents, PDFs
1. Highlight the text that is linked
2. Choose the option to 'Remove Link'
3. Highlight the text that needs to be linked again
4. Insert new link and ensure that the option for opening in a new window is changed to 'Yes'
5. Once the link has been saved to open in a new window, you need to type ( opens in a new window ) after the link and this will change to the icon (opens in a new window)
If you are creating a brand new link that needs to open in a new window, follow the steps 3-5.