Changelog — v1.x
Alle wijzigingen uit de v1.x-reeks. ← Terug naar de changelog
Status overzicht — v1.x
🐛 Bugs
10 ✓
0 ○
Opgelost — laatste eerst
fietsen-zoek-spelletje.html: “Opnieuw spelen”-knop werkte niet — CSP blokkeert onclick-attribuut; vervangen door addEventListener in extern JS-bestand
v1.7
verkeersborden-quiz.html: statische preview-afbeelding refereerde nog naar verwijderd D7-fietspad.png → gecorrigeerd naar .webp
v1.5
verkeersregels.html: verkeersborden refereerden nog naar verwijderde .png-bestanden → gecorrigeerd naar .webp
v1.4
verkeersborden-quiz.html: ontbrekende robots-meta en canonical-tag toegevoegd
v1.4
fietsparcours.html: ontbrekende canonical-tag toegevoegd
v1.4
intentieverklaring.html: ontbrekende og:description-metatag toegevoegd
v1.4
route-kaart.webp was groter dan de bestaande route-kaart.png (656 KB vs 154 KB) → teruggedraaid naar PNG; .jpeg en .webp verwijderd
v1.4
Intentieverklaring: tekst “bewaard door de school” gecorrigeerd naar Formbricks-opslag
v1.1
Spelletjes: puzzelbeschrijving vermeldde 5 onderdelen, puzzel telt er 7
v1.1
Sitemap: dubbele
downloads.html-entry; intentieverklaring, changelog, privacy en cookies ontbraken
v1.1
Open
Geen open bugs 🎉
✨ Features
6 ✓
0 ○
Opgeleverd — laatste eerst
Fietsexamen (
examen-spelletje.html) — 20 meerkeuze vragen in 4 categorieën: grappige vragen, verkeersborden, voorrang en veilige fiets; per vraag directe grappige feedback; score + per-categorie balk op eindscherm
v1.8
Zoek de fout! (
fietsen-zoek-spelletje.html) — 25 SVG-fietsen, drie ervan missen bel, voorlicht of achterlicht; timer, toast-feedback en winnaarscherm
v1.7
Toegankelijkheidsverklaring pagina (
toegankelijkheid.html) — WCAG 2.1 AA nalevingsstatus, bekende knelpunten, contactinfo
v1.6
Skip-navigatielink op alle 21 pagina’s — toetsenbordgebruikers kunnen navbar overslaan (WCAG 2.4.1)
v1.6
YouTube consent gate op
filmpjes.html — video’s laden pas na toestemming; consent-banner met knop
v1.4
Proef 2026 banner — feestelijke dismissible banner op alle pagina's
v1.1
Gepland
Geen geplande features 🎉
⚡ Optimalisaties
20 ✓
0 ○
Doorgevoerd — laatste eerst
Extra links toegevoegd. Blanco Europees aanrijdingsformulier (EAF) toegevoegd aan
downloads.html
v1.9
11 WAV-bestanden verwijderd uit
audio/wav/; alle WAV-referenties verwijderd uit liedjes.html (sources + downloadknoppen) en downloads.html (filtertab + 11 downloadkaarten)
v1.7
Gele tekst kleurcontrast gefixed:
badge-yellow, nav-logo span en accent-yellow voldoen nu aan WCAG 1.4.3 AA (min. 4,5:1)
v1.6
Globale
:focus-visible stijlen voor links en knoppen — toetsenbordnavigatie visueel zichtbaar (WCAG 2.4.7)
v1.6
Muis-vereiste melding op spelletjes-pagina’s (
woordzoeker, fietsparcours, puzzel)
v1.6
aria-live="polite" toegevoegd aan quiz-feedback — schermlezers lezen antwoord automatisch voor (WCAG 4.1.3)
v1.6
width/height toegevoegd aan alle <img>-tags (routekaart, schoollogo’s, quizbordje) — browser reserveert ruimte voor laadtijd, voorkomt CLS
v1.5
defer toegevoegd aan alle 53 <script>-tags — scripts blokkeren HTML-rendering niet meer
v1.4
Organization
ld+json-structured data toegevoegd aan index.html — betere Google-weergave
v1.4
preconnect naar Formbricks op contact & intentieverklaring; preload voor Baloo2 + Nunito fonts op alle pagina’s
v1.4
Verkeersborden (
assets/signs/): PNG’s verwijderd, uitsluitend WebP; HTML/JS bijgewerkt — schoollogo’s omgekeerd (WebP verwijderd, PNG behouden)
v1.4
Dubbele nav- en scroll-logica verwijderd uit
main.js — zat al volledig in components.js
v1.2
Gzip-compressie ingeschakeld via
.htaccess (mod_deflate) — HTML/CSS/JS/fonts tot ~65% kleiner over de lijn
v1.2
Browser caching headers toegevoegd via
.htaccess (mod_expires) — statische assets tot 1 jaar gecached
v1.2
meta keywords (geen SEO-waarde) + stale <!-- Preconnect Google Fonts -->-comment verwijderd uit index.html
v1.2
unsafe-inline verwijderd uit CSP: inline <style>-blokken → css/page-styles.css?v=2.2; inline scripts → js/pages/; onclick/onerror → addEventListener; banner-CSS naar style.css
v1.3
route-kaart.jpeg omgezet naar WebP — 135 KB i.p.v. 1,5 MB (91 % kleiner)
v1.3
27 PNG-afbeeldingen (schoollogo’s + verkeersborden) omgezet naar WebP — 772 KB → 257 KB (67 % kleiner)
v1.3
.htaccess serveert WebP transparant aan compatibele browsers via mod_rewrite + Vary: Accept — HTML hoeft niet aan te passen
v1.3
Sitemap
lastmod-datums bijgewerkt naar 2026-06-12 voor alle gewijzigde pagina’s
v1.3
Open
Geen open opts 🎉
🌺 Productie — v1.x
1.9
Blanco Europees aanrijdingsformulier (EAF) toegevoegd aan
downloads.html — officieel Nederlandstalig formulier als PDF, handig bij een fietsongeval of aanrijding. Plus extra links onderaan.
1.8
Nieuw spelletje: Fietsexamen (
examen-spelletje.html) — 20 meerkeuze vragen verdeeld over 4 categorieën: 😂 Grappige vragen, 🚦 Verkeersborden, 🛑 Voorrang en 🔧 Veilige fiets; directe grappige feedback per antwoordkeuze; eindscherm met totaalscore, diploma of herkansing, en per-categorie voortgangsbalk
Kaart voor Fietsexamen toegevoegd aan
spelletjes.html — spelletjes-hub telt nu 6 spelletjes
1.7
Nieuw spelletje: Zoek de fout! (
fietsen-zoek-spelletje.html) — 25 SVG-fietsen gegenereerd in JS, drie ervan missen willekeurig bel, voorlicht of achterlicht; toast-feedback, chip-indicatoren, timer en winnaarscherm; volledig toetsenbord-toegankelijk
“Opnieuw spelen”-knop werkte niet — CSP (
script-src 'self') blokkeerde onclick-attribuut in HTML; vervangen door addEventListener in het externe JS-bestand
11 WAV-bestanden verwijderd uit
audio/wav/ (Ai_ai_ai_ai, De_fietsband, Echte_profs …); alle WAV-verwijzingen verwijderd uit liedjes.html (audio-sources + downloadknoppen) en downloads.html (WAV-filtertab + 11 downloadkaarten) — downloads-pagina toont uitsluitend MP3 en PDF
1.6
WCAG 2.1 AA & AnySurfer: skip-navigatielink op alle pagina’s, globale
:focus-visible stijlen, kleurcontrast gefixed (gele tekst), toegankelijkheidsverklaring aangemaakt, spelletjes-melding, aria-live op quiz
1.5
verkeersborden-quiz.html: statische preview refereerde naar verwijderd D7-fietspad.png → gecorrigeerd naar .webp
width/height op alle <img>-tags — voorkomt CLS (Cumulative Layout Shift), betere Core Web Vitals
1.4
verkeersregels.html: verkeersborden refereerden naar verwijderde .png-bestanden → gecorrigeerd naar .webp
Ontbrekende
robots/canonical/og:description meta-tags toegevoegd aan verkeersborden-quiz.html, fietsparcours.html en intentieverklaring.html
route-kaart.webp (656 KB) was groter dan bestaande .png (154 KB) → teruggedraaid naar PNG
YouTube consent gate op
filmpjes.html — video’s laden pas na cookie-toestemming
defer op alle scripts; preconnect Formbricks; preload fonts; Organization structured data; WebP-opruiming signs/schools
1.3
CSP versterkt:
'unsafe-inline' verwijderd uit script-src en style-src — alle inline <style>-blokken → css/page-styles.css?v=2.2; alle inline scripts → js/pages/; onclick/onerror-handlers → addEventListener; banner-CSS verplaatst van components.js naar style.css
route-kaart.jpeg omgezet naar WebP — 135 KB i.p.v. 1,5 MB (91 % kleiner)
27 PNG-afbeeldingen (schoollogo’s + verkeersborden) → WebP — 772 KB → 257 KB (67 % kleiner);
.htaccess serveert WebP transparant aan compatibele browsers (Vary: Accept)
Sitemap
lastmod-datums bijgewerkt naar 2026-06-12 voor alle gewijzigde pagina’s
1.2
Gzip-compressie ingeschakeld via
.htaccess (mod_deflate) — HTML/CSS/JS/fonts tot ~65% kleiner over de lijn
Browser caching headers toegevoegd via
.htaccess (mod_expires) — HTML 1 dag, CSS/JS 1 maand, fonts/afbeeldingen 1 jaar
Dubbele nav- en scroll-logica verwijderd uit
main.js — zat al volledig in components.js; dubbele event listeners geëlimineerd
meta keywords verwijderd uit index.html (Google negeert deze tag) + stale <!-- Preconnect Google Fonts -->-comment opgeruimd
1.1
Sitemap: dubbele
downloads.html-entry verwijderd; intentieverklaring.html, changelog.html, privacy.html en cookies.html toegevoegd
Spelletjes: puzzelbeschrijving gecorrigeerd — vermeldde foutief 5 onderdelen, de puzzel telt er 7
Intentieverklaring: tekst “bewaard door de school” gecorrigeerd naar “ontvangen via Formbricks (EU-hosting, GDPR-conform) en doorgestuurd naar de school”
🎍 Proef 2026 banner — feestelijke gele banner op alle pagina's; eenmalig sluitbaar (localStorage); viert het einde van de Superfietser-proef 2026
🏆
Productie-ready release — alle bugs opgelost, alle optimalisaties doorgevoerd, contactformulier via EU-hosting (Formbricks) geïmplementeerd