---
id: 587d7788367417b2b2512aa2
title: Make Screen Reader Navigation Easier with the nav Landmark
challengeType: 0
videoUrl: ''
localeTitle: Torne a navegação do leitor de tela mais fácil com o marco de navegação
---
## Description
O elemento nav é outro item HTML5 com o recurso de marco incorporado para facilitar a navegação do leitor de tela. Esta tag destina-se a envolver os links principais de navegação na sua página. Se houver links de sites repetidos na parte inferior da página, não será necessário marcar aqueles com uma tag de nav também. Usar um footer (coberto no próximo desafio) é suficiente.
## Instructions
O Camper Cat incluiu links de navegação no topo de sua página de treinamento, mas os envolveu em uma div . Altere o div para uma tag de nav para melhorar a acessibilidade em sua página.
## Tests
```yml
tests:
- text: Seu código deve ter uma tag de nav .
testString: 'assert($("nav").length == 1, "Your code should have one nav tag.");'
- text: Suas tags de nav devem envolver o ul e seus itens de lista.
testString: 'assert($("nav").children("ul").length == 1, "Your nav tags should wrap around the ul and its list items.");'
- text: Seu código não deve ter tags div .
testString: 'assert($("div").length == 0, "Your code should not have any div tags.");'
- text: Certifique-se de que seu elemento nav tenha uma tag de fechamento.
testString: 'assert(code.match(/<\/nav>/g) && code.match(/<\/nav>/g).length === code.match(/
## Challenge Seed