Offerte audit
Typ iets om te zoeken...

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. Mag je niets installeren, dan doet het tabblad Redactie van onze WCAG Radar van Proper Access hetzelfde vanuit je bladwijzerbalk.

Zelf verder met dit onderwerp

Related Posts

Wat kost een toegankelijkheidsaudit? Prijzen, pakketten en waar je op moet letten

Dit artikel gaat over de prijs. Voor de hoofdroute over wat een audit inhoudt en wat je krijgt, en de verschillende soorten onderzoek, zie WCAG-audit laten uitvoeren. Heb je specifiek een webshop? Bekijk dan de aparte prijsindicatie voor een webshop-audit, met de extra kostenfactoren van checkout, account en productfilters.

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.

Negatieve outline-offset die de focus verbergt

Negatieve outline-offset die de focus verbergt

Een link met een donkere achtergrond. De focusindicator is er, een zwarte outline van 2 pixels. Maar outline-offset: -4px duwt die outline naar binnen. Onder de achtergrondkleur.

WhatsApp ons (opent WhatsApp in een nieuw tabblad)