{"id":9742,"date":"2025-03-21T08:43:12","date_gmt":"2025-03-21T08:43:12","guid":{"rendered":"http:\/\/localhost:10005\/?page_id=9742"},"modified":"2025-04-14T15:56:11","modified_gmt":"2025-04-14T15:56:11","slug":"formulieren-mijn-passie","status":"publish","type":"page","link":"https:\/\/www.visioned.net\/dev\/formulieren-mijn-passie\/","title":{"rendered":"Formulieren, mijn passie"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">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 <strong><a href=\"https:\/\/www.visioned.net\/dev\/geschiedenis\/\" data-type=\"page\" data-id=\"9764\">geschiedenis <\/a><\/strong>van mijn passie.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Toegankelijke formulieren: <\/em><br><em>het begint met een basisontwerp.<\/em><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Het maken van toegankelijke formulieren is cruciaal en voor de formulierenarchitect al jaren \u2018<strong>business-as-usual<\/strong>\u2018, hij ontwerpt websites, formulieren en documentsjablonen (of het nu web- of PDF formulieren of PDF documenten zijn) met toegankelijkheid in gedachten en vol vertrouwen. Zijn benadering is eenvoudig, helder en duidelijk en zorgt ervoor dat iedereen direct toegang heeft tot informatie. Een formulier is een middel om de\u00a0<strong>interactie\u00a0<\/strong>tussen gebruiker en opdrachtgever te vergroten en is de basis voor een slimme website. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De formulierenarchitect gelooft dat toegankelijkheid niet alleen een&nbsp;<strong>vereiste&nbsp;<\/strong>is, maar ook een&nbsp;<strong>verantwoordelijkheid&nbsp;<\/strong>en&nbsp;<strong>bewustwording&nbsp;<\/strong>is van iedere eigenaar van een website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De formulierenarchitect is 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.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Basisontwerp webformulieren<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Begin bij een goed toegankelijk ontwerp en lees mijn instructie op mijn GitHub en lees de informatie voor een slim en toegankelijk <strong><a href=\"https:\/\/github.com\/macedvisioned\/formulierenarchitect\/blob\/main\/basisstructuur.md\">basisontwerp<\/a><\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Basisontwerp webformulieren<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Kopgedeelte van het formulier<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In de kop van het formulier het logo met skiplink<\/li>\n\n\n\n<li>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.<\/li>\n\n\n\n<li>een korte instructie van maximaal 5 regels.<\/li>\n\n\n\n<li>een sectie NAW of gebruikersgegevens, dus wie de invuller is van het formulier<\/li>\n\n\n\n<li>In de header staan dan ook de componenten om in te vullen van wie het formulier afkomstig is.<\/li>\n\n\n\n<li>een navigatie (bladwijzers), de stappen in het proces, bij voorkeur horizontaal.<\/li>\n\n\n\n<li>Sectie kop is altijd de H2 tag met attribuut en bladwijzers om een navigatie in het formulier te cre\u00ebren. Dit is handig voor een meerstappen formulier.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Body- of formuliergedeelte<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;h2>Sectiekopje&lt;\/h2><br>&lt;h3>Secties binnen een formulier&lt;\/h3> of label voor een formuliercomponent.<br>Let op: H3 binnen de h2 sectie.<br>In deze sectie komt het daadwerkelijke formulier met daarin de vragen.<br>Hieronder vallen dan tussensecties met de H4 tag waar zich meestal conditionele inhoud bevindt.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Voetgedeelte<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Het voetgedeelte is expliciet voor de parafenroute, ondertekening en\/of instructie voor verzending.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Nieuwe keuze voor WordPress template in 2025<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2025 <\/strong>ben ik helemaal weg van de Greyd Suite met 100% toegankelijke en slimme webformulieren. Vul het contactformulier maar eens in. Bekijk het contactformulier en het intakeformulier.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Basisontwerp PDF formulieren<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Basisontwerp, koptekst, hoofdtekst en voettekst met navigatie<\/li>\n\n\n\n<li>Objectstijlen voor formuliervelden<\/li>\n\n\n\n<li>Artikelen toevoegen en labels exporteren<\/li>\n\n\n\n<li>Ontwerp op basis van lagen<\/li>\n\n\n\n<li>Dit is de basis voor export naar Adobe Acrobat Pro<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Basisfunctionaliteiten voor zowel web- als pdf formulieren<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Slimme invoer, dus alleen tonen wat relevant is voor de betreffende functie.<\/li>\n\n\n\n<li>Toevoegen of wissen extra regels.<\/li>\n\n\n\n<li>Minimaliseren witruimte om zo papier te besparen.<\/li>\n\n\n\n<li>Opslaan, print en verzendknop en optioneel data export.<\/li>\n\n\n\n<li>Alleen printen van ingevulde velden.<\/li>\n\n\n\n<li>Digitale ondertekening en verzending per e-mail<\/li>\n\n\n\n<li>Doorgaans in te vullen in zo min mogelijk stappen, bij voorkeur 3<\/li>\n\n\n\n<li>Toelichting alleen waar het echt nodig is.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">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 <strong><a href=\"https:\/\/github.com\/macedvisioned\/formulierenarchitect\/blob\/main\/basisstructuur.md\" data-type=\"link\" data-id=\"https:\/\/github.com\/macedvisioned\/formulierenarchitect\/blob\/main\/basisstructuur.md\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">broncode <\/a><\/strong>van een semantisch formulier.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PDF Formulieren zijn altijd te gebruiken met de laatste Adobe Reader DC versie. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Voorbeelden van enkele slimme en recente formulieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">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 \u2013 zie mijn slimme cv portfolio \u2013 ook de diverse websites voor kleine bedrijven, zoals starters en diverse interactieve pdf of html 5 webforms voor kleine en grote bedrijven.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Werk je nog met Word formulieren?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Heb je een Word document met formuliervelden. Tob dan niet verder. Stop en laat mij het werk doen in InDesign. Lees ook deze post of bekijk mijn video over hoe je moet stoeien met Word om een complex formulier te maken. Niet doen dus.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mijn visie is en blijft<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>Een slim <strong>toegankelijk<\/strong> formulier behoeft geen toelichting en is platform onafhankelijk.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Bekijk <a href=\"https:\/\/www.visioned.net\/dev\/portfolio-formulieren\/\" data-type=\"page\" data-id=\"4816\">hier <\/a>mijn portfolioformulieren<\/strong>: (echte voorbeelden mag ik alleen face to face delen, in verband met vertrouwelijk karakter). <\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-primary-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-cover alignfull is-repeated is-style-no-background\" style=\"padding-top:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large)\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-transparent-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__image-background is-repeated\" style=\"background-position:50% 50%;background-image:url(https:\/\/www.visioned.net\/dev\/wp-content\/themes\/greyd-theme\/assets\/images\/repeating-background-pattern-dark-slash.svg)\"><\/div><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center has-background-color has-text-color has-link-color wp-elements-c1cdfb099067d0a21aa263c76cd624f4 is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-b56e0895 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-left\">Wil je dat jouw formulieren ook voldoen aan de standaarden?<\/h2>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">Breng jouw formulieren naar het <mark class=\"has-inline-color has-background-color has-foreground-background-color\"><strong>hoogste niveau!<\/strong><\/mark><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%;width:33%\">\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-629ca869 wp-block-buttons-is-layout-flex\">\n<div id=\"greyd-6a5fb0440a608\" class=\"wp-block-button has-custom-width wp-block-button__width-100 is-size-big is-style-alternate is-style-alternate--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.visioned.net\/dev\/contact-2\/\">Maak een afspraak om te voldoen.\u2192<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","greyd_block_editor_preview":[],"footnotes":""},"class_list":["post-9742","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.visioned.net\/dev\/wp-json\/wp\/v2\/pages\/9742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.visioned.net\/dev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.visioned.net\/dev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.visioned.net\/dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.visioned.net\/dev\/wp-json\/wp\/v2\/comments?post=9742"}],"version-history":[{"count":7,"href":"https:\/\/www.visioned.net\/dev\/wp-json\/wp\/v2\/pages\/9742\/revisions"}],"predecessor-version":[{"id":10201,"href":"https:\/\/www.visioned.net\/dev\/wp-json\/wp\/v2\/pages\/9742\/revisions\/10201"}],"wp:attachment":[{"href":"https:\/\/www.visioned.net\/dev\/wp-json\/wp\/v2\/media?parent=9742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}