Een scan starten
Ga naar 'Nieuwe scan' (of druk N in de app), vul het adres van je website in, kies wat de scan als stylesheet gebruikt en hoeveel pagina's hij bekijkt. Met een stylesheet weet de AI wat de bedoeling is: elke waarde die er niet in staat, wordt beoordeeld, ook als hij vaak voorkomt. Plak of upload je eigen stylesheet (CSS, SCSS, design tokens of een stijlgids), of laat de AI er eerst een uit je site samenstellen. Die kun je na de scan in het canvas teruglezen en kopiëren. Pagina's die crawlers buitensluiten met robots.txt of een noindex-tag slaat de scan over; voor je eigen sites (bijvoorbeeld een staging-omgeving) kun je dat negeren. Een stylesheet meegeven en robots negeren kan vanaf het Pro-plan. Een kaal domein zoals voorbeeld.nl is genoeg: we vullen https:// zelf aan.
Hoe de AI-scan werkt
De scan duurt een paar minuten. Een echte browser opent je pagina's en meet wat er op het scherm staat; een AI bekijkt je pagina's zoals een designer, maakt screenshots en zet elke bevinding als pin op je live site. Een afwijking die in de context van je site duidelijk bewust is, zoals een grotere hero-titel of een uitgelichte kaart, laat hij weg. Daar kun je bevindingen markeren als opgelost of bewust en erop reageren.
Hoe het design-systeem wordt herkend
DesignCheck vergelijkt alles wat een design-systeem bepaalt: lettertypes, groottes, gewichten, regelhoogte en letterafstand; kleuren van tekst, vlakken en randen; witruimte (padding, margins, ruimte tussen elementen en tussen secties); afrondingen, randen en schaduwen; en componenten als knoppen, kaarten, invoervelden en afbeeldingen. Dat gebeurt met wat de browser echt op het scherm tekent, niet met de losse CSS-regels. De meest gebruikte waarde per soort element en eigenschap geldt als 'standaard'; waarden die zeldzaam zijn of er net naast zitten, worden als afwijking gerapporteerd.
De score
Elke scan krijgt een score van 0 tot 10. Hoe meer consistente waarden en hoe minder (en minder ernstige) afwijkingen, hoe hoger. Kritieke afwijkingen wegen het zwaarst. De score gaat alleen over consistentie. Daarnaast doet elke scan een release-check: het contrast van alle tekst met zijn achtergrond (WCAG AA: 4,5:1, of 3:1 voor grote tekst) en een controle van de teksten op spelling, grammatica en schrijfstijl. Die bevindingen staan in het canvas onder hun eigen kopje (Leesbaarheid en Tekst). Zolang er iets kritieks of belangrijks open staat, zegt de knop bovenin 'Niet klaar voor release'. Tekst op een foto of verloop kan de scan niet meten: die kijk je zelf na. Verder loopt de release-check alle links na (kapot of naar een staging-omgeving), zoekt hij achtergebleven placeholders en tegenstrijdige contactgegevens, controleert hij per pagina titel, omschrijving, noindex en robots.txt, alt-teksten, labels en knoppen zonder naam, JavaScript-fouten, bestanden die niet laden, mixed content en trackers die laden vóór cookie-toestemming. Elke pagina wordt ook op 390px (mobiel) gemeten: met een eigen norm voor het design, en op zijwaarts scrollen en overlappende tekst. Na de scan opent het release-rapport met per controle wat er openstaat; 'Bekijk op de live site' opent het canvas. Met Team kun je een volledige scan doen: de hele site via de sitemap, tot 500 pagina's, met een tokenmaximum dat je zelf instelt.
Tokens
Een scan kost tokens. Hoe meer pagina's en hoe meer de AI moet doen, hoe meer tokens: een scan van 5 pagina's kost er ongeveer 25. Voor de scan zie je wat hij ongeveer kost; na afloop betaal je wat hij echt gebruikte, en een mislukte scan kost niets. Elk plan geeft tokens: Free eenmalig om te proberen, Pro en Team elke maand opnieuw. Zijn ze op, dan koop je extra tokens bij onder Abonnement; die verlopen niet en gaan op zodra je plantokens op zijn. Je verbruik zie je onder Instellingen.
PDF-rapporten en delen
Met Team download je elk rapport als PDF om met je klant te delen, en deel je een AI-review via een link, met of zonder rechten om te reageren.
Klaar om te beginnen?
Je eerste scan is gratis.