---
id: 6133d11ef548f51f876149e3
title: Step 6
challengeType: 0
dashedName: step-6
---
# --description--
La navigazione è una parte fondamentale dell'accessibilità e i lettori di schermo si affidano a te per dare struttura alla pagina. Ciò viene realizzato con elementi HTML semantici.
Aggiungi un elemento `header` e un elemento `main` alla pagina.
L'elemento `header` verrà utilizzato per introdurre la pagina, oltre a fornire un menù di navigazione.
L'elemento `main` conterrà il contenuto principale della tua pagina.
# --hints--
Dovresti aggiungere un elemento `header` all'interno del `body`.
```js
assert.exists(document.querySelector('body > header'));
```
Dovresti aggiungere un elemento `main` all'interno del `body`.
```js
assert.exists(document.querySelector('body > main'));
```
L'elemento `header` dovrebbe precedere l'elemento `main`.
```js
assert.exists(document.querySelector('header + main'));
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
--fcc-editable-region--
--fcc-editable-region--
```
```css
body {
background: #f5f6f7;
color: #1b1b32;
font-family: Helvetica;
margin: 0;
}
```