Accessibility

Web accessibility provides equal access to information and functionality for all web users, regardless of their settings, preferences and abilities. Many web users have unique requirements when it comes to navigating a website. Whether it's a preferred internet browser or a software program to accommodate a disability, our visitors should be able to navigate our website in the way that best suits them.

The W3C Web Content Accessibility Guidelines (WCAG) 2.1 are the benchmark for our website. We aim to achieve AA compliance and are working progressively to meet these requirements. We require content coordinators and publishers to work toward the same goal.

Accessibility principles

Web publisher requirements

The templates have been tested for WCAG 2.1 AA compliance. Use the WYSIWYG editor to set the style, size and colour of content. Do not add HTML tags to override font styles and colours.

Metadata provides information about the page. Accurate metadata improves search functionality and makes web content easier to find.

Some metadata is CMS-generated (eg. creation date/ creator name). However, content publishers must provide descriptive page names, and accurate keywords and descriptions, and update these fields as part of content maintenance.

If someone cannot see an image and is using a screen reader to navigate the page, the 'alt text' replaces the image. 'Alt text' needs to accurately reflect the function and purpose of the image. It is not helpful to simply describe it. Decorative images do not require 'alt text'.

Correct: 'Students can use the IT facilities provided in our new Library information commons areas for group and individual work'
Incorrect: 'Info commons' or 'Image 4-students in library'

If the image is also a link, make that clear in the 'alt text':

Correct: 'Go to the Mt Helen Campus maps web page'
Incorrect: 'image link-mt helen' or 'mth front entrance'

If the image contains text, this text should form the alternative text:

Correct: 'Our Open Day opens doors. Sunday 29th August, 10am-3pm. View more information.'
Incorrect: 'open day promo' or 'Open Day image link'

Describe images that contain complex information in the text of the page and provide brief 'alt text'.

Headings provide structure to a web page. So, 'heading 2' indicates a subsection of 'heading 1', 'heading 4' indicates a subsection of 'heading 3' and so on.

They should not be used for font or presentation effects. Misusing heading styles - eg. to make a heading appear a certain size - makes it difficult for users with special software to understand how the page is organised and to navigate it.

Our WYSIWYG editor allows coordinators and publishers to select heading styles from 1 - 4.

Because the title of your page will always be heading 1, all subsequent sub-headings should follow accordingly from there. That is,

Page title (heading 1) [specified by CMS template]

Sub title (heading 2) [specified by content publisher]

...and so on down the page. Heading styles should only be applied to text that is a heading.

Tables contain row and/or column headings and are used to present tabular data in an organised way. They should not be used for alignment purposes or visual presentation.

Merged cells or nested tables can make a table difficult to navigate for someone using a screen reader so their use should be avoided.

Users must be able to navigate the website and pages using the 'Tab' and 'Enter' keys on the computer keyboard. The pages must have a logical tab and reading order.

Provide transcripts and captions for all video and audio files.
Include player controls for slide shows, video and audio to enable pausing or stopping.