Skip to content

Duck Tales Episode 2: Headings

A 30 minute session to get some practice with a part of QACing.

Warm-up

Here are a few questions about semantic headings. Pick one and bring your answer along to the session!

  • How many level 1 headings should a page have?
  • Who uses page headings, and how? Think about different humans and different technology!
  • What’s the best cominbation of HTML and CSS to use for headings?
  • What’s the current heading structure of your product?
  • What are some ways to check the headings levels on a page?
  • What makes for good heading text?

Share your answers

Here are some example answers. Don’t peek until you’ve shared your own, though!

How many level 1 headings should a page have?

Just one! More is okay, but could be confusing. The heading level 1 is the main heading of the page, and should describe the topic or purpose of the page.

Who uses page headings, and how? Think about different humans and different technology!
  • screen reader users to hear what’s on the page, and to jump to a section of the page;
  • sighted users who are visually scanning a page;
  • search engines to figure out what’s on the page.
What's the best cominbation of HTML and CSS to use for headings?

Semantic HTML, and any CSS that doesn't mess with the display! Unstyled heading elements give us a good guide: the heading level one should be bigger than heading level two, and so on.

What are some ways to check the headings levels on a page?
What makes for good heading text?

It describes the topic or purpose of the content immediately after it.

Check that the headings are marked up correctly

After five minutes of testing, stop and do a one-minute review with a partner. What did you do, what did you learn?

  • Is everything that looks like a heading marked up as a heading?
  • Are the headings ordered and nested correctly?

How to view heading levels

Cool-down

What next?

Set yourself a goal to put what you learned into practice.

  • What will you do?
  • When will you do it?
  • Where will you do it?
  • Who will be involved?
  • How will you do it?
  • Why do this?

Write a sentence starting with “I will…”. Include as many of the 5Ws and 1H as you can for best results!

Quick reflection

Pick one to answer and share with the group.

  • What did you enjoy about the session?
  • What surprised you?
  • How confident do you feel checking headings now?

Further Reading