Dit portfolio.
Eigen project
Dit portfolio is bewust meer dan een etalage: elke claim over snelheid en toegankelijkheid is hier direct te controleren. De site ís de case.
De site is statisch gegenereerd met Next.js en TypeScript en gestyled met Tailwind CSS. Toegankelijkheid zit in het fundament: semantische structuur, volledige toetsenbordbediening, zichtbare focus, geverifieerd kleurcontrast en respect voor reduced-motion. Alle entrance-animaties zijn CSS-first: ook zonder JavaScript is elke pagina volledig bruikbaar.
Kwaliteit wordt automatisch bewaakt: elke pagina wordt met axe-core geauditeerd via Playwright en linting op toegankelijkheidsfouten draait al tijdens het bouwen. Er zijn geen cookies en geen trackers, dus ook geen cookiebanner.
React, Next.js en TypeScript heb ik voor dit project nieuw aangeleerd, bovenop mijn basis in HTML, CSS, JavaScript en PHP. Een nieuwe stack leer je het snelst door er iets echts mee te bouwen.
Resultaat.
- Gebouwd volgens WCAG 2.2 AA, met een geautomatiseerde axe-audit per pagina
- Kleurcontrast van elk token programmatisch geverifieerd
- Zelf-gehoste fonts, geen externe requests, geen cookies of tracking