Web standards
Writing for the web
- Use clear and simple language (but don't over-simplify)
- Cut out any unnecessary words or long descriptions
- Avoid using jargon
- Separate ideas into paragraphs, with one idea per paragraph
- Use the inverted pyramid style
- Include calls to action
- Organise content according to your audiences' needs
- Keep pages short
- Don't create a page of frequently asked questions - embed the answers to these questions in the context of the relevant topic
» More about writing for the web, with examples of good practice
Calls to action
- Display calls to action prominently
- Use active urgent language
- Make the next step clear
- Link your call to action to another page or a form
» More about calls to action, with examples of good practice
Headings
- Use simple headings and page titles that describe what's coming next
- Use sentence case - only capitalise the first word of a title, unless it contains the name of an application, or a proper noun
- Your headings should reflect your document structure
- Use the heading styles provided, as these assist with readability and accessibility
- Heading 1 – page heading at the top of the page, used once only
- Heading 2 – section heading
- Heading 3 – subheading
- Heading 4 – paragraph heading or sub-subheading
- You cannot skip a level (e.g. a heading 1 must be followed by a heading 2, not a heading 3)
- You can have more than one heading 2, 3, or 4 following each other
» More about headings, with examples of good practice
Bulleted and numbered lists
- Bulleted lists should be used to focus attention on key points or break-up content
- Use bulleted lists for lists of items
- Use numbered lists for an ordered sequence of items or steps
» More about lists, with examples of good practice
Tables
- Keep tables simple
- Tables may be used to organise information, but should not be used for the layout of an entire page
- Tables should be correctly linearised (the data in them should be capable of being read from left to right and still make sense)
» More about tables, with examples of good practice
File and folder names
- All file and folder names should be lower-case
- Only use the lower-case characters [a-z], the numbers [0-9] and the hyphen character [-] in folder and file names
- Never use spaces in file or folder names
- File and folder names should be consistent and predictable
- Don't include version information in your file or folder names
» More about file and folder names, with examples of good practice
Links
- Write link text which makes sense when taken out of context
- Never write 'click here' or 'follow this link' or 'here' or 'read more'
- Don't use web addresses in links
- Make the clickable area large enough for people to click on (at least 16 x 16 pixels)
- Don't create a separate page consisting only of links - embed links in the context of the relevant topic
- Don't make the link destination open in a new browser window
» More about links, with examples of good practice
Images
» Using images in the Visual Identity
Documents
- Standalone documents should only be uploaded if they are to be downloaded, read offline or printed
- They should follow the Visual Identity for printed documents, where appropriate
- They should generally be formatted as PDF (Portable Document Format)
- Their filenames should be all lower case with no spaces and no version information
- Version information may be added in the footer of the document
» More about documents, with examples of good practice
Forms
- You can use Google Forms and embed them in your web pages
- You can use Bristol Online Surveys
- You can use SurveyMonkey
- Please do not create Microsoft Word versions of forms for people to download; if a signature is required, use a PDF (Portable Document Format)
» More about forms, with examples of good practice
Videos
- Videos should have a splash image
- Videos should be short (less than 3 minutes)
- Videos should be accessible (well-lit, without distracting background sound)
- If videos include flashing or strobing lights, a warning should be displayed