Make Screen Reader Navigation Easier with the header Landmark

Make Screen Reader Navigation Easier with the header Landmark
0

#1

While running tests for the HTML for accessibility, the test are done for div and p elements which says those elements are present in the code whilst they have already been removed from the code using the accessibility elements as suggested.

<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; rv:62.0) Gecko/20100101 Firefox/62.0.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark


#2

So are passing the tests or not? Your code passes for me using Chrome. Try using Chrome to see if the tests pass.