File Input #310
Replies: 12 comments 1 reply
-
In project Overheidsbrede portalen hebben wij in het kader van het Wmebv voorbeeldformulier een issue aangemaakt waar File Input een grote rol speelt. zie File input voor het Wmebv voorbeeldfoprmulier issue voor project Overheidsbrede portalen |
Beta Was this translation helpful? Give feedback.
-
Upload ontwerp met Voorbeeld themaWe hebben een ontwerp gemaakt op basis van de File uploader component van IBM’s Carbon design system. Deze staat in het Figma Schetsbook van NL Design System. Het betreft eerder een patroon dan een component, maar het geeft wellicht wel wat context voor de component. Dit ontwerp is bedoelt voor als men meerdere bestanden tergelijk kan uploaden. Om die reden wordt het in het ontwerp ook elke keer gesproken over 'bestanden'. Dit ontwerp heeft een rol gespeeld in het prototype rondom een klachtenformulier. Een paar punten die we sindsdien hebben geleerd: Men heeft niet altijd een beeld bij het aantal MB's en de verschillende bestandstypen zoals doc, docx, etc. Men wil graag controleren wat zij hebben geupload. Ook handig |
Beta Was this translation helpful? Give feedback.
-
AmsterdamScreenshots / VariantenStorybook Notities
Dit resulteerd in het volgende: Tekst aanpassingen per browser |
Beta Was this translation helpful? Give feedback.
-
Den HaagScreenshots / VariantenWebsite Den Haag Figma - Huidig NotitiesWebsite Den Haag
Figma - Huidig
|
Beta Was this translation helpful? Give feedback.
-
DSOStorybook Notities
|
Beta Was this translation helpful? Give feedback.
-
DUOScreenshots / VariantenDocumentatie website Notities
|
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
OpenGemeentenPatternlab, iets naar beneden scrollen Screenshots / VariantenPatternlab Diverse varianten zonder gekozen bestand Diverse varianten met gekozen bestand Notities
|
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
RVOFile input File input field Multi file upload Patroon bestanden uploaden Screenshots / VariantenStorybook NotitiesFile input
Tekst aanpassingen per browser |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
✨ Dit component is nu Help Wanted ✨Help je mee hem door de Community stappen te krijgen? |
Beta Was this translation helpful? Give feedback.
-
We willen graag meer leren over de File Input component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?
Deel hieronder een link naar Figma, Storybook, Github of screenshots. Met deze informatie kunnen we bewijzen dat de component onderdeel moet worden van de NL Design System component library.
Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit component? Dan horen we dit ook graag!
Link naar bericht in Slack
Naam
File Input
Doel
Knop om één of meerdere bestanden te kiezen en te uploaden.
Ook bekend als
File Upload
Gerelateerde componenten
Form Field
Onderzoek
input
HTML element with typefile
- MDNDocumentatie van Mozilla Developers Network over
input
HTML element with typefile
.File upload - GOV.UK
File upload component bij GOV.UK waarbij onder andere documentatie is geschreven met betrekking tot WCAG 2.2. richtlijnen en foutmeldingen. Er is ook een link naar de File upload GitHub discussion waar meer informatie, onderzoek en aanpassingen worden gedeeld.
In dit gesloten issue bij GOV.UK wordt opgemerkt dat tijdens een extern accessibility audit bleek dat men een drag & drop indicatie mist. Ze lijken hier vooralsnog niks mee te doen.
File upload - HRMC
File upload component bij HRMC waarbij een alternatief patroon ten opzichte van GOV.UK wordt beschreven waarbij men meerdere bestanden kan uploaden.
File input - USWDS
File input component bij U.S. Web Design System en de 'know issues' die zijn genoteerd.
Notities
Beta Was this translation helpful? Give feedback.
All reactions