Bewijsvoering Leerdoelen - MarjoleinAardewijn/browser-technologies-1920 GitHub Wiki

Student kan de core functionaliteit van een use case doorgronden

De core functionaliteit van deze app is dat mensen een enquete kunnen invullen en ze, wanneer ze stoppen, later verder kunnen met waar ze gebleven zijn. Voor de Wireframes zie: REAMDE > Survey Minor Web Development > Wireframes.

Toegankelijkheid: De user experience is goed

Ik heb goed opgelet op het contrast. Zo gaf Chrome aan dat het contrast eerst niet helemaal goed was. Ik had namelijk blauwe buttons met witte tekst. Dus heb ik dit veranderd naar heel donker grijs met de letters in de gele kleur die ik ook bij de vragen gebruik. Op deze manier was het contrast wel goed. Om dit te testen heb ik de site Contrast Ratio gebruikt.

Verder heb ik ook nog getest of de website ook goed met het toestenbord te gebruiken is in Chrome, Firefox en Safari. En dat was het geval. Daar liep ik tegen geen problemen aan.

Readme: In de beschrijving van het project staat een probleemdefinitie, hoe het probleem is opgelost en een uitleg van de code.

Zie README

Student kan uitleggen wat Progressive enhancement is.

Dit heb ik ook in mijn README uitgelegd. Zie: README > Introduction

Student laat zien hoe Progressive Enhancement toe te passen in Web Development

Ik heb Progressive Enhancement toegepast door eerste de functional / reliable laag op te zetten (HTML), daarna de usable laag op te zetten (CSS) en als laatste de pleasurable laag (JS).

Daarnaast heb ik er ook op de support gelet, zodat het voor iedereen te gebruiken is en waar nodig fallbacks gebruikt. Dit is allemaal te lezen in mijn README.

En heb ik zoals, eerder beschreven, op het contrast gelet voor mensen die kleurenblind zijn. Ervoor gezorgd dat mijn HTML semantisch is (voor gebruik met screenreaders) en de website toetsenbord vriendelijk is.

Verder heb ik geen gebruik gemaakt van Cookies of LocalStorage, aangezien ik hier geen tijd meer voor had. Maar anders had ik dat ook graag nog willen toepassen. Dit aangezien het de website nog sneller kan maken, vooral voor mensen met een slechte internet verbinding.

En met afbeeldingen hoefde ik ook geen rekening te houden, aangezien ik die niet gebruik.

Qua JavaScript (JS) werkt de website ook zonder, aangezien ik ervoor heb gezorgd dat het de core functionaliteit het ook doet zonder JS.

En qua Custom fonts heb ik erop gelet dat ik een font uitzocht die het op alle browsers doet. Zoals hier omschreven Safe Web Font en heb ik nog als fallback font sans-serif gebruikt, zodat mocht die het toch niet doen sans-serif gebruikt wordt.

Student kan uitleggen wat Feature detection is.

Zie README

Student laat zien hoe Feature Detection kan worden toegepast in Web Development

Zie README