Passo 6

Instruções

A navegação é uma parte fundamental da acessibilidade. Os leitores de tela dependem de você para fornecer a estrutura de sua página. Isso é feito com elementos HTML semânticos. Adicione um elemento header e um elemento main à sua página. O elemento header será usado para introduzir a página, bem como fornecer um menu de navegação. O elemento main contém o conteúdo principal de sua página.

O que fazer:

Testes:

Você deve adicionar um elemento `header` ao `body`.
Você deve adicionar um novo elemento `main` ao `body`.
O elemento `header` deve vir antes do elemento `main`.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="G.E.A.R ACADEMY Accessibility Quiz practice project" />
    <title>Accessibility Quiz</title>
    <link rel="stylesheet" href="styles.css" />
  </head>

  <body>
    
  </body>

</html>

body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

Preview