Skip to Main Content

Web Editor Training

This guide is intended to empower individuals to create high-quality digital materials, guided by Universal Design and accessibility concepts.

Key concepts

  1. Headings indicate priority and structure on a page.
  2. If the rest of your content were removed, headings should be able to stand in as an outline.
  3. Keep in mind that users will get information from context, and use as few words as possible to accurately describe what's below.

Headings

Headings indicate priority and structure on a page. Heading 1, or "H1", is the most important. There will only be one H1 on a page, and it should convey the clearest representation of what the page holds. 

The latter headings (H2-H6) are used like an outline–see example below. Visual representation should match with the numbered priorities: H1 should look more important than an H3, for example. (If this isn't the case, contact a developer or designer to adjust your CSS templates.)

Examples

Imagine all of the content except your headings was stripped away (incidentally, this is one common way alternative devices navigate web content). With other content gone, your headings should convey an accurate outline of your content. For example... 

  • H1 Fruits I enjoy

    • H2 first sub-heading: Stone fruits

      • H3 child of h2: Peaches

        • H4 child of h3: freestone

        • H4 another child of h3: clingstone

      • H3 another child of h2: Plums

    • H2 second sub-heading: Tropical fruits

      • H3 child of h2 above: bananas

      • H3 another child of h2 above: dragonfruit

    • H2 third sub-heading: Musical fruits


A heading introduces content and should be succinct as possible without losing essential meaning.

Exercise: Making headings concise

 Look at the (admittedly bloated) title below. How would you make this simpler? Try going through each part and asking if it's truly essential. 

The University of Virginia Library's Libra Open Access Content Repository Faculty Course Instruction Grants

For example, we probably know it's UVA by context (header, logo, etc.) so: 

The University of Virginia Library's Libra Open Access Content Repository Faculty Course Instruction Grants

Does the name of the tool really matter in this context? (It depends...) 

Libra Open Access Content Repository Faculty Course Instruction Grants

What about instruction–are all three words, "Faculty Course Instruction" essential at this point? What can we cut without losing the essential message? 

Open Access Content Repository Faculty Course Instruction Grants

Finally, "Content Repository" is more about the end than the means. Does that matter at this point in the process? Perhaps not. 

Open Access Content Repository Instruction Grants

Better? 

Open Access Instruction Grants


Remember context when editing: is there another page you can link to rather than repeating content? What's in the header, or sidebar? Will users be experiencing this in a manner that conveys information you don't need to repeat?