Formulieren toegankelijk maken (WCAG 3.3 + 4.1.2)

Formulieren zijn beruchte UX-killers — slechte vorm zorgt voor 20-50% drop-off. Bij toegankelijkheid is het vaak even kritisch als bezoekersvolume. WCAG-eisen + best practices: (1) Labels gekoppeld (WCAG 1.3.1 + 3.3.2): elk inputveld krijgt een <label for="id">. NIET placeholder als label (verdwijnt zodra typen + niet voor screenreader). (2) Vereiste velden duidelijk (3.3.2): visueel (sterretje, "(verplicht)" tekst) ÉN voor screenreader (aria-required="true"). Niet alleen kleur — kleurenblinden zien geen rood. (3) Foutmeldingen (3.3.1 + 3.3.3): inline bij veld + samenvatting aan het begin + voor screenreader (aria-describedby + role="alert"). Beschrijf hoe op te lossen, niet alleen "fout". (4) Auto-complete (1.3.5 AA): voor naam/adres/e-mail/telefoon expliciet autocomplete="given-name", "address-level2", etc — helpt browsers + screen-readers + mensen met cognitieve beperkingen. (5) Hulptekst: bij complexe velden tekst die uitlegt waarom + hoe (bv. "Voer 9 cijfers in zonder spaties"). Aan veld gekoppeld via aria-describedby. (6) Logische groepering: <fieldset> + <legend> voor gerelateerde radios + checkboxes. (7) Voorkom verlies bij fout (3.3.4 AA voor financieel): geen data wissen bij submit-fout. Voor financiële/juridische data: bevestigingsstap. Test: doorloop formulier alleen met Tab + screenreader. Krijg je heldere info bij elke stap? Zo niet = bug.