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
Images should always include equivalent alternative text in the code to describe what the image displays.
When appropriate alt text is provided, the information is available to everyone including blind people who are using screen readers, people who have turned off images on their mobile to lower bandwidth charges, people in rural areas with low bandwidth and also technologies that cannot see the images such as search engines.
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">
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.