1'use strict'; 2(globalThis.webpackChunk_nl_design_system_website = globalThis.webpackChunk_nl_design_system_website || []).push([ 3 [25974], 4 { 5 14881(e, n, l) { 6 l.d(n, { K: () => c, n: () => a }); 7 var o = l(13526), 8 r = l(30758), 9 s = l(96345), 10 t = l(37168), 11 i = l(86070); 12 const a = (0, r.forwardRef)(({ as: e, className: n, children: l, ...r }, s) => { 13 const t = e || 'div', 14 a = (0, o.A)('ma-utrecht-accordion', 'utrecht-accordion', n); 15 return (0, i.jsx)(t, { ref: s, className: a, ...r, children: l }); 16 }), 17 c = ({ className: e, classNamePanel: n, label: l, heading: r, headingLevel: a, headingApperance: c, ...d }) => { 18 const u = (0, o.A)('utrecht-accordion__section', e), 19 p = (0, o.A)('utrecht-accordion__panel', n); 20 return (0, i.jsxs)('details', { className: u, ...d, children: [(0, i.jsx)('summary', { className: 'utrecht-accordion__header', children: (0, i.jsxs)('span', { className: 'nl-button nl-button--subtle', children: [(0, i.jsx)('span', { className: 'nl-button__icon-start', children: (0, i.jsx)(s.A, {}) }), (0, i.jsxs)('span', { className: 'nl-button__label', children: [r && (0, i.jsx)(t.D, { level: a, appearance: c, children: r }), l] })] }) }), (0, i.jsx)('div', { className: p, children: d.children })] }); 21 }; 22 }, 23 18439(e, n, l) { 24 l.d(n, { R: () => t, x: () => i }); 25 var o = l(30758); 26 const r = {}, 27 s = o.createContext(r); 28 function t(e) { 29 const n = o.useContext(s); 30 return o.useMemo( 31 function () { 32 return 'function' == typeof e ? e(n) : { ...n, ...e }; 33 }, 34 [n, e], 35 ); 36 } 37 function i(e) { 38 let n; 39 return ((n = e.disableParentContext ? ('function' == typeof e.components ? e.components(r) : e.components || r) : t(e.components)), o.createElement(s.Provider, { value: n }, e.children)); 40 } 41 }, 42 28369(e, n, l) { 43 l.d(n, { M: () => c }); 44 var o = l(46447), 45 r = l(16194), 46 s = l(30758), 47 t = l(56528); 48 const i = { 49 plain: { color: 'var(--nlds-code-block-color)', backgroundColor: 'var(--nlds-code-block-background-color)' }, 50 styles: [ 51 { types: ['maybe-class-name'], style: { color: 'var(--nlds-code-block-maybe-class-name-color, var(--nlds-code-block-class-name-color))' } }, 52 { types: ['comment'], style: { color: 'var(--nlds-code-block-comment-color)', fontStyle: 'italic' } }, 53 { types: ['prolog'], style: { color: 'var(--nlds-code-block-prolog-color)', fontStyle: 'italic' } }, 54 { types: ['cdata'], style: { color: 'var(--nlds-code-block-cdata-color)', fontStyle: 'italic' } }, 55 { types: ['punctuation'], style: { color: 'var(--nlds-code-block-punctuation-color)' } }, 56 { types: ['deleted'], style: { color: 'var(--nlds-code-block-deleted-color)', fontStyle: 'italic' } }, 57 { types: ['symbol'], style: { color: 'var(--nlds-code-block-symbol-color)' } }, 58 { types: ['property'], style: { color: 'var(--nlds-code-block-property-color)' } }, 59 { types: ['tag'], style: { color: 'var(--nlds-code-block-tag-color)' } }, 60 { types: ['operator'], style: { color: 'var(--nlds-code-block-operator-color)' } }, 61 { types: ['keyword'], style: { color: 'var(--nlds-code-block-keyword-color)' } }, 62 { types: ['boolean'], style: { color: 'var(--nlds-code-block-boolean-color)' } }, 63 { types: ['number'], style: { color: 'var(--nlds-code-block-number-color)' } }, 64 { types: ['constant'], style: { color: 'var(--nlds-code-block-constant-color)' } }, 65 { types: ['function'], style: { color: 'var(--nlds-code-block-function-color)' } }, 66 { types: ['builtin'], style: { color: 'var(--nlds-code-block-builtin-color)' } }, 67 { types: ['char'], style: { color: 'var(--nlds-code-block-char-color)' } }, 68 { types: ['selector'], style: { color: 'var(--nlds-code-block-selector-color)', fontStyle: 'italic' } }, 69 { types: ['doctype'], style: { color: 'var(--nlds-code-block-doctype-color)', fontStyle: 'italic' } }, 70 { types: ['attr-name'], style: { color: 'var(--nlds-code-block-attr-name-color)', fontStyle: 'italic' } }, 71 { types: ['inserted'], style: { color: 'var(--nlds-code-block-inserted-color)', fontStyle: 'italic' } }, 72 { types: ['string'], style: { color: 'var(--nlds-code-block-string-color)' } },
73 { types: ['url'], style: { color: 'var(--nlds-code-block-url-color)' } }, 74 { types: ['entity'], style: { color: 'var(--nlds-code-block-entity-color)' } }, 75 { types: ['class-name'], style: { color: 'var(--nlds-code-block-class-name-color)' } }, 76 { types: ['atrule'], style: { color: 'var(--nlds-code-block-atrule-color)' } }, 77 { types: ['attr-value'], style: { color: 'var(--nlds-code-block-attr-value-color)' } }, 78 { types: ['regex'], style: { color: 'var(--nlds-code-block-regex-color)' } }, 79 { types: ['important'], style: { color: 'var(--nlds-code-block-important-color)', fontWeight: 'bold' } }, 80 { types: ['variable'], style: { color: 'var(--nlds-code-block-variable-color)' } }, 81 { types: ['bold'], style: { fontWeight: 'bold' } }, 82 { types: ['italic'], style: { fontStyle: 'italic' } }, 83 ], 84 }; 85 var a = l(86070); 86 function c({ lineNumber: e, syntax: n, textContent: l, trim: c }) { 87 let d = l; 88 const { title: u, type: p } = (0, s.useContext)(t.x), 89 m = (0, s.useId)(); 90 return (c && (d = d.trim()), (0, a.jsx)(r.f4, { theme: i, code: d, language: n || '', children: ({ style: n, tokens: l, getLineProps: r, getTokenProps: s }) => (0, a.jsxs)(a.Fragment, { children: [(0, a.jsxs)('span', { hidden: !0, id: m, children: ['codevoorbeeld ', p ? `\u201c${p}\u201d` : '', ' ', u ? ': ' : ' ', u] }), (0, a.jsx)(o.NG, { tabIndex: 0, role: u ? 'region' : void 0, 'aria-labelledby': m, style: n, children: l.map((n, l) => (0, a.jsxs)('span', { ...r({ line: n }), children: [e && (0, a.jsx)('span', { children: l + 1 }), n.map((e, n) => (0, a.jsx)('span', { ...s({ token: e }) }, n)), '\n'] }, l)) })] }) })); 91 } 92 }, 93 38953(e, n, l) { 94 l.d(n, { H: () => b }); 95 var o = l(28369), 96 r = l(46447), 97 s = l(13526), 98 t = l(68148), 99 i = l(9016), 100 a = l(69303), 101 c = l(91635), 102 d = l(30734), 103 u = l(30758), 104 p = l(31186), 105 m = l(65904), 106 h = l.n(m), 107 g = l(14881), 108 j = l(46847), 109 v = l(86070); 110 const x = ({ children: e }) => (0, v.jsx)(r.ui, { className: 'nlds-canvas__example-surface', children: (0, v.jsx)(r.yo, { className: (0, s.A)('utrecht-document--surface', 'nlds-canvas__example-document'), children: (0, v.jsx)(r.fz, { className: 'nlds-canvas__example-paragraph', children: e }) }) }); 111 x.displayName = 'ParagraphContainer'; 112 const y = ({ children: e }) => (0, v.jsx)(r.ui, { className: 'nlds-canvas__example-surface', children: (0, v.jsx)(r.yo, { className: (0, s.A)('utrecht-document--surface', 'nlds-canvas__example-document'), children: e }) }); 113 y.displayName = 'DocumentContainer'; 114 const f = ({ children: e }) => (0, v.jsx)(r.ui, { className: 'nlds-canvas__example-surface', children: e }); 115 f.displayName = 'SurfaceContainer'; 116 const b = globalThis.isAstro 117 ? ({ language: e, className: n, code: l = '<p>No code provided</p>', rawCode: o, copyCode: r, defaultExpandedCode: t, designTokens: i }) => { 118 const a = 'string' == typeof l ? l : o || '', 119 c = 'string' == typeof l ? h().highlight(l, h().languages[e], e) : h().highlight(o || '', h().languages[e], e); 120 return (0, v.jsxs)('div', { className: (0, s.A)('ma-canvas-astro', n), children: [(0, v.jsx)('div', { className: 'voorbeeld-theme utrecht-root', style: i, children: (0, v.jsx)('div', { className: 'ma-canvas-astro__example utrecht-html ma-flow', dangerouslySetInnerHTML: { __html: a } }) }), (0, v.jsx)(g.n, { children: (0, v.jsxs)(g.K, { label: 'Code', open: t, children: [(0, v.jsx)('pre', { className: 'language-html nl-code-block', tabIndex: 0, children: (0, v.jsx)('code', { className: 'language-html nl-code-block__code', dangerouslySetInnerHTML: { __html: c } }) }), 'allow' === r && (0, v.jsx)(j.$, { 'data-copy-code': a, purpose: 'secondary', children: 'Kopieer code' })] }) })] }); 121 } 122 : ({ code: e, copy: n = !0, defaultExpandedCode: l = !1, displayCode: m = !0, children: h, container: g = 'document', language: j, designTokens: b }) => { 123 const k = 'function' == typeof h ? h() : h, 124 _ = 'function' == typeof e ? e() : (0, u.isValidElement)(e) ? e : void 0, 125 N = 'string' == typeof e ? e : p.qV(_ || k), 126 [w, A] = (0, u.useState)(N), 127 [z, C] = (0, u.useState)(l); 128 (0, u.useEffect)(() => { 129 (async () => { 130 const e = await d.Ay.format(N, { parser: j, plugins: [t.A, i.Ay, a.Ay, c.Ay], semi: !1, singleAttributePerLine: !0, embeddedLanguageFormatting: 'off', htmlWhitespaceSensitivity: 'ignore' }); 131 A(e); 132 })(); 133 }, [N]); 134 const S = (0, u.useId)(); 135 let D = u.Fragment; 136 return ( 137 'paragraph' === g ? (D = x) : 'document' === g ? (D = y) : 'surface' === g && (D = f), 138 (0, v.jsxs)('div', { 139 className: (0, s.A)('nlds-canvas'),
140 children: [ 141 k && (0, v.jsx)('div', { className: (0, s.A)('nlds-canvas__example'), children: (0, v.jsx)('div', { className: 'voorbeeld-theme', style: b, children: (0, v.jsx)(D, { children: (0, v.jsx)(r.v$, { children: k }) }) }) }), 142 m && 143 (0, v.jsx)('div', { 144 className: (0, s.A)('nlds-canvas__toolbar'), 145 children: (0, v.jsx)(r.$n, { 146 className: (0, s.A)('nlds-canvas__button', 'nlds-canvas__toggle-code-button'), 147 appearance: 'subtle-button', 148 onClick: () => { 149 C(!z); 150 }, 151 'aria-expanded': z, 152 'aria-controls': S, 153 children: z ? 'Verberg code' : 'Bekijk code', 154 }), 155 }), 156 m && 157 (0, v.jsxs)('div', { 158 className: (0, s.A)('nlds-canvas__code-block', !n && 'nlds-canvas__code-block--user-select-none'), 159 id: S, 160 hidden: !z, 161 children: [ 162 (0, v.jsx)(o.M, { codeBlockLabel: 'Codevoorbeeld', syntax: j, textContent: w, trim: !0 }), 163 n && 164 (0, v.jsx)('div', { 165 className: (0, s.A)('nlds-canvas__toolbar', 'nlds-canvas__toolbar--copy'), 166 children: (0, v.jsx)(r.$n, { 167 className: (0, s.A)('nlds-canvas__button', 'nlds-canvas__copy-button'), 168 appearance: 'subtle-button', 169 onClick: () => { 170 navigator.clipboard.writeText(w).catch((e) => console.error('Copy code failed', e)); 171 }, 172 children: 'Kopieer', 173 }), 174 }), 175 ], 176 }), 177 ], 178 }) 179 ); 180 }; 181 }, 182 46847(e, n, l) { 183 l.d(n, { $: () => o.$n }); 184 var o = l(50805); 185 }, 186 56528(e, n, l) { 187 l.d(n, { $: () => u, x: () => d }); 188 var o = l(4077), 189 r = l(58315), 190 s = l(46447), 191 t = l(13526), 192 i = l(94988), 193 a = l(30758), 194 c = l(86070); 195 const d = (0, a.createContext)({}), 196 u = ({ title: e, appearance: n, description: l, children: a, figure: u }) => { 197 const p = { do: 'Doen', dont: 'Niet doen' }, 198 m = u ? 'figure' : 'div', 199 h = u ? 'figcaption' : 'div', 200 g = 'string' == typeof l ? (0, c.jsx)(i.oz, { components: { a: s.N_ }, children: l }) : l; 201 return (0, c.jsxs)(m, { className: (0, t.A)('nlds-guideline', `nlds-guideline--${n}`), id: 'string' == typeof e ? e?.toLowerCase().replace(/\s/g, '-') : void 0, children: [(0, c.jsxs)(h, { className: 'nlds-guideline__description', children: ['dont' === n ? (0, c.jsxs)(c.Fragment, { children: [(0, c.jsxs)(s.fz, { className: (0, t.A)('nlds-guideline__badge', `nlds-guideline__badge--${n}`), children: [(0, c.jsx)(r.A, { 'aria-hidden': 'true', role: 'presentation', className: 'nlds-guideline__icon' }), (0, c.jsx)('span', { className: 'nlds-guideline__title', children: p.dont })] }), (0, c.jsx)(s.fz, { children: e })] }) : (0, c.jsxs)(c.Fragment, { children: [(0, c.jsxs)(s.fz, { className: (0, t.A)('nlds-guideline__badge', `nlds-guideline__badge--${n}`), children: [(0, c.jsx)(o.A, { 'aria-hidden': 'true', role: 'presentation', className: 'nlds-guideline__icon' }), (0, c.jsx)('span', { className: 'nlds-guideline__title', children: p.do })] }), (0, c.jsx)(s.fz, { children: e })] }), g] }), (0, c.jsx)('div', { className: 'nlds-guideline__example', children: (0, c.jsx)(d.Provider, { value: { title: e, type: p[n] }, children: a }) })] }); 202 }; 203 }, 204 56672(e, n, l) { 205 l.d(n, { Ay: () => i, RM: () => s }); 206 var o = l(86070), 207 r = l(18439); 208 const s = [{ value: 'Over deze richtlijnen', id: 'over-deze-richtlijnen', level: 2 }]; 209 function t(e) { 210 const n = { a: 'a', em: 'em', h2: 'h2', p: 'p', ...(0, r.R)(), ...e.components }; 211 return (0, o.jsxs)(o.Fragment, { children: [(0, o.jsx)(n.h2, { id: 'over-deze-richtlijnen', children: 'Over deze richtlijnen' }), '\n', (0, o.jsxs)(n.p, { children: ['Deze richtlijnen worden onderhouden door NL Design System en zijn op dit moment in ', (0, o.jsx)(n.em, { children: 'beta' }), '.'] }), '\n', (0, o.jsxs)(n.p, { children: ['We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen?\n', (0, o.jsx)(n.a, { href: 'https://github.com/nl-design-system/documentatie/issues', children: 'Open een issue op GitHub' }), ' en deel je mening.'] })] }); 212 } 213 function i(e = {}) { 214 const { wrapper: n } = { ...(0, r.R)(), ...e.components }; 215 return n ? (0, o.jsx)(n, { ...e, children: (0, o.jsx)(t, { ...e }) }) : t(e); 216 } 217 }, 218 77205(e, n, l) { 219 (l.r(n), l.d(n, { assets: () => v, contentTitle: () => j, default: () => f, frontMatter: () => g, metadata: () => o, toc: () => x })); 220 const o = JSON.parse('{"id":"richtlijnen/formulieren/error/clarity/index","title":"Schrijf een duidelijke foutmelding","description":"Richtlijnen voor duidelijke foutmeldingen in een formulier.","source":"@site/docs/richtlijnen/formulieren/error/3-clarity/index.mdx","sourceDirName":"richtlijnen/formulieren/error/3-clarity","slug":"/richtlijnen/formulieren/foutmeldingen/duidelijk","permalink":"/richtlijnen/formulieren/foutmeldingen/duidelijk","draft":false,"unlisted":false,"editUrl":"https://github.com/nl-design-system/documentatie/tree/main/docs/richtlijnen/formulieren/error/3-clarity/index.mdx","tags":[],"version":"current","frontMatter":{"title":"Schrijf een duidelijke foutmelding","t
220itle_sm":"Duidelijke foutmeldingen","hide_title":true,"hide_table_of_contents":true,"sidebar_label":"Duidelijke foutmeldingen","pagination_label":"Duidelijke foutmeldingen","description":"Richtlijnen voor duidelijke foutmeldingen in een formulier.","slug":"/richtlijnen/formulieren/foutmeldingen/duidelijk","keywords":["labels","formulier","design","code"]},"sidebar":"richtlijnen","previous":{"title":"Fouten beschrijven","permalink":"/richtlijnen/formulieren/foutmeldingen/beschrijven"},"next":{"title":"Plaatsing foutmelding","permalink":"/richtlijnen/formulieren/foutmeldingen/plaatsing"}}'); 221 var r = l(86070), 222 s = l(18439), 223 t = l(56672), 224 i = l(38953), 225 a = l(56528); 226 function c(e) { 227 const n = { h2: 'h2', ...(0, s.R)(), ...e.components }; 228 return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)(n.h2, { id: 'voorbeelden', children: 'Voorbeelden' }), '\n', (0, r.jsx)(a.$, { appearance: 'do', title: 'Leg uit waarom een datum wordt afgekeurd.', children: (0, r.jsx)(i.H, { language: 'html', children: () => (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)('p', { children: (0, r.jsx)('label', { htmlFor: 'passport-validity', children: 'Geldig tot' }) }), (0, r.jsx)('p', { id: 'description-passport-validity', children: 'Invoerfout: De geldigheidsdatum van uw paspoort moet in de toekomst liggen.' }), (0, r.jsx)('p', { children: (0, r.jsx)('input', { id: 'passport-validity', type: 'text', name: 'passport-validity', 'aria-describedby': 'description-passport-validity' }) })] }) }) }), '\n', (0, r.jsx)(a.$, { appearance: 'do', title: 'Geef een voorbeeld van wat er verwacht wordt.', children: (0, r.jsx)(i.H, { language: 'html', children: () => (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)('p', { children: (0, r.jsx)('label', { htmlFor: 'email', children: 'E-mail' }) }), (0, r.jsx)('p', { id: 'description-email', children: 'Invoerfout: Vul een geldig e-mailadres in, bijvoorbeeld [email protected].' }), (0, r.jsx)('p', { children: (0, r.jsx)('input', { id: 'email', type: 'email', name: 'email', 'aria-describedby': 'description-email' }) })] }) }) }), '\n', (0, r.jsx)(a.$, { appearance: 'dont', title: 'Alleen beschrijven dat het veld verplicht is, zonder toelichting dat er informatie mist of aan welke voorwaarde niet is voldaan.', children: (0, r.jsx)(i.H, { language: 'html', children: () => (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)('p', { children: (0, r.jsx)('label', { htmlFor: 'passport-validity-2', children: 'Geldig tot' }) }), (0, r.jsx)('p', { id: 'description-passport-validity-2', children: 'Invoerfout: Dit veld is verplicht.' }), (0, r.jsx)('p', { children: (0, r.jsx)('input', { id: 'passport-validity-2', 'aria-invalid': 'false', type: 'text', name: 'passport-validity-2', 'aria-describedby': 'description-passport-validity-2' }) })] }) }) })] }); 229 } 230 function d(e = {}) { 231 const { wrapper: n } = { ...(0, s.R)(), ...e.components }; 232 return n ? (0, r.jsx)(n, { ...e, children: (0, r.jsx)(c, { ...e }) }) : c(e); 233 } 234 function u(e) { 235 const n = { a: 'a', h1: 'h1', header: 'header', li: 'li', p: 'p', ul: 'ul', ...(0, s.R)(), ...e.components }; 236 return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)(n.header, { children: (0, r.jsx)(n.h1, { id: 'schrijf-een-duidelijke-foutmelding', children: 'Schrijf een duidelijke foutmelding' }) }), '\n', (0, r.jsx)(n.p, { children: '"Dit veld is verplicht" geeft onvoldoende informatie. Een op maat geschreven foutmelding geeft de gebruiker veel meer houvast.' }), '\n', (0, r.jsx)(n.p, { children: 'Geef de gebruiker ook nooit de schuld. De meeste mensen worstelen met alle informatie en functionaliteit op het web. Help gebruikers zo goed mogelijk om het formulier te versturen.' }), '\n', (0, r.jsx)(n.p, { children: 'Maak foutmeldingen daarom zo veel mogelijk beschrijvend en op maat. Schrijf in plaats van "Ongeldige invoer" of "Dit veld is verplicht" bijvoorbeeld:' }), '\n', (0, r.jsxs)(n.ul, { children: ['\n', (0, r.jsxs)(n.li, { children: ['Vul een geldig e-mailadres in, bijvoorbeeld ', (0, r.jsx)(n.a, { href: 'mailto:[email protected]', children: '[email protected]' }), '.'] }), '\n', (0, r.jsx)(n.li, { children: 'De geldigheidsdatum van uw paspoort moet in de toekomst zijn.' }), '\n', (0, r.jsx)(n.li, { children: 'Vul het huisnummer in zodat wij je bestelling kunnen opsturen.' }), '\n'] }), '\n', (0, r.jsxs)(n.p, { children: ['Gebruik een punt aan het eind van de foutmelding (of andere melding). Dan stopt de ', (0, r.jsx)(n.a, { href: '/woordenlijst/#screenreader', children: 'screenreader' }), ' even en is het duidelijker dat de foutmelding apart een zin is.'] }), '\n', (0, r.jsxs)(n.p, { children: ['Het design system van GOV.UK geeft duidelijke (Engelstalige) informatie over de tekst van foutmeldingen ', (0, r.jsx)(n.a, { href: 'https://design-system.service.gov.uk/components/error-message/#be-clear-and-concise', children: (0, r.jsx)('span', { lang: 'en', children: 'Be clear and concise' }) }), '. In de video ', (0, r.jsx)(n.a, { href: 'https://www.nngroup.com/videos/usability-heuristic-recognize-errors/', children: (0, r.jsx)('span', { lang: 'en', children: 'Help Users Recognize, Diagnose, and Recover from Errors' }) }), ' geeft de Nielsen Norman Group tips voor goede hulp aan gebruikers voor het verhelpen van fouten.'] })] }); 237 } 238 function p(e = {}) { 239 const { wrapper: n } = { ...(0, s.R)(), ...e.components }; 240 return n ? (0, r.jsx)(n, { ...e, children: (0, r.jsx)(u, { ...e }) }) : u(e); 241 } 242 function m(e) { 243 const n = { a: 'a', h2: 'h2', li: 'li', p: 'p', ul: 'ul', ...(0, s.R)(), ...e.components }; 244 return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)(n.h2, { id: 'meer-lezen-over-gerelateerde-wcag-succescriteria-op-nl-design-system', children: 'Meer lezen over gerelateerde WCAG-succescriteria op NL Design System' }), '\n', (0, r.jsx)(n.p, { children: "Op de WCAG succescriteria pagina's op deze website lees je meer over veelgemaakte fouten en hoe je kunt testen of jouw website aan de succescriteria voldoet." }), '\n', (0, r.jsxs)(n.ul, { children: ['\n', (0, r.jsx)(n.li, { children: (0, r.jsx)(n.a, { href: '/wcag/3.3.1/', children: 'Succescriterium 3.3.1 Foutidentificatie' }) }), '\n', (0, r.jsx)(n.li, { children: (0, r.jsx)(n.a, { href: '/wcag/3.3.3/', children: 'Succescriterium 3.3.3 Foutsuggestie' }) }), '\n'] })] }); 245 } 246 function h(e = {}) { 247 const { wrapper: n } = { ...(0, s.R)(), ...e.components }; 248 return n ? (0, r.jsx)(n, { ...e, children: (0, r.jsx)(m, { ...e }) }) : m(e); 249 }
250 const g = { title: 'Schrijf een duidelijke foutmelding', title_sm: 'Duidelijke foutmeldingen', hide_title: !0, hide_table_of_contents: !0, sidebar_label: 'Duidelijke foutmeldingen', pagination_label: 'Duidelijke foutmeldingen', description: 'Richtlijnen voor duidelijke foutmeldingen in een formulier.', slug: '/richtlijnen/formulieren/foutmeldingen/duidelijk', keywords: ['labels', 'formulier', 'design', 'code'] }, 251 j = void 0, 252 v = {}, 253 x = [{ value: 'Voorbeelden', id: 'voorbeelden', level: 2 }, { value: 'Meer lezen over gerelateerde WCAG-succescriteria op NL Design System', id: 'meer-lezen-over-gerelateerde-wcag-succescriteria-op-nl-design-system', level: 2 }, ...t.RM]; 254 function y(e) { 255 return (0, r.jsxs)(r.Fragment, { children: ['\n', '\n', (0, r.jsx)(p, {}), '\n', (0, r.jsx)(d, {}), '\n', (0, r.jsx)(h, {}), '\n', (0, r.jsx)(t.Ay, {})] }); 256 } 257 function f(e = {}) { 258 const { wrapper: n } = { ...(0, s.R)(), ...e.components }; 259 return n ? (0, r.jsx)(n, { ...e, children: (0, r.jsx)(y, { ...e }) }) : y(); 260 } 261 }, 262 }, 263]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.