Terug naar Webrichtlijnen 1 - Overzicht van ijkpunten

IJkpunt 13.2 - Webrichtlijnen 1

Lever metadata om semantische informatie toe te voegen aan pagina's en sites.

Referentie: De WCAG ijkpunten zijn identiek aan de Waarmerk drempelvrij ijkpunten en de Webrichtlijnen.

Beschrijving

User agents kunnen metadata gebruiken om meer semantische informatie over een pagina te geven of de informatie op de pagina aan de gebruiker of aan een zoekmachine te leveren.

Voordelen

  • User agents kunnen de gebruiker en zoekmachine op basis van metadata aanvullende informatie over een pagina geven.

Criteria voor toetsing

  • Het title element is gebruikt.
  • Er zijn metadata aan de pagina en site toegevoegd om semantische informatie te bieden (via RDF of via meta of link elementen).
  • id en class attributen zijn betekenisvol.*

*: Dit is uitsluitend een succescriterium binnen de Webrichtlijnen. Het overschrijdt conformiteit met WCAG 1.0.

Voorbeelden

Title element

Elke pagina heeft een unieke titel die de inhoud van de pagina omschrijft. Een veel voorkomende oplossing is dat het title element dezelfde waarde bevat als het h1 element op de pagina. Zie ook ijkpunt 13.19.

Meta data

Voorbeeld van metadata gebruikt op www.rijksoverheid.nl
<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/"/>
<meta name="DCTERMS.title" content="Rijksoverheid.nl - Informatie van de Rijksoverheid"/>
<meta name="description" content="Rijksoverheid.nl is dé website van het Rijk. Informatie van Postbus 51, nieuws en informatie over de regering en ministeries op één plek."/>
<meta name="DCTERMS.description" content="Rijksoverheid.nl is dé website van het Rijk. Informatie van Postbus 51, nieuws en informatie over de regering en ministeries op één plek."/>
Een minimum van drie gevulde meta elementen wordt gehanteerd gedurende de toetsing.

Id en class

Id en class attribuut waarden geven informatie over de inhoud van het element, in plaats van de positie. Voorbeelden als "Content", "Navigatie", "Footer" en "links"(hyperlinks) zijn goed terwijl voorbeelden als "Top", "Rechts", "Midden" en "links"(de positie) fout zijn.

Definities

Betekenisvol

  • Betekenis hebbend, functie of doel binnen de context en het doel ervan.

Verwijzingen

  • R-pd.3.15 Geef betekenisvolle namen aan id en class attributen.
  • R-pd.2.9 Bouw een website volgens de Web Content Accessibility Guidelines (WCAG 1.0) van het W3C.
  • Delen op Facebook
  • Delen op Twitter
  • Delen op LinkedIn
  • Delen op Google+