---
id: 61408f155e798909b6908712
title: Passo 12
challengeType: 0
dashedName: step-12
---
# --description--
Para permitir a navegação na página, adicione uma lista não ordenada com os três itens da lista a seguir:
- `INFO`
- `HTML`
- `CSS`
O texto da lista de itens deve estar envolvido pelas tags de âncora.
# --hints--
Você deve aninhar um elemento `ul` dentro de `nav`.
```js
assert.equal(document.querySelectorAll('nav > ul')?.length, 1);
```
Você deve aninhar três elementos `li` dentro do elemento `ul`.
```js
assert.equal(document.querySelectorAll('nav > ul > li')?.length, 3);
```
Você deve aninhar um elemento `a` dentro de cada elemento `li`.
```js
assert.equal(document.querySelectorAll('nav > ul > li > a')?.length, 3);
```
Você deve dar ao primeiro elemento `a` o texto `INFO`.
```js
assert.equal(document.querySelectorAll('nav > ul > li > a')?.[0]?.textContent, 'INFO');
```
Você deve dar ao segundo elemento `a` o texto `HTML`.
```js
assert.equal(document.querySelectorAll('nav > ul > li > a')?.[1]?.textContent, 'HTML');
```
Você deve dar ao terceiro elemento `a` o texto `CSS`.
```js
assert.equal(document.querySelectorAll('nav > ul > li > a')?.[2]?.textContent, 'CSS');
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
