Web content authors checklist

Related information

Complying with ANU web style is not just about making your site look like it belongs at ANU. Many of the rules have been established to make life easier for our audiences - following the web style rules will help you to make sure your content is logically structured, easily scannable and well-indexed by search engines.

Always think first about what your audience needs from the page and arrange your content to allow them to achieve that as quickly and easily as possible.

1. Menus, links and other navigation

  1. Every webpage should have a menu highlight or a breadcrumb, or both.
  2. Main menu items cannot link offsite or to non-web files.
  3. Menu items should match page headings or be an abbreviated form.
  4. DO NOT use 'click here' for links. Link text should be descriptive - it is better for people and for search engines.
  5. Read more links should be used to link from summaries to more content or from lists to more detail. Read more links only make sense within this context.
  6. Include the file type and size as part of the link text if it is not a webpage, for example: 2010 Annual Report (PDF, 2MB).

2. Headings

  1. Use headings to break your page into scannable chunks.
  2. Apply heading levels for structure, not appearance. h1= page title, h2 = section within page, h3 = sub-section within section.
  3. Use sentence case and only capitalise proper nouns - sentence case is easier to read.

    ANU print style uses upper case for headings. On the web, upper case letters are more difficult to read than lower case and are often interpreted as shouting. For this reason, minimal use of upper case is recommended. Some smaller heading styles, and the explore bar, use upper case. Headlines and subheaders on the web should be sentence case.

  4. Headings do not need to end in full stops.

See heading styles for more information.

3. Formatting text

  1. Underline is only for links.
  2. Italics are harder to read than bold and should be avoid for large blocks of text.
  3. Italics are usually reserved for citations.
  4. "Double quotes" are reserved for speech.
  5. 'Single quotes' can be used for emphasis, but bold is just as good.

See text styles for more information.

4. Lists

  1. Use lists to break your content into scannable chunks.
  2. If your preceding sentence ends in a colon or anything other than a full stop, your list items should start with lowercase and only have a full stop on the end.
    For example, this sentence ends in a colon:
    • so list item one starts with lower case
    • so does list item two, but it ends in a full stop.
  3. If your preceding sentence ends in a full stop (or is a heading), you list items should start with a capital letter and have full stops on each.
    This sentence ends in a full stop.
    • This list item is a complete sentence.
    • This list item is also a complete sentence.

Read list styles for more information.

5. Laying out content

  1. Consult your local web manager - these things need to be coded properly!
  2. DO NOT use tables for layout, tables are for tabular data.
  3. DO NOT use empty paragraphs or headings to add spacing, use padding and spacing classes.
  4. All elements (images, tables, columns) should line up with the ANU web grid using grid classes and width classes.
  5. All elements should use ANU colours.
  6. Use the style sampler to look at other options and the content area styles to see how to implement.

6. Tables

  1. Define table headings using table headers <th>.
  2. Set widths to percentages (%) rather than pixels (px) or use width classes on the relevant table cells <td>.
  3. Use classes to style the table.

See table styles for more information.

7. Images

  1. Alt attributes should be used within <img> tags to convey the meaning of the image. If there is no meaning use alt = "". Convey the actual meaning, for example alt="20% of staff prefer yellow cars" rather than alt = "Car colour graph". Avoid using images alone to provide information.
  2. Images should be sized in line with the ANU grid.
  3. Images should:
    1. be relevant to the content and audience
    2. not clutter the page
    3. contain a single picture, not a collage
    4. be high quality imagery.
  4. Secondary logos (any logo in addition to the ANU logo) require the approval of the Director Marketing Office. This only applies to areas within ANU. External collaborator logos are permitted.

See images for more information.

8. Features

  1. Only appear on the homepage.
  2. Content should change regularly.
  3. Features should link to ANU webpages.
  4. Images should fit the full area allowed, cannot be collages and the ANU window should not cover faces.

See features for more information.

9. Other checks

  1. Avoid PDFs, but if you can't avoid them make them accessible (see PDF accessible for information and how-to guides).
  2. Do not use special characters in filenames, only use numbers, letters, hyphens (-) or underscores (_).
  3. The University name is ANU or The Australian National University, not 'the ANU' or 'Australian National University'.
  4. Possessive form should be The Australian National University's or University's, not ANU's.
  5. Spell out acronyms on first use.
  6. Use Australian English, for example organise, not organize.
  7. If in doubt, follow the ANU writing style guide.

Updated:  23 February 2017/ Responsible Officer:  Director Marketing/ Page Contact:  Webstyle