Formulierontwerp is al jarenlange mijn passie. Sinds 1983 toen ik, na mijn dienststijd terecht gekomen ben bij de lay-outgroep PTT Bedrijfsstijl formulieren, begon mijn passie voor formulieren en is sinds die tijd niet meer weggeweest. Lees meer over de geschiedenis van mijn passie.

Toegankelijke formulieren:
het begint met een basisontwerp.

Het maken van toegankelijke formulieren is cruciaal en voor de formulierenarchitect al jaren ‘business-as-usual‘, ik ontwerpt websites, formulieren en documentsjablonen (of het nu web- of PDF formulieren of PDF documenten zijn) met toegankelijkheid in gedachten en vol vertrouwen. Mijn benadering is eenvoudig, helder en duidelijk en zorgt ervoor dat iedereen direct toegang heeft tot informatie. Een formulier is een middel om de interactie tussen gebruiker en opdrachtgever te vergroten en is de basis voor een slimme website.

Als formulierenarchitect geloof ik dat toegankelijkheid niet alleen een vereiste is, maar ook een verantwoordelijkheid en bewustwording is van iedere eigenaar van een website.

Ik ben er trots op ervoor te zorgen dat formulieren van mijn opdrachtgevers inclusief en gastvrij zijn voor alle gebruikers. Met mijn expertise garandeer ik dat websites, formulieren en documenten van mijn opdrachtgevers voldoen aan toegankelijkheidsnormen en -voorschriften met vertrouwen en gemak.

Basisontwerp webformulieren

Begin bij een goed toegankelijk ontwerp en lees mijn instructie op mijn GitHub en lees de informatie voor een slim en toegankelijk basisontwerp.

Basisontwerp webformulieren

Kopgedeelte van het formulier

• In de kop van het formulier het logo met skiplink
• De formuliernaam, bij voorkeur de H1 tag mits het een stand alone html pagina is, anders een H2 tag als dit embedded is in een html pagina.
• een korte instructie van maximaal 5 regels.
• een sectie NAW of gebruikersgegevens, dus wie de invuller is van het formulier
• In de header staan dan ook de componenten om in te vullen van wie het formulier afkomstig is.
• een navigatie (bladwijzers), de stappen in het proces, bij voorkeur horizontaal.
• Sectie kop is altijd de H2 tag met attribuut en bladwijzers om een navigatie in het formulier te creëren. Dit is handig voor een meerstappen formulier.

Body- of formuliergedeelte

<h2>Sectiekopje</h2>
<h3>Secties binnen een formulier</h3> of label voor een formuliercomponent.
Let op: H3 binnen de h2 sectie.
In deze sectie komt het daadwerkelijke formulier met daarin de vragen.
Hieronder vallen dan tussensecties met de H4 tag waar zich meestal conditionele inhoud bevindt.

Voetgedeelte

Het voetgedeelte is expliciet voor de parafenroute, ondertekening en/of instructie voor verzending.

Nieuwe keuze voor WordPress template in 2025

In 2025 ben ik helemaal weg van de Greyd Suite met 100% toegankelijke en slimme webformulieren. Neem de proef op de som en vul het contactformulier maar eens in.

Basisontwerp PDF formulieren

1. Basisontwerp, koptekst, hoofdtekst en voettekst met navigatie
2. Objectstijlen voor formuliervelden
3. Artikelen toevoegen en labels exporteren
4. Ontwerp op basis van lagen
5. Dit is de basis voor export naar Adobe Acrobat Pro

Basisfunctionaliteiten voor zowel web- als pdf formulieren

Digitale formulieren en Pdf’s moeten toegankelijk gemaakt worden voor iedereen, inclusief mensen met een beperking. Dit zorgt ervoor dat iedereen gemakkelijk online bronnen kan gebruiken. Mensen met visuele, auditieve of cognitieve beperkingen kunnen baat hebben bij toegankelijke formulieren. Toegankelijke digitale formulieren moeten gemakkelijk te begrijpen zijn, gemakkelijk in te vullen zijn, en werken met verschillende invoermethoden en hulpmiddelen. PDF-documenten moeten ontworpen worden met toegankelijkheid in gedachten.

Functionaliteiten

1. Slimme invoer, dus alleen tonen wat relevant is voor de betreffende functie.
2. Toevoegen of wissen extra regels.
3. Minimaliseren witruimte om zo papier te besparen.
4. Opslaan, print en verzendknop en optioneel data export.
5. Alleen printen van ingevulde velden.
6. Digitale ondertekening en verzending per e-mail
7. Doorgaans in te vullen in zo min mogelijk stappen, bij voorkeur 3
8. Toelichting alleen waar het echt nodig is.

Het bouwen van een formulier is applicatie onafhankelijk en wordt standaard ontworpen volgens de formulierstandaarden, WCAG 2.2, ISO 14289-2 en PDF-UA. Daarnaast heeft ieder formulier de semantische stijl. Bekijk hier de broncode van een semantisch formulier.

PDF Formulieren zijn altijd te gebruiken met de laatste Adobe Reader DC versie.

Voorbeelden van enkele slimme en recente formulieren

Onderstaande relevante voorbeelden onderbouwen mijn jarenlange expertise in het bouwen van slimme formulieren en slimme websites vertegenwoordigen. Het zijn niet alleen deze grote cases maar ik heb – zie mijn slimme cv portfolio – ook de diverse websites voor kleine bedrijven, zoals starters en diverse interactieve pdf of html 5 webforms voor kleine en grote bedrijven.

Werk je nog met Word formulieren?

Heb je een Word document met formuliervelden. Tob dan niet verder. Stop en laat mij het werk doen in InDesign. Uit eigen ervaringen en die van anderen weet ik hoe je moet stoeien met Word om een complex formulier in Word te maken. Niet doen dus.

Mijn visie is en blijft

Een slim toegankelijk formulier behoeft geen toelichting en is platform onafhankelijk.

Bekijk hier mijn portfolioformulieren: (echte voorbeelden mag ik alleen face to face delen, in verband met vertrouwelijk karakter).