1'use strict'; 2(globalThis.webpackChunk_nl_design_system_website = globalThis.webpackChunk_nl_design_system_website || []).push([ 3 [16267], 4 { 5 18439(e, n, i) { 6 i.d(n, { R: () => s, x: () => a }); 7 var r = i(30758); 8 const t = {}, 9 o = r.createContext(t); 10 function s(e) { 11 const n = r.useContext(o); 12 return r.useMemo( 13 function () { 14 return 'function' == typeof e ? e(n) : { ...n, ...e }; 15 }, 16 [n, e], 17 ); 18 } 19 function a(e) { 20 let n; 21 return ((n = e.disableParentContext ? ('function' == typeof e.components ? e.components(t) : e.components || t) : s(e.components)), r.createElement(o.Provider, { value: n }, e.children)); 22 } 23 }, 24 24703(e, n, i) { 25 i.d(n, { o: () => c }); 26 var r = i(18439), 27 t = i(46447), 28 o = i(86070); 29 const s = (e, n) => { 30 const i = new URL(n, new URL(e, 'resolve://pathname/')); 31 if ('resolve:' === i.protocol) { 32 const { pathname: i, search: r, hash: t } = new URL(n, new URL(e, 'http://example.com/')); 33 return i + r + t; 34 } 35 return i.toString(); 36 }, 37 a = { 1: {}, 2: { h1: t.fV, h2: t._B, h3: t.f_, h4: t.mM, h5: t.TT }, 3: { h1: t._B, h2: t.f_, h3: t.mM, h4: t.TT, h5: t.TT }, 4: { h1: t.f_, h2: t.mM, h3: t.TT, h4: t.TT, h5: t.TT }, 5: { h1: t.mM, h2: t.TT, h3: t.TT, h4: t.TT, h5: t.TT }, 6: { h1: t.TT, h2: t.TT, h3: t.TT, h4: t.TT, h5: t.TT } }, 38 d = (e) => ({ img: ({ src: n, ...i }) => (0, o.jsx)('img', { ...i, src: s(e, n), className: 'utrecht-img utrecht-img--fit' }) }), 39 l = (e, n) => { 40 if (e) { 41 const e = { ...a[n - 1] }; 42 return ((e.h1 = () => null), e); 43 } 44 return a[n]; 45 }, 46 c = ({ children: e, omitH1: n = !1, headingLevel: i = 1, baseUrl: t = '', components: s = {} }) => (0, o.jsx)(r.x, { components: { ...l(n, i), ...d(t), ...s }, children: e }); 47 }, 48 25431(e, n, i) { 49 i.d(n, { Ay: () => a, RM: () => o }); 50 var r = i(86070), 51 t = i(18439); 52 const o = []; 53 function s(e) { 54 const n = { a: 'a', p: 'p', ...(0, t.R)(), ...e.components }; 55 return (0, r.jsxs)(n.p, { children: ['Heb je gebruikersonderzoek gedaan dat betrekking heeft op dit succescriterium en wil je dit delen? Kijk eens bij ', (0, r.jsx)(n.a, { href: 'https://gebruikersonderzoeken.nl/docs/onderzoek-delen/', children: 'Gebruikersonderzoeken delen' }), ' op gebruikersonderzoeken.nl.'] }); 56 } 57 function a(e = {}) { 58 const { wrapper: n } = { ...(0, t.R)(), ...e.components }; 59 return n ? (0, r.jsx)(n, { ...e, children: (0, r.jsx)(s, { ...e }) }) : s(e); 60 } 61 }, 62 39512(e, n, i) { 63 i.d(n, { Ay: () => a, RM: () => o }); 64 var r = i(86070), 65 t = i(18439); 66 const o = [{ value: 'Belangrijk: De richtlijnen van NL Design System zijn geen wettelijke verplichting', id: 'belangrijk-de-richtlijnen-van-nl-design-system-zijn-geen-wettelijke-verplichting', level: 2 }]; 67 function s(e) { 68 const n = { a: 'a', h2: 'h2', p: 'p', ...(0, t.R)(), ...e.components }; 69 return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)(n.h2, { id: 'belangrijk-de-richtlijnen-van-nl-design-system-zijn-geen-wettelijke-verplichting', children: 'Belangrijk: De richtlijnen van NL Design System zijn geen wettelijke verplichting' }), '\n', (0, r.jsxs)(n.p, { children: ['De richtlijnen van NL Design System zijn niet wettelijk verplicht en zijn geen vervanging voor de ', (0, r.jsx)(n.a, { href: 'https://www.w3.org/TR/WCAG21/', children: 'wettelijk geldende WCAG 2.1 specificatie' }), '.'] }), '\n', (0, r.jsxs)(n.p, { children: ['Ons doel is om praktische uitleg en voorbeelden te geven die helpen bij het toegankelijk inzetten van de NL Design System componenten, patronen en richtlijnen. We doen dat op basis van een interpretatie van de ', (0, r.jsx)(n.a, { href: 'https://www.w3.org/TR/WCAG22/', children: 'nieuwe WCAG 2.2 specificatie' }), '.'] }), '\n', (0, r.jsxs)(n.p, { children: ['Weten waar je volgens de wet aan moet voldoen? Ga dan naar ', (0, r.jsx)(n.a, { href: 'https://www.digitoegankelijk.nl/wetgeving/wat-is-verplicht', children: 'wat is verplicht van DigiToegankelijk' }), '.'] })] }); 70 } 71 function a(e = {}) { 72 const { wrapper: n } = { ...(0, t.R)(), ...e.components }; 73 return n ? (0, r.jsx)(n, { ...e, children: (0, r.jsx)(s, { ...e }) }) : s(e); 74 } 75 }, 76 46276(e, n, i) { 77 i.d(n, { p: () => o }); 78 var r = i(13526), 79 t = i(86070); 80 const o = ({ children: e, className: n, level: i = 1, suffix: o, ...s }) => (0, t.jsxs)('hgroup', { className: (0, r.A)('nlds-inline-heading-group', `utrecht-heading-${i}`, n), ...s, children: [(0, t.jsx)('h1', { className: 'nlds-inline-heading-group__heading', children: e }), o && (0, t.jsxs)('p', { className: 'nlds-inline-heading-group__suffix', children: [o ? ' ' : '', o] })] }); 81 }, 82 61473(e, n, i) { 83 i.d(n, { E: () => s }); 84 var r = i(46447), 85 t = i(46276), 86 o = i(86070); 87 const s = ({ children: e, conformanceLevel: n, ...i }) => (globalThis.isAstro ? null : (0, o.jsx)(t.p, { className: 'nlds-inline-heading-group--wcag-heading-group', suffix: n && (0, o.jsx)(r.KE, { className: 'nlds-inline-heading-group__badge', children: n }), ...i, children: e })); 88 }, 89 63598(e, n, i) { 90 (i.r(n), i.d(n, { assets: () => j, contentTitle: () => m, default: () => x, frontMatter: () => g, metadata: () => r, toc: () => f })); 91 const r = JSON.parse('{"id":"wcag/1.2.03","title":"WCAG-succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)","description":"Opgenomen audio en video heeft een transcript of audiodescriptie.","source":"@site/docs/wcag/1.2.03.mdx","sourceDirName":"wcag","slug":"/wcag/1.2.3","permalink":"/wcag/1.2.3","draft":false,"unlisted":false,"editUrl":"https://github.com/nl-design-system/documentatie/tree/main/docs/wcag/1.2.03.mdx","tags":[],"version":"current","frontMatter":{"title":"WCAG-succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)","title_sm":"1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)","hide_title":true,"hide_table_of_contents":false,"sidebar_label":"1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)","pagination_label":"WCAG-succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)","description":"Opgenomen audio en video heeft een transcript of audiodescriptie.","slug":"1.2.3","conformance_level":"Niveau A","keywords":["WCAG","A","waarneembaar","op tijd gebaseerde media","perceivable","t
91ime-based media","audio description or media alternative (prerecorded)","audiodescriptie","media-alternatief","vooraf opgenomen","audio description","media alternative","prerecorded"]},"sidebar":"richtlijnen","previous":{"title":"WCAG-succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)","permalink":"/wcag/1.2.2"},"next":{"title":"WCAG-succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)","permalink":"/wcag/1.2.4"}}'); 92 var t = i(86070), 93 o = i(18439), 94 s = i(24703), 95 a = i(61473), 96 d = i(66119), 97 l = i(25431), 98 c = i(39512), 99 h = i(66117); 100 function p(e) { 101 const n = { a: 'a', p: 'p', ...(0, o.R)(), ...e.components }; 102 return (0, t.jsxs)(t.Fragment, { children: [(0, t.jsxs)(n.p, { children: ['Opgenomen audio en video heeft een ', (0, t.jsx)(n.a, { href: '/woordenlijst/#transcript', children: 'transcript' }), ' of ', (0, t.jsx)(n.a, { href: '/woordenlijst/#audiodescriptie', children: 'audiodescriptie' }), '.'] }), '\n', (0, t.jsx)(n.p, { children: 'Deel alle zichtbare informatie in een audiotrack of alle hoorbare informatie in een uitgeschreven tekst.' }), '\n', (0, t.jsx)(n.p, { children: 'Denk bij een de audiotrack aan de mensen die in beeld zijn, hun uiterlijke kenmerken en belangrijke gebeurtenissen zoals bewegingen. Maar denk ook aan teksten in beeld zoals namen, slogans en links.\nEr is een alternatief door deze informatie niet alleen via beeld te communiceren. Sommige mensen kunnen visuele inhoud niet zien of begrijpen.' }), '\n', (0, t.jsx)(n.p, { children: 'Denk bij een tekst aan gesproken dialoog. Maar denk ook aan omgevingsgeluiden en benoem wie er aan het woord is. Sommige mensen kunnen auditieve inhoud niet zien of begrijpen.\nIdealiter is ook alle zichtbare informatie in de tekst verwerkt. Zo is het een alternatief voor de hele video, en niet alleen het geluid.' })] }); 103 } 104 function u(e = {}) { 105 const { wrapper: n } = { ...(0, o.R)(), ...e.components }; 106 return n ? (0, t.jsx)(n, { ...e, children: (0, t.jsx)(p, { ...e }) }) : p(e); 107 } 108 const g = { title: 'WCAG-succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)', title_sm: '1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)', hide_title: !0, hide_table_of_contents: !1, sidebar_label: '1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)', pagination_label: 'WCAG-succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)', description: 'Opgenomen audio en video heeft een transcript of audiodescriptie.', slug: '1.2.3', conformance_level: 'Niveau A', keywords: ['WCAG', 'A', 'waarneembaar', 'op tijd gebaseerde media', 'perceivable', 'time-based media', 'audio description or media alternative (prerecorded)', 'audiodescriptie', 'media-alternatief', 'vooraf opgenomen', 'audio description', 'media alternative', 'prerecorded'] }, 109 m = void 0, 110 j = {}, 111 f = [{ value: 'Uitleg', id: 'uitleg', level: 2 }, { value: 'Hoe te testen', id: 'hoe-te-testen', level: 2 }, { value: 'Gerelateerde NL Design System-richtlijnen', id: 'gerelateerde-nl-design-system-richtlijnen', level: 2 }, { value: 'Gebruikersonderzoek', id: 'gebruikersonderzoek', level: 2 }, ...l.RM, { value: 'W3C referenties', id: 'w3c-referenties', level: 2 }, ...c.RM, { value: 'Help richtlijn verbeteren', id: 'help-richtlijn-verbeteren', level: 2 }, ...h.RM]; 112 function v(e) { 113 const n = { a: 'a', h2: 'h2', li: 'li', p: 'p', ul: 'ul', ...(0, o.R)(), ...e.components }; 114 return (0, t.jsxs)(t.Fragment, { children: ['\n', '\n', (0, t.jsx)(a.E, { level: 1, conformanceLevel: 'Niveau A', children: 'WCAG-succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)' }), '\n', (0, t.jsx)(n.h2, { id: 'uitleg', children: 'Uitleg' }), '\n', (0, t.jsx)(u, {}), '\n', (0, t.jsxs)(n.p, { children: ['Een uitgebreide uitleg van transcripts vind je in de richtlijn ', (0, t.jsx)(n.a, { href: '/richtlijnen/content/video/transcript/', children: 'Transcript bij video' }), '. Een uitgebreide uitleg van audiodescriptie vind je in de richtlijn ', (0, t.jsx)(n.a, { href: '/richtlijnen/content/video/audiodescriptie/', children: 'Audiodescriptie bij video' }), '.'] }), '\n', (0, t.jsx)(n.h2, { id: 'hoe-te-testen', children: 'Hoe te testen' }), '\n', (0, t.jsxs)(n.ul, { children: ['\n', (0, t.jsx)(n.li, { children: 'Kijk of het geluid of beeld bij een video een gelijkwaardig alternatief heeft. Hierbij beoordelen we de originele audio, een eventuele losse audiotrack en een eventuele uitgeschreven tekst.' }), '\n'] }), '\n', (0, t.jsx)(n.h2, { id: 'gerelateerde-nl-design-system-richtlijnen', children: 'Gerelateerde NL Design System-richtlijnen' }), '\n', (0, t.jsxs)(n.ul, { children: ['\n', (0, t.jsxs)(n.li, { children: ['Content: ', (0, t.jsx)(n.a, { href: '/richtlijnen/content/video/audiodescriptie/', children: 'Audiodescriptie bij video' }), '.'] }), '\n', (0, t.jsxs)(n.li, { children: ['Content: ', (0, t.jsx)(n.a, { href: '/richtlijnen/content/video/transcript/', children: 'Transcript bij video' }), '.'] }), '\n'] }), '\n', (0, t.jsx)(n.h2, { id: 'gebruikersonderzoek', children: 'Gebruikersonderzoek' }), '\n', (0, t.jsx)(l.Ay, {}), '\n', (0, t.jsx)(n.h2, { id: 'w3c-referenties', children: 'W3C referenties' }), '\n', (0, t.jsxs)(n.ul, { children: ['\n', (0, t.jsxs)(n.li, { children: ['Engelse tekst van het WCAG-succescriterium: ', (0, t.jsx)(n.a, { href: 'https://www.w3.org/TR/WCAG22/#audio-description-or-media-alternative-prerecorded', children: (0, t.jsx)('span', { lang: 'en', children: '1.2.3 Audio Description or Media Alternative (Prerecorded)' }) }), '.'] }), '\n', (0, t.jsxs)(n.li, { children: ['Nederlandse vertaling van het WCAG-succescriterium: ', (0, t.jsx)(n.a, { href: 'https://www.w3.org/Translations/WCAG22-nl/#audio-description-or-media-alternative-prerecorded', children: '1.2.3 Audiodescriptie of media-alternatief' }), '.'] }), '\n', (0, t.jsxs)(n.li, { children: ['Engelstalige informatie op ', (0, t.jsx)('span', { lang: 'en', children: 'How to Meet WCAG' }), ': ', (0, t.jsx)(n.a, { href: 'https://www.w3.org/WAI/WCAG22/quickref/#audio-description-or-media-alternative-prerecorded', children: (0, t.jsx)('span', { lang: 'en', children: 'Quick Reference 1.2.3 Audio Description or Media Alternative (Prerecorded)' }) }), '.'] }), '\n', (0, t.jsxs)(n.li, { children: ['Engelstalige toelichting: ', (0, t.jsx)(n.a, { href: 'https://www.w3.org/WAI/WCAG22/Understanding/audio-description-or-media-alternative-prerecorded.html', children: (0, t.jsx)('span', { lang: 'en', children: 'Understanding SC 1.2.3 Audio Description or Media Alternative (Prerecorded)' }) }), '.'] }), '\n'] }), '\n', (0, t.jsx)(d.K, { children: (0, t.jsx)(s.o, { omitH1: !0, headinglevel: 3, children: (0, t.jsx)(c.Ay, {}) }) }), '\n', (0, t.jsx)(n.h2, { id: 'help-richtlijn-verbeteren', children: 'Help richtlijn verbeteren' }), '\n', (0, t.jsx)(s.o, { omitH1: !0, headinglevel: 3, children: (0, t.jsx)(h.Ay, {}) })] }); 115 } 116 function x(e = {}) { 117 const { wrapper: n } = { ...(0, o.R)(), ...e.components }; 118 return n ? (0, t.jsx)(n, { ...e, children: (0, t.jsx)(v, { ...e }) }) : v(e); 119 } 120 }, 121 66117(e, n, i) { 122 i.d(n, { Ay: () => a, RM: () => o }); 123 var r = i(86070), 124 t = i(18439); 125 const o = []; 126 function s(e) { 127 const n = { a: 'a', h1: 'h1', header: 'header', p: 'p', ...(0, t.R)(), ...e.components }; 128 return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsx)(n.header, { children: (0, r.jsx)(n.h1, { id: 'aanvullingen-of-opmerkingen', children: 'Aanvullingen of opmerkingen?' }) }), '\n', (0, r.jsxs)(n.p, { children: ["Deze pagina's over WCAG worden onderhouden door NL Design System. Heb je aanvullingen of opmerkingen? ", (0, r.jsx)(n.a, { href: 'https://github.com/nl-design-system/documentatie/issues', children: 'Deel je mening op GitHub' }), '.'] })] }); 129 } 130 function a(e = {}) { 131 const { wrapper: n } = { ...(0, t.R)(), ...e.components }; 132 return n ? (0, r.jsx)(n, { ...e, children: (0, r.jsx)(s, { ...e }) }) : s(e); 133 } 134 }, 135 66119(e, n, i) { 136 i.d(n, { K: () => d }); 137 var r = i(86070); 138 function t(e) { 139 var n, 140 i, 141 r = ''; 142 if ('string' == typeof e || 'number' == typeof e) r += e; 143 else if ('object' == typeof e) 144 if (Array.isArray(e)) { 145 var o = e.length; 146 for (n = 0; n < o; n++) e[n] && (i = t(e[n])) && (r && (r += ' '), (r += i)); 147 } else for (i in e) e[i] && (r && (r += ' '), (r += i)); 148 return r; 149 } 150 function o() { 151 for (var e, n, i = 0, r = '', o = arguments.length; i < o; i++) (e = arguments[i]) && (n = t(e)) && (r && (r += ' '), (r += n)); 152 return r; 153 }
154 const s = (0, i(30758).forwardRef)(({ aside: e, children: n, className: i, purpose: t, ...s }, a) => { 155 const d = { ...s, ref: a, className: o('utrecht-note', { [`utrecht-note--${t}`]: t }, i) }; 156 return e ? (0, r.jsx)('aside', { ...d, children: n }) : (0, r.jsx)('section', { role: 'note', ...d, children: n }); 157 }); 158 s.displayName = 'Note'; 159 var a = i(29181); 160 const d = globalThis.isAstro ? s : a.K7; 161 }, 162 }, 163]);
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.