All of the requirements and their conformance levels for this module are presented here. This summary can be used as a quick checklist for evaluating web pages.
Agencies must conform to the requirements for markup, presentation and behaviour included with the CUE template.
These requirements cover, but are not limited to:
Markup: Head, body, header, navigation, content, footer.
Presentation: Skip links, page layout, header, navigation, content, footer, print.
Behaviour: Skip links, navigation, content.
Note: Use of the CUE template is not mandatory, but use of the CUE template represents a cost-effective way for agencies to meet the requirements.
Page layouts must use a fluid width approach with a maximum width for all content elements, as specified in the CUE template conformance requirements.
Page layout must support small browser windows and low resolution devices without introducing horizontal scrollbars.
Queensland Government websites must not offer advertising for private individuals, firms or corporations.
Verdana must be the primary font. The default font family (in order of precedence) must be Verdana, Helvetica, Arial, sans serif.
Other font families, such as Trebuchet, may be considered for headings.
Websites must conform to the minimum text sizes, as specified below.
The site navigation must be 80% (optional bold font weight) of the browser default.
The minimum size of text within other sections must be:
- Body copy – 80%
- Site utilities – 75%
- Section navigation - 75%
- Section navigation sub-items - 75%
- Page options – 75%
- Breadcrumbs – 75%
- Heading 1 – 160%
- Heading 2 – 140%
- Heading 3 – 120%
- Heading 4 – 100%
- Last updated date – 70%
- Last reviewed date – 70%
- Asides column – 75%
- Captions – 75%
- Fat footer – 75%
- Footer – 75%.
The colour contrast on all text must have a contrast ratio to the background of at least 4.5:1.
Refer to Module 2: Screen layout, checkpoint 20 for font colour requirements for main content.
|Conformance: Mandatory (Blue/purple colour desirable)|
Links must be a different colour to non-linking text.
Links must have a minimum colour contrast ratio to the background of at least 4.5:1.
For consistency, it is recommended that agency sites use blue for unvisited links and purple for visited links.
Underlining must only be used on hyperlinks, not unlinked content.
Links in the main content area and in the asides column must be permanently underlined.
All other links, apart from the file type and size when linking to non-HTML documents, must underline on focus/hover.
The file type and size when linking to non-HTML documents must be hyperlinked but not be underlined either permanently or on hover. Refer to Module 6: Non-HTML documents Checkpoint 6: File types and sizes in links.
All images must have a text alternative; except for images that do not add value to the content (e.g. decorative images).
Decorative images must have a null alt attribute e.g. alt="".
Images must not be used in place of text headings (e.g. navigation headings, content headings).
|Conformance: Mandatory (Desirable for non-HTML documents to open in standalone applications)|
Websites and web applications must not launch new browser windows.
When linking to non-HTML files, such as Excel, Word or PDF, these documents should open in standalone applications, instead of opening within the browser.
Refer to Checkpoint 8 - Metadata in Module 6: Non-HMTL documents for more information.
All web resources and assets should be optimised for performance. This includes images, stylesheets, scripts, PDF, and PowerPoint.
Agencies must include CSS to provide stripped down print-friendly versions of web pages.