jquery.app
Nederlands
EnglishDeutschFrancaisEspanol日本語Nederlands

HTML-tools

Gratis HTML Landmark Checker

Plak HTML en controleer op ARIA landmark elementen voor screenreadernavigatie.

Tool laden...

Wat is HTML Landmark Checker?

ARIA-landmarks zijn HTML-elementen die paginaregio's definiëren. Schermlezers gebruiken landmarks zodat gebruikers tussen paginasecties kunnen springen. Veelvoorkomende landmarks zijn header, main, nav, footer, aside en form. Ontbrekende landmarks maken pagina's moeilijker te navigeren voor gebruikers van ondersteunende technologie.

Snel antwoord

Plak uw HTML om te controleren welke ARIA-landmark elementen aanwezig zijn en welke ontbreken. Schermlezers gebruiken landmarks om te navigeren tussen paginaregio's.

Last updated: 2026-06-11

Beperkingen

  • De tool scant alleen op elementnamen, niet of landmarks toegankelijke namen hebben.
  • De checker valideert geen ARIA-roltoewijzingen.
  • Plak de volledige pagina-HTML voor een complete controle.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Zo gebruik je deze tool

  1. Plak uw HTML-opmaak in het invoerveld.
  2. De tool scant op landmark elementen en toont welke aanwezig zijn.
  3. Bekijk de resultaten die tonen welke landmarks ontbreken.
  4. Voeg de ontbrekende landmark elementen toe om de paginatoegankelijkheid te verbeteren.

Waarvoor je het kunt gebruiken

  • Controleer een statische paginasjabloon op ontbrekende landmark elementen voor publicatie.
  • Controleer of elke pagina een main element heeft voor schermlezernavigatie.
  • Controleer of navigatieblokken het nav element gebruiken in plaats van generieke div elementen.

Gebruik

Praktische voorbeelden

Voorbeeld

Ontbrekende main landmark

Een paginasjablooncontrole onthult een ontbrekend main element. De checker markeert het als een vereiste landmark.

Voorbeeld

Div navigatie gedetecteerd

Een bloglay-out gebruikt een div voor navigatie. De checker stelt voor de div te vervangen door een nav element.

Veelgemaakte fouten

  • Meerdere main elementen op een pagina gebruiken, wat schermlezernavigatie verwart.
  • Alles in een nav element plaatsen in plaats van alleen voor sitemavigatie.
  • Section elementen gebruiken zonder toegankelijke namen.

Verificatie

  1. Navigeer met een schermlezer door landmarks om te bevestigen dat de verwachte regio's aanwezig zijn.
  2. Voer de pagina door axe DevTools of WAVE voor een formele toegankelijkheidscontrole.

FAQ

Vragen over HTML Landmark Checker

Hoeveel main elementen moet een pagina hebben?

Een zichtbaar main element per pagina. Meerdere main elementen zijn niet standaard.

Zijn HTML5-semantische elementen hetzelfde als ARIA-landmarks?

Ja. Elementen zoals header, main, nav, footer, aside en form hebben impliciete ARIA-landmark rollen.

Hebben section elementen labels nodig?

Een section element zonder toegankelijke naam registreert niet als landmark. Voeg een aria-label of aria-labelledby toe.

Wat is het verschil tussen article en section?

Article is voor zelfstandige inhoud (blogpost, nieuwsbericht). Section is een thematische groepering die context van de pagina nodig heeft.

Gerelateerde tools

Meer html-tools

Html

CSP Hash Generator

Genereer CSP-hashwaarden voor inline scripts en styles. Hash exacte code met SHA-256, SHA-384 of SHA-512.

Open tool

Probeer ook

Probeer ook