---
id: 587d7787367417b2b2512aa1
title: Make Screen Reader Navigation Easier with the header Landmark
challengeType: 0
videoUrl: 'https://scrimba.com/c/czVwWSv'
---
## 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
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, 'Your code should have one header
tag.');
- text: Your header
tags should wrap around the h1
.
testString: assert($('header').children('h1').length == 1, 'Your header
tags should wrap around the h1
.');
- text: Your code should not have any div
tags.
testString: assert($('div').length == 0, 'Your code should not have any div
tags.');
- text: Make sure your header
element has a closing tag.
testString: assert(code.match(/<\/header>/g) && code.match(/<\/header>/g).length === code.match(//g).length, 'Make sure your header
element has a closing tag.');
```
## 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
```js
// solution required
```