5. Testen
Je bent een ondernemer en wilt AI gaan gebruiken, maar je weet niet waar je dan mee moet starten. Je bent na wat googlen gekomen op de website van Lifely en zou graag een afspraak met ze willen maken.
Het is duidelijk waar ik moet klikken om een afspraak te maken. Alleen bij het verspringen van de website scrolled hij te ver naar onder.
Ik heb dit gefixt door scroll-padding-top te gebruiken.
html {
scroll-padding-top: 100px;
}Je bent op de website van Lifely en zou graag willen weten wat ze nog meer op hun website hebben te staan. Je zou wat meer willen weten over artificial intelligence dus hier ga je naar opzoek.
Het is duidelijk dat je op een link kan klikken die je naar de webpagina over AI stuurt. Misschien kun je nog een hover erop zetten zodat je wat meer feedback/feedforward hebt.
Je bent op de website van Lifely en je wilt navigeren door de website en zien wat ze nog meer te bieden hebben.
Het is duidelijk waar het menu is om door de website te navigeren. Misschien kun je nog een hover erop zetten op de linkjes in het menu zodat je wat meer feedback/feedforward hebt.
Ik heb een lighthouse test gedaan daaruit kwam de score 94, de enige issue die ik kreeg was dat het kleurcontrast niet goed genoeg is. Het probleem hiermee is dat ik mij aan de huisstijl moet houden en ik kan daardoor dus niet de kleuren aanpassen.
Ik heb meerdere code/design reviews gedaan waarin ik issues heb gekregen op mijn code. Ik heb al deze issues tot mij genomen en de issues opgelost. Sommige van de issues heb ik dubbel gekregen.
Ik maakte eerst gebruik van sections terwijl ik geen headings in had. Dit is semantisch niet correct en dit heb ik opgelost door headings toe te voegen, en door bepaalde sections naar divs te veranderen.
- Meer gebruik van h2-6 tags voor hiërarchie
- h1 structuur veranderen
- De ''sections'' zijn niet volledig semantisch correct.
In mijn images heb ik altijd een alt staan, echter stond daar niet altijd een beschrijving dit heb ik nu wel.
Tijdens het schrijven van mijn code maakt ik wel eens een spelfout, nadat dit aan mij is verwezen heb ik ze opgelost.
Ik heb spaties in mijn linkjes/bestandsnamen wat problemen kan opleveren met bepaalde browsers, deze heb ik weggehaald.
Voor mijn JavaScript is er een snelere manier om mijn const te noteren. Deze manier van noteren heb ik overgenomen.