Semantische HTML-elementen

Waarom het belangrijk is

Browseragents combineren de DOM, de accessibility tree en screenshots. Semantische elementen zoals <main>, <nav> en <article> geven blijvende structuur in al die weergaven.

Zo los je het op

Gebruik main, nav, header, footer en article voor de paginastructuur.

1. Vervang layout-div-elementen door semantische elementen.

   <header>...</header>
   <nav>...</nav>
   <main>
     <article>...</article>
   </main>
   <footer>...</footer>

2. Gebruik een main-element per pagina.

Controleren

Start een nieuwe scan voor dit checkpoint: