Over deze website
Deze site is een statisch portfolio. Ik heb hem gebouwd om snel te laden, te werken met ondersteunende technologie en het werk dat hij beschrijft niet te overschaduwen.
Lighthouse
Mobiele scores van Google Lighthouse, gegenereerd met lighthouse-badges.
(opent in een nieuw tabblad)
(opent in een nieuw tabblad)
(opent in een nieuw tabblad)
(opent in een nieuw tabblad)
Scores laatst bijgewerkt op 26 juni 2026. Voer pnpm lighthouse:badges uit om te vernieuwen.
Kwaliteitscontroles
Onafhankelijke controles die u zelf kunt uitvoeren:
- WCAG 2.0 AAAGecontroleerd met AChecker op conformiteit met WCAG 2.0 niveau AAA.(opent in een nieuw tabblad)
- HTML-validatieGecontroleerd met de Nu HTML Checker. CSS in <style>-tags kan verwachte waarschuwingen tonen; zie validatienotities.(opent in een nieuw tabblad)
- CSS-validatieStijlen gecontroleerd met de W3C CSS Validator.(opent in een nieuw tabblad)
Stack
Astro genereert statische HTML. Tailwind CSS verzorgt layout en typografie. De site draait op Cloudflare Pages.
Inter wordt zelf gehost. Er worden geen lettertypen van derden geladen bij het openen van pagina's.
Toegankelijkheid
Pagina's gebruiken semantische landmarks, skiplinks, zichtbare focusstijlen en duidelijke linktekst. Nederlandse en Engelse versies zijn gekoppeld met hreflang.
De footer bevat een AChecker-badge voor doorlopende WCAG 2.0 niveau AAA-controles.
Prestaties
Assets worden bij de build vooraf gerenderd. Kritieke CSS staat inline. Afbeeldingen en lettertypen gebruiken moderne formaten waar dat helpt.
Lighthouse-badges worden gegenereerd met lighthouse-badges en vernieuwd met pnpm lighthouse:badges.
Validatienotities
De Nu HTML Checker controleert ook ingesloten CSS in <style>-tags, niet alleen de markup. Een geldige documentstructuur kan alsnog CSS-fouten tonen wanneer de regels van de checker achterlopen op wat browsers ondersteunen.
Tailwind CSS v4 is hier de hoofdbron. Het genereert @property-regels zodat custom properties kunnen animeren. Browsers die Tailwinds doelplatformen ondersteunen passen deze regels toe; de W3C-tools kennen @property nog niet.
De checker meldt ook custom properties in transition-property (bijvoorbeeld --tw-gradient-from) en margin-trim in @supports-queries. Beide horen bij actuele CSS-specificaties en werken in ondersteunende browsers.
Na elke build verwijdert een script een deel van deze patronen uit de productie-HTML, zodat de losse W3C CSS Validator schoon blijft. De Nu-checker kan meldingen over wat overblijft tonen. Die berichten gaan over dekkingsgraad van de validator, niet over kapotte pagina’s.