Wcag uitgelegd

Kopniveaus

Kopniveaus: WCAG 1.3.1 Info en relaties (post 1/8)

Stel je voor: je opent een boek en de inhoudsopgave gaat van hoofdstuk 1 direct naar paragraaf 3.2.

Je mist iets, maar je weet niet wat.

Dat is precies wat een schermlezer voorleest als kopniveaus worden overgeslagen. Een h1 gevolgd door een h3 zonder h2 ertussen. Het is alsof je een organigram maakt waar de middenlaag ontbreekt.

Google gebruikt diezelfde koppenstructuur om te begrijpen hoe je content is georganiseerd. Een logische structuur helpt je ranking. Een rommelige structuur doet het tegenovergestelde.

Het goede nieuws: dit is een van de makkelijkste dingen om te controleren. Installeer de HeadingsMap-extensie in je browser, open een pagina en je ziet direct of de structuur klopt.

Related Posts

outline: none, de meest destructieve regel in CSS

outline: none, de meest destructieve regel in CSS

*:focus { outline: none; } Eén regel. En elke toetsenbordgebruiker op je website navigeert blind.

Samenwerken met Proper Access

Je hebt een klant die een toegankelijkheidsaudit nodig heeft. Of misschien wordt het een terugkerend thema: steeds meer organisaties moeten vanaf juni 2025 voldoen aan de European Accessibility Act (EAA).

Tekst in afbeeldingen: waarom het niet mag (WCAG 1.4.5)”

WCAG 1.4.5 Afbeeldingen van tekst: waarom je tekst nooit als plaatje mag gebruiken Je designer heeft een prachtige header gemaakt. Goed verkopende tekst, perfecte kleurverloop, precies het juiste effect. Hij levert een JPG aan. Klaar, toch?