5. Testen - RayanSp/vervoerregio-amsterdam GitHub Wiki
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