WCAG Radar

Als redacteur werk je in het CMS, niet in de code. Toch bepaalt jouw werk een groot deel van de toegankelijkheid: de alt-teksten, de koppenstructuur, de linkteksten, de tabellen. Precies daar gaat het het vaakst mis.

Onze ambitie met het tabblad Redactie is simpel: de controles die je toch al zou moeten doen, zo makkelijk maken dat je ze ook echt doet. Je hoeft geen broncode te lezen en geen developer te vragen. Je klikt de radar aan en ziet meteen welke afbeelding geen alt-tekst heeft, waar een kopniveau wordt overgeslagen en welke link “lees meer” heet.

De radar oordeelt niet voor je. Bij een alt-tekst laat hij zien wat er staat, jij bepaalt of dat klopt bij de afbeelding. Dat is precies het stuk werk dat een automatische scanner nooit voor je kan doen.

Je weet waar je op moet letten. Wat tijd kost, is het uitzoeken: welke knop heeft nu precies geen toegankelijke naam, wijst die aria-controls wel naar een bestaand id, en in welke volgorde loopt de focus eigenlijk?

Onze ambitie met het tabblad Developer is om die vragen te beantwoorden voordat je de inspector opent. De radar nummert elk focusbaar element in tabvolgorde en markeert positieve tabindex-waarden als fout. Hij toont alle rollen en aria-attributen en laat zien welke referenties nergens op wijzen. Bij hover krijg je tag, id, class, rol, toegankelijke naam en afmeting van elk element.

Handig tijdens het bouwen, en handig bij het oplossen van een auditbevinding: je ziet direct of je aanpassing het gewenste effect heeft.