Componenten

Bestand-upload

Wanneer het laten uploaden van documenten door de gebruiker de enige manier is om bepaalde informatie te ontvangen, dan wordt hiervoor een bestand-upload gebruikt.

Leg in een altijd zichtbare instructie uit welke bestandstypes zijn toegestaan en wat de maximale omvang van het bestand is. Deze instructie staat los van een eventuele helptekst. Cliëntside moet altijd op bestandsgrootte gevalideerd worden en waar mogelijk ook op bestandtype. Deze controles moeten ook altijd server-side worden uitgevoerd.

Toegankelijkheid

• Het input-element van het type file is visueel verborgen.
• De altijd zichtbare instructie wordt is via een aria-describedby gekoppeld aan de knop waarmee bestanden kunnen worden geupload.
• Na het kiezen van het bestand komt het bestand in de lijst met toegevoegde bestanden. Deze lijst heeft een aria-label.
• Elke item in de lijst met bestanden heeft een knop waarmee het bestand verwijderd kan worden. De visually-hidden knoplabels zijn specifiek per bestand.
• De meta-informatie per bestand is gekoppeld aan de link met de bestandsnaam, zodat deze wordt voorgelezen wanneer de link focus krijgt.

Meerdere bestanden toevoegen

Wanneer er meerdere bestanden kunnen worden geüpload staat dit in het label, de instructie en de knop.

De toegevoegde bestanden worden getoond in een lijst. Na het uploaden van een of meerdere bestanden blijft de instructie zichtbaar.

Maximaal één bestand toevoegen

Wanneer er maar één bestand mag worden toegevoegd, dan wordt de knop om bestanden toe te voegen en de upload instructie verborgen na het uploaden.

Validatiemeldingen

Wanneer een gebruiker niet ondersteunde bestandtypes toevoegt of te grote bestanden dan worden validatiemeldingen getoond boven het upload blok.

Weergave op controlescherm

Op het controlescherm wordt een lijst getoond waarbij de losse blokjes tot één geheel zijn samengevoegd.