---
id: 587d7788367417b2b2512aa2
title: Make Screen Reader Navigation Easier with the nav Landmark
challengeType: 0
videoUrl: 'https://scrimba.com/c/cB76vtv'
---
## Description
The nav element is another HTML5 item with the embedded landmark feature for easy screen reader navigation. This tag is meant to wrap around the main navigation links in your page.
If there are repeated site links at the bottom of the page, it isn't necessary to markup those with a nav tag as well. Using a footer (covered in the next challenge) is sufficient.
## Instructions
Camper Cat included navigation links at the top of his training page, but wrapped them in a div. Change the div to a nav tag to improve the accessibility on his page.
## Tests
```yml
tests:
- text: Your code should have one nav tag.
testString: 'assert($(''nav'').length == 1, ''Your code should have one nav tag.'');'
- text: Your nav tags should wrap around the ul and its list items.
testString: 'assert($(''nav'').children(''ul'').length == 1, ''Your nav tags should wrap around the ul and its list items.'');'
- 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 nav element has a closing tag.
testString: 'assert(code.match(/<\/nav>/g) && code.match(/<\/nav>/g).length === code.match(/
## Challenge Seed