Dit portfolio.
Eigen project
Een portfolio zegt al snel dat kwaliteit belangrijk is. Ik wilde dat je dat hier ook kunt controleren: deze site is zelf mijn visitekaartje.
Hij is statisch gegenereerd met Next.js en TypeScript en gestyled met Tailwind CSS. Toegankelijkheid zit overal in: semantische structuur, volledige toetsenbordbediening, zichtbare focus, doorgerekend kleurcontrast en animaties die netjes uit gaan bij reduced motion. Sterker nog: ook zonder JavaScript werkt alles gewoon.
De kwaliteit bewaakt zichzelf. Elke pagina wordt met axe-core geauditeerd via Playwright, en de linter checkt op toegankelijkheidsfouten terwijl ik typ. Cookies of trackers zijn er niet, dus een cookiebanner ook niet.
Eerlijk is eerlijk: React, Next.js en TypeScript waren nieuw voor me toen ik hieraan begon, bovenop mijn basis van HTML, CSS, JavaScript en PHP. Maar een stack leer je nergens zo snel als in een echt project.
Resultaat.
- WCAG 2.2 AA, automatisch geauditeerd met axe-core
- Kleurcontrast van elk kleurtoken doorgerekend
- Fonts zelf gehost, nul externe requests, nul tracking