2-3 min

Heading Hierarchy Quest

Visual Accessibility Heroes

Scenario

Sofia is a content writer who just finished her first blog post about sustainable gardening. She's passionate about sharing her knowledge but realizes her article is hard to navigate. Her colleague Alex, who uses keyboard navigation and relies on heading structure to jump between sections, mentioned that the current heading organization makes it confusing to find specific topics. Help Sofia restructure her headings so readers like Alex can easily navigate through her valuable gardening tips!

Your Task

Fix heading structure (h1, h2, h3 in logical order)

Success Metric:

Logical heading structure

Hints
  • 1.Use only one h1 per page for the main title
  • 2.Follow sequential order: h1 → h2 → h3, don't skip levels
  • 3.Think of headings as an outline structure
Code Editor
Edit the code below to complete the activity
HTML5 lines