ColofonToegankelijkheid & verantwoording
Deze site meet zichzelf.
Een portfolio over digitale toegankelijkheid mag daar niet vaag over zijn. Hieronder staat precies waar deze site aan voldoet, hoe dat is gecontroleerd, en wat de bekende grenzen zijn.
Conformiteitsstatus
Deze site streeft naar WCAG 2.2 niveau AA. De conformiteit is zelf beoordeeld — er is geen externe audit uitgevoerd op déze site. Dat is een bewuste, eerlijke formulering: een claim van volledige conformiteit zonder onafhankelijke toetsing zou niet passen bij het onderwerp.
De succescriteria zijn tijdens het bouwen als ontwerp-uitgangspunt gehanteerd, niet als controle achteraf — inclusief de nieuwe 2.2-criteria zoals focus-appearance, target-size en consistent help.
Hoe het is geverifieerd
- axe-core in CI — elke route wordt geautomatiseerd gescand; er komt geen commit doorheen zolang er ook maar één violation openstaat.
- Toetsenbord & focus — volledige bediening zonder muis, met één universele, zichtbare focus-indicator die op elke achtergrond het vereiste contrast haalt.
- Contrast — elk kleurenpaar is vooraf tegen de AA-drempels gevalideerd; de signaalkleur wordt alleen ingezet waar hij minstens 3:1 haalt.
- Reduced motion — beweging is progressive enhancement en wordt gerespecteerd via
prefers-reduced-motion.
Bekende grenzen
Geautomatiseerd testen vangt niet alles. Handmatige screenreader-toetsing over de volledige site en een onafhankelijke audit staan op de planning; nieuwe onderdelen worden pas als af beschouwd nadat ze diezelfde verificatie hebben doorlopen als de rest.
Kom je toch een drempel tegen? Laat het weten via hallo@hjvisser.nl. Feedback op toegankelijkheid is hier geen bijzaak.
Techniek & verantwoording
- Stack — Next.js 16 (App Router, React 19, TypeScript), Tailwind v4 met design-tokens, MDX voor de case-narratieven.
- Typografie — self-hosted fonts, zonder externe requests naar derden.
- Hosting — self-hosted op eigen Hetzner-infrastructuur via Coolify, met automatische TLS.
- Gebouwd door— een autonome agent-pipeline onder mijn regie; de making-of staat in case 01.