Week 3 — Structuur & toegankelijkheid

Wat laat dit voorbeeld zien? Een mini-site van twee gekoppelde pagina's (index.html en over-mij.html) met dezelfde navigatie op beide pagina's. Let ook op: het lang="nl"-attribuut, betekenisvolle alt-teksten, een logische koppenvolgorde en linkteksten die uitleggen waar de link naartoe gaat (dus geen "klik hier").

Voorbeeld: pagina 1 van 2 — index.html

Welkom op mijn mini-portfolio

Dit is de hoofdpagina van een kleine site met twee pagina's. Beide pagina's hebben dezelfde navigatiebalk, zodat een bezoeker nooit vastloopt.

Bekijk de pagina met meer informatie over mij om te zien hoe de navigatie tussen pagina's werkt.

Waarom werkt dit?

Beide bestanden staan in dezelfde map (week3/), dus de links gebruiken simpele relatieve paden zoals over-mij.html.
De navigatie-HTML is letterlijk gekopieerd naar beide pagina's, zodat ze er identiek uitzien.
Elke link legt uit waar hij naartoe leidt — belangrijk voor gebruikers van een schermlezer.