Belgisch kwaliteitslabel voor toegankelijke websites. AnySurfer vervangt BlindSurfer sinds 1 juli 2006.

Om hypertekst toegankelijk te maken, volstaat het niet om visueel aan te duiden wat een kop, een lijst of een citaat is. U moet ook de bijbehorende structuurtags gebruiken die HTML hiervoor biedt. Zo kunnen screenreaders en spraakbrowsers automatisch inhoudsopgaves samenstellen en lijsten met verschillende niveaus beter doorzoekbaar maken. Dat is ondermeer nuttig voor blinden en dyslectici

Semantisch gestructureerde hypertext past zich ook beter aan aan persoonlijke stijlbladen. Met behulp daarvan kunnen slechtzienden de kleur, het lettertype, de grootte en de positie van verschillende tekst- en paginadelen nauwkeuriger bepalen.

Bijkomende voordelen van structuurtags voor webontwikkelaars:

• Positie in resultaatpagina's van zoekmachines wordt gunstig beïnvloed
• In combinatie met CSS is de vormgeving nauwkeuriger en onafhankelijk van de HTML-code aanpasbaar.
• HTML-code is compacter en overzichtelijk
• Basisopmaak is gegarandeerd in oude browsers en op mobiele apparaten

Voor het pluslabel geldt een strengere versie van dit ijkpunt.

Koppen

Voor koppen op het hoogste niveau gebruikt u de h1 tag. Subkoppen geeft u aan met h2, en koppen op een derde of lager niveau met h3 tot h6.

Voorbeeld (niet goed)

<span class="hoofdtitel">Titel van de webpagina</span>

<p class="subtitel">Inleiding</p>
<p>Tekst hier.</p>

<div class="subtitel">Ontstaan en missie</div>
<p>Tekst hier.</p>

Voorbeeld (goed)

<h1>Titel van de webpagina</h1>

<h2>Inleiding</h2>
<p>Tekst hier.</p>

<h2>Ontstaan en missie</h2>
<p>Tekst hier.</p>

Lijsten

Voor lijsten met meer dan één niveau, gebruikt u ol (voor genummerde lijsten) of ul (voor lijsten met opsommingstekens). Combineren kan ook.

Voorbeeld

Niet goed

1. Home
2. Aanbod
   * Auto's
   * Motorfietsen
3. Contact

Goed

<ol>
  <li>Home</li>
  <li>Aanbod
    <ul>
      <li>Auto's</li>
      <li>Motorfietsen</li>
    </ul>
  </li>
  <li>Contact</li>
</ol>

Naar boven