--- id: 587d7787367417b2b2512aa1 title: Make Screen Reader Navigation Easier with the header Landmark challengeType: 0 videoUrl: 'https://scrimba.com/c/cB76vtv' forumTopicId: 301023 --- ## Description
The next HTML5 element that adds semantic meaning and improves accessibility is the header tag. It's used to wrap introductory information or navigation links for its parent tag and works well around content that's repeated at the top on multiple pages. header shares the embedded landmark feature you saw with main, allowing assistive technologies to quickly navigate to that content. Note: The header is meant for use in the body tag of your HTML document. This is different than the head element, which contains the page's title, meta information, etc.
## Instructions
Camper Cat is writing some great articles about ninja training, and wants to add a page for them to his site. Change the top div that currently contains the h1 to a header tag instead.
## Tests
```yml tests: - text: Your code should have one header tag. testString: assert($('header').length == 1); - text: Your header tags should wrap around the h1. testString: assert($('header').children('h1').length == 1); - text: Your code should not have any div tags. testString: assert($('div').length == 0); - text: Your header element should have a closing tag. testString: assert(code.match(/<\/header>/g) && code.match(/<\/header>/g).length === code.match(/
/g).length); ```
## Challenge Seed
```html

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?

```
## Solution
```html

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?

```