Having Problem with the DIV tag in Applied Accessibility: Make Screen Reader Navigation Easier with the header Landmark

Tell us what’s happening:

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/84.0.4147.125 Safari/537.36.

Challenge: Make Screen Reader Navigation Easier with the header Landmark

Link to the challenge:

What seems to be the problem? I ran your code and it passes the test.

Haha! It is not passing the test in mine. It is saying my code shouldn’t have any DIV tags, which it doesn’t. I have tried to run but am not passing the test

Maybe you accidentally deleted something? Copy and paste the code you put up there and try it again.

my friend,i had the same problem , it seems something happens with the browser,i completed this step in microsoft edge,and it worked,while on chrome not.