R-pd.6.2

Volgorde van belangrijkheid

Bij het opzetten van de inhoud van een pagina is het aan te raden om deze in volgorde van belangrijkheid in de HTML te zetten.

Uitleg van deze richtlijn

In volgorde van belangrijkheid wil zeggen: belangrijkste inhoud eerst, en de minst belangrijke inhoud (zoals navigatie) onderaan. Zie het voorbeeld. Let wel: het plaatsen van inhoud op de weergegeven pagina wordt geregeld via CSS; de visuele indeling hoeft niet dezelfde te zijn als de structuur. Het structureren van de inhoud op deze manier verhoogt de vindbaarheid, toegankelijkheid en bruikbaarheid van de informatie. Lees ook R-pd.8.12 over het overslaan van lange navigatielijsten.

Lange navigatielijsten na de hoofdinhoud

Veel websites tonen een lange lijst met navigatielinks aan de linkerzijde in paginalay-out. Achter de schermen, in de HTML broncode, blijkt deze lijst met links vaak voor de hoofdinhoud te staan. Dit betekent voor gebruikers van schermleesprogramma’s en brailleleesregels – maar ook voor zoek-spiders, die eveneens webpagina’s op een seriële manier doorlopen – dat men eerst met een grote verzameling links wordt geconfronteerd voordat men bij de hoofdinhoud van de pagina aankomt.

Deze lijsten kunnen worden overgeslagen met behulp van skip-links, maar soms is het effectiever om ervoor te zorgen dat de volgorde van de inhoud van de pagina anders is: zorg dat de hoofdinhoud van de pagina zo hoog mogelijk in de HTML-broncode staat.

Dit principe is alleen van toepassing als er veel secundaire inhoud voor de hoofdinhoud staat. Een korte lijst met navigatielinks vóór de hoofdinhoud doet weinig kwaad en kan gewoon op zijn plaats blijven.

Seriële bereikbaarheid van pagina-inhoud

Het voorzien in een (visueel verborgen) skip-link boven aan het document, kan bezoekers met schermleesprogramma’s en brailleregels helpen om de hoofdinhoud over te slaan en snel bij de lijst met navigatie te komen. Ook kunnen hier enkele andere nuttige links worden toegevoegd.

Voorbeeld van een verzameling skip-links boven aan een document

Site-navigatie | Inhoudsopgave | Zoeken

Voordelen van een goede volgorde van pagina-inhoud

• Zoek-spiders zullen de hoofdinhoud die bovenin het webdocument staat als zeer belangrijk beschouwen.
  Zoekresultaten zullen voor deze pagina gunstiger (en dus effectiever) zijn, dan wanneer er geen aandacht is besteed aan de volgorde van paginainhoud.
• Bezoekers met schermleesprogramma’s en brailleregels zullen minder moeite hebben met de toegang tot de hoofdinhoud van de pagina.
  Ook gebruikers van oudere browsers, die onvoldoende ondersteuning bieden voor CSS, zullen baat hebben bij dit principe. Hoofdinhoud staat ook voor hen bovenaan de pagina, al missen zij een aantrekkelijke visuele lay-out.

Dankzij CSS (Cascading Style Sheets) kunnen de verschillende stukken inhoud vrijwel onafhankelijk van de volgorde in de HTML broncode in de lay-out worden geplaatst.

Bijbehorende ijkpunten normdocument

• IJkpunt 12.5: Zet de inhoud van de pagina in de HTML broncode op volgorde van belangrijkheid.