Tristandemuijnck / lets-jam-webapplicatie

Ontwerp en ontwikkel een complexe, gebruiksvriendelijke en interactieve webapplicatie op basis van een bestaande api of een zelf in te richten headless CMS

https://lets-jam-webapplicatie-five.vercel.app

MIT License

2 stars 2 forks source link

Mobiele menu #42

Closed Stefan-Espant closed 8 months ago

Stefan-Espant commented 8 months ago

Wat moet er nog gebeuren om het af te maken

Is het component responsive en voldoet het aan de huisstijl?

[x] Voor responsive moet er nog wat gebeuren. Nog niet op alle apparaten getest
[x] Kan nog een breakpoint worden toegevoegd voor M-scherm
[x] Small screen doet het

Voldoet het component aan de coding standards?

[x] Gebruik gemaakt van Sveltekit
[x] HTML semantisch geschreven
[x] CSS classes gebruikt gemaakt van kebab-casing & id's van Camelcasing
[x] CSS properties op alfabetische volgorde gezet
[x] Javascript variabelen imports, definiëren, eventListeners en functies gegroepeerd
[x] Prettier css ordering
[x] Tabbing spacing op 4 spaces
[x] Consistent gebruik van semi-colons
[x] Comments bij code:
Functies: beschrijf in een regel wat de functie doet.
Components : Beschijf in de html per component wat het inhoud, kort & bondig.

Is het component toegankelijk?

[x] Focus test gedaan
[x] Nog geen handmatige tests gedaan
[x] Light house

Is het component performant?

[x] Alle afbeeldingen moeten nog worden toegevoegd en geoptimaliseerd
[x] Image sizes staan in de HTML in de template
[x] Loading="lazy" staat in de HTML
[x] Afbeeldingen hebben een vaste width & height

Stefan-Espant commented 8 months ago

User test

Scenario's

[x] Als gebruiker wil ik gemakkelijk naar het uploadformulier kunnen navigeren
[x] Als gebruiker zonder muis wil ik gemakkelijk naar het uploadformulier kunnen navigeren
[x] Als gebruiker wil ik de zoekbalk openen om een werkvorm te kunnen vinden

Stefan-Espant commented 8 months ago

Conclusies tests

Menu

[x] Upload knop is herkenbaar en vindbaar.  Knoppen zijn goed te bedienen met muis & tab-toets

Filteren & zoeken

[ ] Icon veranderen naar een vergrootglas ipv trechter

Vergrootknop

[x] Toggle tussen tekst verklein & vergroot

Kleurensysteem

[x] Fallback maken voor oklch