--- id: 587d7788367417b2b2512aa2 title: Facilite a navegação do leitor de tela com o ponto de referência nav challengeType: 0 videoUrl: 'https://scrimba.com/c/czVwWSv' forumTopicId: 301024 dashedName: make-screen-reader-navigation-easier-with-the-nav-landmark --- # --description-- O elemento `nav` é outro item HTML5 com o recurso de ponto de referência integrado para facilitar a navegação do leitor de tela. Essa tag destina-se a envolver os principais links de navegação em sua página. Se os mesmos links se repetirem tanto no cabeçalho quanto no rodapé da página, não é necessário marcar os links do rodapé com uma tag `nav` também. Usar um `footer` (abordado no próximo desafio) é suficiente. # --instructions-- O Camper Cat incluiu links de navegação no topo da página de treinamento, mas os envolveu em uma `div`. Altere a `div` para uma tag `nav` para melhorar a acessibilidade da página. # --hints-- O código deve ter uma tag `nav`. ```js assert($('nav').length == 1); ``` A tag `nav` deve envolver o `ul` e os itens de lista. ```js assert($('nav').children('ul').length == 1); ``` O código não deve ter nenhuma tag `div`. ```js assert($('div').length == 0); ``` O elemento `nav` deve ter uma tag de fechamento. ```js assert( code.match(/<\/nav>/g) && code.match(/<\/nav>/g).length === code.match(/