[ ] - De inlogpagina bevat velden voor e-mailadres en wachtwoord.
[ ] - Er is een knop "Inloggen" die eenvoudig te gebruiken is.
[ ] - De pagina biedt een optie "Wachtwoord vergeten" waarmee gebruikers hun wachtwoord kunnen herstellen.
[ ] - Als de ingevoerde gegevens onjuist zijn, verschijnt er een duidelijke foutmelding.
DoD:
[ ] - Werkt volledig op desktop, tablet en smartphone.
[ ] - Getest in Chrome firefox en safari.
[ ] - Alle codeconventies zijn aangehouden.
[ ] - Voldoet aan de huisstijl.
[ ] - De totale pagina laad in minder dan een 1 seconde
[ ] - Alle onderdelen op de website hebben alt-tekst zodat screenreaders deze correct kunnen voorlezen
[ ] - De gehele webapp is volledig bruikbaar met een toetsenbord. Alle interactieve elementen (knoppen, links, invoervelden) moeten focusbaar zijn en in een logische volgorde navigeren.
[ ] - Elk interactieve element heeft een duidelijke focusindicator (zoals een omlijning of schaduw) om zichtbaar te maken waar de gebruiker zich bevindt.
[ ] - Alle invoervelden hebben een zichtbaar en expliciet label (zoals "Naam" of "E-mailadres"). Placeholder-tekst wordt alleen als aanvulling gebruikt.
[ ] - Gebruik kleur niet als enige manier om informatie over te brengen (bijvoorbeeld statusindicaties).
[ ] - Alle audio- en video-inhoud heeft een mogelijkheid om het geluid te dempen, het volume aan te passen, en/of te pauzeren.
[ ] - Voor video-inhoud zijn ondertiteling en transcripties beschikbaar, zodat gebruikers met gehoorbeperkingen toegang hebben tot de informatie.
AC:
[ ] - De inlogpagina bevat velden voor e-mailadres en wachtwoord.
[ ] - Er is een knop "Inloggen" die eenvoudig te gebruiken is.
[ ] - De pagina biedt een optie "Wachtwoord vergeten" waarmee gebruikers hun wachtwoord kunnen herstellen.
[ ] - Als de ingevoerde gegevens onjuist zijn, verschijnt er een duidelijke foutmelding.
DoD: