Skip to main content

Practice ยท 3 of 3

Debug: Heading Soup

This city-guide page was built by someone who styled first and architected never: two <h1>s, a skipped level, a div pretending to be a heading with role="heading", and a <section> with no name. Repair the architecture: exactly one <h1>, no skipped levels, real heading elements only, and every <section> named via aria-labelledby pointing at a real heading inside it. Keep the document skeleton intact.

Difficulty: advanced

Back to lesson: Practice: Document Architecture โ€” Practice