---
id: 6133d11ef548f51f876149e3
title: Schritt 6
challengeType: 0
dashedName: step-6
---
# --description--
Navigation is a core part of accessibility, and screen readers rely on you to provide the structure of your page. Das geschieht mit semantischen HTML-Elementen.
Füge die Elemente `header` und `main` deiner Seite hinzu.
Das `header`-Element wird verwendet, um die Seite vorzustellen und ein Navigationsmenü bereitzustellen.
Das `main`-Element wird den Kerninhalt deiner Seite enthalten.
# --hints--
Du solltest ein `header`-Element dem `body` hinzufügen.
```js
assert.exists(document.querySelector('body > header'));
```
Du solltest ein `main`-Element dem `body` hinzufügen.
```js
assert.exists(document.querySelector('body > main'));
```
Das `header`-Element sollte vor `main` stehen.
```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;
}
```