Lighthouse test

Ik heb een aantal lighthouse testen gedaan, daar kwamen de volgende resultaten uit. Zo te zien is er dus nog ruimte voor verbetering.

Accessibility

Performance

WebPageTest

Door gebruik te maken van WebPageTest, kon ik uitgebreid een performance test doen. Hieronder zijn de resultaten te zien. Deze resultaten kan ik meenemen in het vervolg van het project voor bijvoorbeeld performance optimalisatie.

Contrast test

Inverted colors test

Zelf heb ik de website getest wanneer de setting 'inverted colors' aanstaat, dit is een setting die mensen gebruiken. Na het testen van de website zag ik dat de verhouding tussen de kleuren niet goed was op de website. Hier moet dus verandering in komen.

Before

After

criteria-vertaling-switch testen

Toegankelijkheid & Performance lighthouse

Na het implementeren van deze functie heb ik de pagina opnieuw getest om te kijken of er issues zijn bijgekomen wat betreft accessibility en performance. Dit is niet het geval, maar buiten de lighthouse testen ben ik nog wat andere testen gaan doen.

User test

Ik heb namelijk ook een user test gedaan, hieronder valt een navigatie test. Ik heb dus getest of ik alles zonder een muis kan bereiken. Ook heb ik deze functie getest op meerdere browsers, hieronder brave, firefox, safari en chrome. En als laatst heb ik de functie getest op mijn telefoon. Alle testsen hebben een positief resultaat.

Safari

Brave

Firefox

Chrome

Mobile