Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Barrierefreiheit
Waarom moeten koppen en tabellen in de code schoon zijn gemarkeerd?
Koppen en tabellen moeten in de code schoon zijn gemarkeerd, omdat voorleesprogramma's en zoekmachines de opbouw van een pagina alleen daaraan herkennen. Een zienende bezoeker ziet in één oogopslag wat kopje en wat tabelkop is — een blinde bezoeker en Google weten dit alleen als het in de code ook zo genoemd is. Vetgedrukte tekst is geen kopje.
Structuur in de code: de inhoudsopgave van de pagina
Voorleesprogramma's bieden blinde bezoekers een snelkoppeling: van kopje naar kopje springen, zoals men een inhoudsopgave doorbladert. Dit werkt alleen als koppen in de code als zodanig zijn gemarkeerd — met niveaus van H1 tot H6, zoals hoofdstukken en onderafdelingen. Springt de opmaak van H1 direct naar H4, voelt het als een boek waarin na hoofdstuk 1 onmiddellijk afdeling 1.1.1.1 volgt: de bezoeker vraagt zich af wat hij gemist heeft. Bij tabellen geldt hetzelfde: alleen als de kopbalken als zodanig zijn gemarkeerd, kan het voorleesprogram bij elk getal aankondigen tot welke kolom het behoort. Ook Google gebruikt deze structuur om uw inhoud te begrijpen.
Zo controleert onze meetkern de paginastructuur
De automatische controle combineert twee hulpmiddelen. Het controleprogramma axe-core onderzoekt lijsten, beschrijvingslijsten en de technische koppelingen tussen elementen. Daarnaast controleren eigen stappen twee punten die axe-core in de standaarduitvoering niet afdekt: overgeslagen kopping-niveaus — bijvoorbeeld H1 direct gevolgd door H4 — en gegevenstabellen zonder een enkel gemarkeerd kopveld. Dit zijn beide hardnekkige schendingen en voeren als zodanig in het rapport door. Belangrijk voor de indiening: dit criterium is zo breed dat een schoon automatisch rapport bij ons nooit als "geslaagd" geldt — het rapport geeft het dan als "handmatig controleren" aan, en op goudniveau beoordeelt een mens de structuur.
Schone structuur telt rechtstreeks mee bij Google
Dezelfde opmaak die blinde bezoekers laat springen, helpt uw vindbaarheid: Google weegt koppen bij het rangschikken van een pagina en toont goed gestructureerde inhoud eerder als gemarkeerd antwoord in het zoekresultaat. Een pagina met exact één hoofdkopje, zinvol gestaffelde tussenkoppen en echte lijsten leest zich voor de zoekmachine als een goed opgebouwd document. Omgekeerd verliest een pagina waarvan de "koppen" alleen vetgedrukte tekst zijn, dit signaal volledig — voor de machine is dat gewone tekst zonder gewicht.
Beispiele
Überschrift als fetter Text
<p><strong style="font-size:24px">Öffnungszeiten</strong></p>
<p>Montag bis Freitag 8–16 Uhr</p><h2>Öffnungszeiten</h2>
<p>Montag bis Freitag 8–16 Uhr</p>Nur ein echtes h-Element erscheint in der Überschriftenliste des Vorleseprogramms.
Datentabelle ohne Kopfzellen
<table>
<tr><td>Tarif</td><td>Preis</td></tr>
<tr><td>Basis</td><td>9 €</td></tr>
</table><table>
<caption>Tarife</caption>
<thead><tr><th scope="col">Tarif</th><th scope="col">Preis</th></tr></thead>
<tbody><tr><td>Basis</td><td>9 €</td></tr></tbody>
</table>Mit th und scope sagt das Vorleseprogramm zu jeder Zelle, zu welcher Spalte sie gehört.
- Vraag uw bureau om een overzicht van de kopping-niveaus van uw belangrijkste pagina's — de stappen moeten als een inhoudsopgave naadloos zijn.
- Controleer uw tabellen: elke gegevenstabel heeft een als kopbalken gemarkeerde eerste rij of kolom nodig.
- Vervang vetgedrukte tekst die als kopje dient door echte koppen in het redactiesysteem.
- Gebruik de lijstfunctie in het redactiesysteem in plaats van kogelpunten met de hand te typen.
- Wijs per pagina precies één hoofdkopje toe dat het onderwerp van de pagina benoemt.