Screen reader navigation with header landmark

HTML-CSS
1

**Tell us what’s happening: **
Describe your issue in detail here.

I keep getting a message that my code should not have a div, meanwhile there is no div in my code. I need help, thanks.

  **Your code so far**


<body>

<header>
  <h1>Training with Camper Cat</h1>
</header>


<main>
  <section id="stealth">
    <h2>Stealth &amp; Agility Training</h2>
    <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
    <article><h3>No training is NP-complete without parkour</h3></article>
  </section>
  <section id="combat">
    <h2>Combat Training</h2>
    <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
    <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
  </section>
  <section id="weapons">
    <h2>Weapons Training</h2>
    <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
    <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
  </section>
</main>
</body>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.80 Safari/537.36 Edg/98.0.1108.50

Challenge: Make Screen Reader Navigation Easier with the header Landmark

Link to the challenge:

2

Your code works for me. :+1:

Make sure to turn off browser extensions that may interfere. Clearing the cache or trying on a different browser might help too.

1 Like
3

Thank you.

A42272B60D7E448AB9E5053F50688198.png
A42272B60D7E448AB9E5053F50688198.png708×1 83 Bytes

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.