Accessibility Issues

HTML-CSS
1

Tell us what’s happening:
I am having trouble complteing the exercize on Applied Accessibility on step 5

Your code so far

’

Training with Camper Cat

Stealth & Agility Training

>

Climb foliage quickly using a minimum spanning tree approach

No training is NP-complete without parkour

Combat Training

Dispatch multiple enemies with multithreaded tactics

Goodbye world: 5 proven ways to knock out an opponent

Weapons Training

Swords: the best tool to literally divide and conquer

Breadth-first or depth-first in multi-weapon training?


<body>

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


  <main>
    <section id="stealth">
      <h2>Stealth &amp; Agility Training</h2>
      </nav>><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/76.0.3809.100 Safari/537.36.

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

2

Change the top div that currently contains the h1 to a header tag instead.

You are using a <nav>, you also have two closing tags and not the correct opening and closing.

3

where you have the <nav> tags it should be <header> around the h1