1/*! For license information please see 6ba43f78.9514e702.js.LICENSE.txt */ 2'use strict'; 3(globalThis.webpackChunk_nl_design_system_website = globalThis.webpackChunk_nl_design_system_website || []).push([ 4 [15978], 5 { 6 18439(e, n, s) { 7 s.d(n, { R: () => r, x: () => o }); 8 var t = s(30758); 9 const i = {}, 10 a = t.createContext(i); 11 function r(e) { 12 const n = t.useContext(a); 13 return t.useMemo( 14 function () { 15 return 'function' == typeof e ? e(n) : { ...n, ...e }; 16 }, 17 [n, e], 18 ); 19 } 20 function o(e) { 21 let n; 22 return ((n = e.disableParentContext ? ('function' == typeof e.components ? e.components(i) : e.components || i) : r(e.components)), t.createElement(a.Provider, { value: n }, e.children)); 23 } 24 }, 25 18652(e, n, s) { 26 s.d(n, { A: () => a }); 27 var t = s(30758), 28 i = { outline: { xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round' }, filled: { xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, viewBox: '0 0 24 24', fill: 'currentColor', stroke: 'none' } }; 29 const a = (e, n, s, a) => { 30 const r = (0, t.forwardRef)(({ color: s = 'currentColor', size: r = 24, stroke: o = 2, title: l, className: d, children: c, ...g }, m) => (0, t.createElement)('svg', { ref: m, ...i[e], width: r, height: r, className: ['tabler-icon', `tabler-icon-${n}`, d].join(' '), ...('filled' === e ? { fill: s } : { strokeWidth: o, stroke: s }), ...g }, [l && (0, t.createElement)('title', { key: 'svg-title' }, l), ...a.map(([e, n]) => (0, t.createElement)(e, n)), ...(Array.isArray(c) ? c : [c])])); 31 return ((r.displayName = `${s}`), r); 32 }; 33 }, 34 19472(e, n, s) { 35 s.d(n, { L: () => a }); 36 var t = s(20201), 37 i = s(86070); 38 const a = ({ id: e, title: n, ...s }) => (0, i.jsx)(t.Ay, { lazyLoad: !0, adNetwork: !1, announce: 'Bekijk', cookie: !1, containerElement: 'div', id: e, title: n, poster: 'maxresdefault', ...s }); 39 }, 40 20201(e, n, s) { 41 s.d(n, { Ay: () => o }); 42 var t = s(86070), 43 i = s(30758); 44 const a = { default: 120, mqdefault: 320, hqdefault: 480, sddefault: 640, maxresdefault: 1280 }; 45 function r(e, n, s, t, i) { 46 const a = { '@context': 'https://schema.org', '@type': 'VideoObject', name: i?.name || n, thumbnailUrl: [i?.thumbnailUrl || s], embedUrl: i?.embedUrl || `${t}/embed/${e}`, contentUrl: i?.contentUrl || `https://www.youtube.com/watch?v=${e}`, ...(i?.description && { description: i.description }), ...(i?.uploadDate && { uploadDate: i.uploadDate }), ...(i?.duration && { duration: i.duration }) }; 47 return JSON.stringify(a); 48 } 49 const o = i.forwardRef(function (e, n) { 50 const [s, o] = i.useState(!1), 51 [l, d] = i.useState(e.alwaysLoadIframe || !1), 52 c = encodeURIComponent(e.id), 53 g = 'string' == typeof e.playlistCoverId ? encodeURIComponent(e.playlistCoverId) : null, 54 m = e.title, 55 u = e.poster || 'hqdefault', 56 h = e.announce || 'Watch', 57 p = !e.alwaysLoadIframe || (e.autoplay && e.muted), 58 b = i.useMemo(() => { 59 const n = new URLSearchParams({ ...(e.muted ? { mute: '1' } : {}), ...(p ? { autoplay: '1' } : {}), ...(e.enableJsApi ? { enablejsapi: '1' } : {}), ...(e.enableJsApi && typeof window < 'u' ? { origin: window.location.origin } : {}), ...(e.playlist ? { list: c } : {}) }); 60 return ( 61 e.params && 62 new URLSearchParams(e.params.startsWith('&') ? e.params.slice(1) : e.params).forEach((e, s) => { 63 n.append(s, e); 64 }), 65 n 66 ); 67 }, [e.muted, p, e.enableJsApi, e.playlist, c, e.params]), 68 k = i.useMemo(() => (e.cookie ? 'https://www.youtube.com' : 'https://www.youtube-nocookie.com'), [e.cookie]), 69 v = i.useMemo(() => (e.playlist ? `${k}/embed/videoseries?${b.toString()}` : `${k}/embed/${c}?${b.toString()}`), [e.playlist, k, c, b]), 70 y = !e.thumbnail && !e.playlist && 'maxresdefault' === u, 71 w = e.webp ? 'webp' : 'jpg', 72 j = e.webp ? 'vi_webp' : 'vi', 73 f = y 74 ? ((e, n, s, t = 'maxresdefault') => { 75 const [r, o] = (0, i.useState)(''); 76 return ( 77 (0, i.useEffect)(() => { 78 const i = `https://img.youtube.com/${n}/${e}/${t}.${s}`, 79 r = `https://img.youtube.com/${n}/${e}/hqdefault.${s}`, 80 l = a[t], 81 d = new Image(); 82 ((d.onload = () => { 83 d.width < l ? o(r) : o(i); 84 }), 85 (d.onerror = () => o(r)), 86 (d.src = i)); 87 }, [e, n, s, t]), 88 r 89 ); 90 })(e.id, j, w, u) 91 : null, 92 C = i.useMemo(() => e.thumbnail || f || `https://i.ytimg.com/${j}/${e.playlist ? g : c}/${u}.${w}`, [e.thumbnail, f, j, e.playlist, g, c, u, w]), 93 D = e.activatedClass || 'lyt-activated', 94 S = e.adNetwork || !1, 95 A = e.aspectHeight || 9, 96 x = e.aspectWidth || 16, 97 L = e.iframeClass || '', 98 E = e.playerClass || 'lty-playbtn', 99 B = e.wrapperClass || 'yt-lite', 100 N = i.useCallback(e.onIframeAdded || function () {}
100, [e.onIframeAdded]), 101 T = e.rel ? 'prefetch' : 'preload', 102 z = e.containerElement || 'article', 103 I = !1 !== e.noscriptFallback, 104 F = () => { 105 l || d(!0); 106 }; 107 return ( 108 i.useEffect(() => { 109 l && (N(), e.focusOnLoad && 'object' == typeof n && n?.current && n.current.focus()); 110 }, [l, N, e.focusOnLoad, n]), 111 i.useEffect(() => { 112 if (!l || !e.enableJsApi || !(e.onReady || e.onStateChange || e.onError || e.onPlay || e.onPause || e.onEnd || e.onBuffering || e.onPlaybackRateChange || e.onPlaybackQualityChange)) return; 113 let s = !1, 114 t = !1; 115 const i = (t) => { 116 if ('https://www.youtube.com' !== t.origin && 'https://www.youtube-nocookie.com' !== t.origin) return; 117 let i; 118 try { 119 i = 'string' == typeof t.data ? JSON.parse(t.data) : t.data; 120 } catch { 121 return; 122 } 123 switch (i.event) { 124 case 'onReady': 125 s || ((s = !0), e.onReady && e.onReady({ videoId: e.id, title: m })); 126 break; 127 case 'infoDelivery': 128 if (void 0 !== i.info?.playerState) { 129 const s = i.info.playerState; 130 switch ((e.onStateChange && e.onStateChange({ state: s, currentTime: i.info.currentTime, duration: i.info.duration }), s)) { 131 case 1: 132 e.onPlay?.(); 133 break; 134 case 2: 135 e.onPause?.(); 136 break; 137 case 0: 138 (e.onEnd?.(), e.stopOnEnd && 'object' == typeof n && n?.current?.contentWindow && n.current.contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*')); 139 break; 140 case 3: 141 e.onBuffering?.(); 142 } 143 } 144 (void 0 !== i.info?.playbackRate && e.onPlaybackRateChange?.(i.info.playbackRate), void 0 !== i.info?.playbackQuality && e.onPlaybackQualityChange?.(i.info.playbackQuality)); 145 break; 146 case 'onStateChange': 147 if (void 0 !== i.info?.playerState) { 148 const s = i.info.playerState; 149 switch ((e.onStateChange && e.onStateChange({ state: s, currentTime: i.info.currentTime, duration: i.info.duration }), s)) { 150 case 1: 151 e.onPlay?.(); 152 break; 153 case 2: 154 e.onPause?.(); 155 break; 156 case 0: 157 (e.onEnd?.(), e.stopOnEnd && 'object' == typeof n && n?.current?.contentWindow && n.current.contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*')); 158 break; 159 case 3: 160 e.onBuffering?.(); 161 } 162 } 163 break; 164 case 'onError': 165 if (i.info && 'errorCode' in i.info) { 166 const n = i.info.errorCode; 167 e.onError && e.onError(n); 168 } 169 break; 170 case 'onPlaybackRateChange': 171 void 0 !== i.info?.playbackRate && e.onPlaybackRateChange?.(i.info.playbackRate); 172 break; 173 case 'onPlaybackQualityChange': 174 void 0 !== i.info?.playbackQuality && e.onPlaybackQualityChange?.(i.info.playbackQuality); 175 } 176 }; 177 window.addEventListener('message', i); 178 const a = [], 179 r = () => { 180 'object' == typeof n && n?.current?.contentWindow && n.current.contentWindow.postMessage('{"event":"listening","id":"' + c + '"}', '*'); 181 }, 182 o = () => { 183 t || 184 ((t = !0), 185 r(), 186 [100, 300, 600, 1200, 2400].forEach((e) => { 187 a.push(setTimeout(r, e)); 188 })); 189 }; 190 return ( 191 'object' == typeof n && n?.current 192 ? (n.current.addEventListener('load', o), 'complete' === n.current.contentDocument?.readyState && o()) 193 : [200, 500, 1e3, 2e3, 3e3].forEach((e) => { 194 a.push(setTimeout(r, e)); 195 }), 196 () => { 197 (window.removeEventListener('message', i), a.forEach(clearTimeout), 'object' == typeof n && n?.current && n.current.removeEventListener('load', o)); 198 } 199 ); 200 }, [l, e.enableJsApi, e.onReady, e.onStateChange, e.onError, e.onPlay, e.onPause, e.onEnd, e.onBuffering, e.onPlaybackRateChange, e.onPlaybackQualityChange, e.stopOnEnd, e.id, c, m, n]), 201 (0, t.jsxs)(t.Fragment, { 202 children: [ 203 !e.lazyLoad && (0, t.jsx)('link', { rel: T, href: C, as: 'image' }), 204 (0, t.jsx)(t.Fragment, { children: s && (0, t.jsxs)(t.Fragment, { children: [(0, t.jsx)('link', { rel: 'preconnect', href: k }), (0, t.jsx)('link', { rel: 'preconnect', href: 'https://www.google.com' }), S && (0, t.jsxs)(t.Fragment, { children: [(0, t.jsx)('link', { rel: 'preconnect', href: 'https://static.doubleclick.net' }), (0, t.jsx)('link', { rel: 'preconnect', href: 'https://googleads.g.doubleclick.net' })] })] }) }), 205 e.seo && !e.playlist && (0, t.jsx)('script', { type: 'application/ld+json', dangerouslySetInnerHTML: { __html: r(e.id, m, C, k, e.seo) } }), 206 I && !e.playlist && (0, t.jsx)('noscript', { children: (0, t.jsxs)('a', { href: `https://www.youtube.com/watch?v=${e.id}`, 'aria-label': `Watch ${m} on YouTube`, children: ['Watch "', m, '" on YouTube'] }) }), 207 (0, t.jsxs)(z, { 208 onPointerOver: () => { 209 s || o(!0); 210 }, 211 onClick: F, 212 className: `${B} ${l ? D : ''}`, 213 'data-title': m, 214 role: l || e.lazyLoad ? void 0 : 'img', 215 'aria-label': l ? void 0 : `${m} - YouTube video preview`, 216 style: { ...(!e.lazyLoad && { backgroundImage: `url(${C})` }), '--aspect-ratio': (A / x) * 100 + '%', ...(e.style || {}) }, 217 children: [e.lazyLoad && !l && (0, t.jsx)('img', { src: C, alt: `${m}
217 - YouTube thumbnail`, className: 'lty-thumbnail', loading: 'lazy' }), e.playlist && !l && (0, t.jsx)('div', { className: 'lty-playlist-icon', 'aria-hidden': 'true' }), !(e.hideButtonOnActivate && l) && (0, t.jsx)('button', { type: 'button', className: E, 'aria-label': `${h} ${m}`, 'aria-hidden': l || void 0, tabIndex: l ? -1 : 0, onClick: F, children: (0, t.jsx)('span', { className: 'lty-visually-hidden', children: h }) }), l && (0, t.jsx)('iframe', { ref: n, className: L, title: m, width: '560', height: '315', allow: 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture', allowFullScreen: !0, src: v, referrerPolicy: e.referrerPolicy || 'strict-origin-when-cross-origin' })], 218 }), 219 ], 220 }) 221 ); 222 }); 223 }, 224 24658(e, n, s) { 225 s.d(n, { H: () => d }); 226 var t = s(90578), 227 i = s(46447), 228 a = s(13526), 229 r = s(19472), 230 o = s(86070); 231 const l = new Date().toISOString(), 232 d = ({ lang: e = 'nl', headingLevel: n = 3, allSpeakers: s, videoId: d, children: c, allSessions: g, sessionId: m }) => { 233 const u = g?.find(({ uuid: e }) => m === e), 234 h = u && u.speakers.map((e) => s[e]).filter(Boolean), 235 p = [d, u?.videoId, ...(u?.videoIds ?? [])].filter(Boolean); 236 return u ? (0, o.jsxs)('article', { className: (0, a.A)('ma-dsw-session'), children: [(0, o.jsx)(i.DZ, { level: n, className: 'ma-dsw-session__title', id: u.subject.toLowerCase().replace(/\s/gi, '-'), children: u.subject }), (0, o.jsx)(i.fz, { className: 'ma-dsw-session__subtitle', lead: !0, children: h && h.map((e) => (e?.organisation ? `${e.name} - ${e.organisation}` : e.name)).join(' & ') }), p.length > 0 && p.map((e) => (0, o.jsx)(r.L, { id: e, title: u.subject, style: { marginBlock: '20px' } }, e)), u && u.isoDateTime && u.isoDateTime > l ? (0, o.jsx)(i.fz, { children: (0, o.jsx)('time', { dateTime: u.isoDateTime, children: new Intl.DateTimeFormat(e, { dateStyle: 'full', timeStyle: 'nl' === e ? 'short' : 'full', timeZone: 'Europe/Amsterdam' }).format(new Date(u.isoDateTime)) }) }) : (0, o.jsx)(o.Fragment, {}), c, 'nl' === e && h.find(({ language: e }) => 'nl' !== e) && (0, o.jsxs)(i.fz, { children: [(0, o.jsx)('b', { children: 'Goed te weten:' }), ' Deze sessie is in het Engels.'] }), u.captioned ? (u.captionId ? (0, o.jsx)(o.Fragment, { children: (0, o.jsxs)(i.fz, { children: ['nl' === e ? (0, o.jsx)(o.Fragment, { children: (0, o.jsx)('b', { children: 'Bij deze sessie is een schrijftolk aanwezig: ' }) }) : (0, o.jsx)(o.Fragment, { children: (0, o.jsx)('b', { children: 'Live captioning is available for this session: ' }) }), (0, o.jsxs)('a', { href: `https://text-on-tap.live/#e=${u.captionId}`, children: [(0, o.jsxs)('span', { className: 'sr-only', children: [u.subject, ' '] }), 'nl' === e ? 'in de browser' : 'in the browser'] }), 'nl' === e ? ' of ' : ' or ', (0, o.jsxs)('a', { href: `https://text-on-tap.live/openoverlay.html?e=${u.captionId}`, children: [(0, o.jsxs)('span', { className: 'sr-only', children: [u.subject, ' '] }), 'nl' === e ? 'met de Overlay tool' : 'with the de Overlay tool'] })] }) }) : 'nl' === e ? (0, o.jsx)(i.fz, { children: 'Voor deze sessie hebben we nog geen schrijftolk gevonden' }) : (0, o.jsx)(o.Fragment, {})) : (0, o.jsx)(o.Fragment, {}), (0, o.jsx)('aside', { className: (0, a.A)('ma-dsw-session__speakers'), children: h.map((n, s) => (0, o.jsxs)('div', { className: (0, a.A)('ma-dsw-session__speaker', 'ma-dsw-speaker'), children: [(0, o.jsx)('img', { className: (0, a.A)('ma-dsw-speaker__image'), src: n.image.src, alt: n.image.alt }), (0, o.jsx)(i.fz, { className: (0, a.A)('ma-dsw-speaker__description'), dangerouslySetInnerHTML: { __html: n.description[e] } })] }, s)) }), u && u.icalLink && !d ? (0, o.jsx)(i.fz, { children: (0, o.jsxs)(i.vx, { href: u.icalLink, download: u.icalLink, appearance: 'primary-action-button', children: [(0, o.jsx)(i.In, { children: (0, o.jsx)(t.A, {}) }), (0, o.jsx)('span', { children: 'nl' === e ? (0, o.jsxs)(o.Fragment, { children: ['Zet', (0, o.jsx)('span', { className: 'sr-only', children: u.subject }), ' in je agenda'] }) : (0, o.jsxs)(o.Fragment, { children: ['Add', (0, o.jsx)('span', { className: 'sr-only', children: u.subject }), ' to your calendar'] }) })] }) }) : null] }) : (0, o.jsx)(o.Fragment, {}); 237 }; 238 }, 239 48419(e) {
240 e.exports = JSON.parse('{"AhmadShadeed":{"name":"Ahmad Shadeed","organisation":"Independent","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-ahmad-shadeed.png","alt":"Ahmad Shadeed"},"description":{"en":"Ahmad Shadeed is a UX designer and front-end developer from Palestine. He enjoys working on challenging design and front-end development projects. He wrote a book on debugging CSS, writes extensively on CSS, Accessibility, RTL (right to left) text styling, and defensivecss.dev.","nl":"Ahmad Shadeed is een UX designer en front-end developer uit Palestina. Hij werkt graag aan uitdagende ontwerp- en ontwikkelprojecten. Hij heeft ook een boek geschreven over het debuggen van CSS, en schrijft regelmatig over CSS, toegankelijkheid en RTL (\u201cright to left\u201d) styling."},"language":"en"},"AmyCole":{"name":"Amy Cole","organisation":"U.S. Web Design System","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-amy-cole.png","alt":"Amy Cole"},"description":{"nl":"Amy Cole is manager toegankelijkheid en contractor bij het USWDS kernteam. Ze is ook een ervaren manager toegankelijkheid met een lange staat van dienst, die graag digitale diensten verbetert en toegankelijker maakt. Ze werkt graag samen met anderen en probeert altijd bij te leren.","en":"Amy Cole is an accessibility manager and a contractor on the USWDS Core team. She is a seasoned Digital Accessibility Manager who has been making significant contributions to the field of digital media for many years, finding joy in exploring ways to enhance online spaces and making them more accessible. She values the opportunity to collaborate with other professionals in the field, always seeking to expand her knowledge and skills."},"language":"en"},"BartVeneman":{"name":"Bart Veneman","organisation":"Project Wallace","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-bart-veneman.png","alt":"Bart Veneman"},"description":{"nl":"Bart Veneman is frontend architect bij Drukwerkdeal.nl. In zijn vrije tijd werkt hij aan Project Wallace, een project om informatie over de CSS in een website te verzamelen over een langere periode. Dit project is voor developers die de complexiteit van hun CSS in de gaten willen houden en voor designers die willen weten of de juiste kleuren en lettertypes zijn gebruikt."},"language":"nl"},"BryandeJong":{"name":"Bryan de Jong","organisation":"VNG","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-bryan-de-jong.png","alt":"Bryan de Jong"},"description":{"nl":"Bryan de Jong is freelance developer en werkt via Frameless voor de VNG."},"language":"nl"},"CharlottevanBijnen":{"name":"Charlotte van Bijnen","organisation":"Valsplat","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-charlotte-van-bijnen.png","alt":"Charlotte van Bijnen"},"description":{"nl":"Als Senior Design Researcher en Impact Lead bij Valsplat helpt Charlotte teams bij het ontwerpen van producten, diensten, strategie\xebn en beleid. Charlotte is hun ogen, oren en adviseur. Ze combineert haar kennis van antropologie en business om inzichten van straatniveau om te zetten in strategische beslissingen. Hierdoor vindt ze oplossingen die laten (in)zien dat begrip van anderen de beste basis is voor positieve, impactvolle innovatie. Hoe? Door vragen te durven stellen en antwoorden te vinden waar anderen niet altijd zoeken."},"language":"nl"},"ChenHuiJing":{"name":"Chen Hui Jing","organisation":"","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-chen-hui-jing.png","alt":"Chen Hui Jing"},"description":{"nl":"Hui Jing is een self-taught ontwerper en ontwikkelaar die in Singapore woont, en meer van CSS houdt dan de gemiddelde ontwikkelaar. Ze werkt al meer dan 10 jaar aan websites, en haar belangrijkste focus is het maken van front-end interfaces die snel en responsive werken. En ja, Hui Jing is een Chinese voornaam die uit twee woorden bestaat. Ze is vaak te vinden in haar lokale klimhal.","en":"Hui Jing is a self-taught designer and developer living in Singapore, who loves CSS way more than the average web developer. With more than a decade of experience working on the web, her main focus is building performant and responsive frontend interfaces. And yes, Hui Jing is a two-word Chinese first name. She can often be found spanning routes in some local climbing gym."},"language":"en"},"DaricedeCuba":{"name":"Darice de Cuba","organisation":"darice.org","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-darice-de-cuba.png","alt":"Darice de Cuba"},"description":{"nl":"Darice deelt graag haar ervaring en inzicht in toegankelijkheid. Ze heeft een unieke positie als UI Engineer met een focus op toegankelijkheid en haar eigen ervaringsdeskundighei
240d als iemand met een beperking. Daarnaast houdt ze zich graag bezig met straatfotografie, schrijven en het bijhouden van een persoonlijk food guide van Den Haag."},"language":"nl"},"GeriReid":{"name":"Geri Reid","organisation":"Just Eat / Takeaway.com","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-geri-reid.png","alt":"Geri Reid"},"description":{"nl":"Geri is een design systems consultant uit Londen. Als design en toegankelijkheidslead bij design systems zoals die van News UK en Lloyds Banking Group, heeft ze gewerkt voor sommige van de grootste merken in het Verenigd Koninkrijk. Op dit moment werkt ze bij Just Eat Takeaway. Geri is toegankelijkheidsspecialist, amateurschrijver en een echte documentatie-nerd.","en":"Geri is a design systems consultant from London. As design and accessibility lead on design systems at News UK and Lloyds Banking Group, she helped some of the UK\'s largest media and banking brands to design at scale. She is currently Lead Accessibility Specialist at Just Eat Takeaway. Geri is a keen accessibility advocate, amateur writer and documentation nerd."},"language":"en"},"GertHengeveld":{"name":"Gert Hengeveld","organisation":"Chromatic","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-gert-hengeveld.png","alt":"Gert Hengeveld"},"description":{"nl":"Gert is een full stack software engineer bij Chromatic, het bedrijf achter Storybook. Hij werkt daar aan de toekomst van het bouwen en testen van UIs. Gert is een problem solver met een passie voor UX en web development, en is al meer dan 10 jaar betrokken bij open source software ontwikkeling. Vaak is hij van designers zowel hun grootste criticus als hun belangrijkste bondgenoot.","en":"Gert Hengeveld is a staff software engineer at Chromatic, the company behind Storybook. He works with the rest of the Storybook team to envision and build the future of UI development and testing. Gert is a problem solver who\'s passionate about UX and has been involved in open source software development for over a decade. He\'s often a designer\'s biggest critic as well as their greatest ally."},"language":"en"}
240,"GijsVeyfeyken":{"name":"Gijs Veyfeyken","organisation":"Agentschap Digitaal Vlaanderen","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-gijs-veyfeyken.png","alt":"Gijs Veyfeyken"},"description":{"nl":"Gijs Veyfeyken is een specialist in webtoegankelijkheid bij Digitaal Vlaanderen waar hij helpt bij het testen en verbeteren van het design system, de componenten en alle afgeleide producten zoals het webplatform Vlaanderen.be en Mijn Burgerprofiel."},"language":"nl"},"KimDenie":{"name":"Kim Denie","organisation":"","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-kim-denie.png","alt":"Kim Denie"},"description":{"nl":"Kim is adviseur, spreker en gemeenteraadslid. Tevens is zij student aan de UvA. Ze heeft een progressieve myopie. Dit zal uiteindelijk tot volledige blindheid leiden. Door haar behandeling is zij slechtziend geworden. Als ervaringsdeskundige zet zij zich in voor een toegankelijke (online) wereld."},"language":"nl"},"JeroenduChatinier":{"name":"Jeroen du Chatinier","organisation":"Gemeente Utrecht","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-jeroen-du-chatinier.png","alt":"Jeroen du Chatinier"},"description":{"nl":"Jeroen is UX Researcher bij de gemeente Utrecht, waar hij met zoveel mogelijk inwoners van de stad probeert te praten over allerlei verschillende onderwerpen. Van parkeren tot trouwen, van schulden tot verordeningen, het is allemaal interessant. En dan vooral om verrast te worden door wat mensen echt doen. Daarnaast is hij mede-onderhouder van gebruikersonderzoeken.nl, waar hij zoveel mogelijk onderzoek bij elkaar probeert te brengen zodat we van elkaar kunnen leren. In zijn vrije tijd houdt Jeroen zich bezig met improvisatie theater, houten meubilair maken van pallets en gewichten optillen om ze daarna maar weer neer te leggen."},"language":"nl"},"LarsvandeCappelle":{"name":"Lars van de Cappelle","organisation":"Belastingdienst","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-lars-van-de-cappelle.png","alt":"Lars van de Cappelle"},"description":{"nl":"Lars van de Cappelle is UX Designer bij de Belastingdienst."},"language":"nl"},"LotteBijl":{"name":"Lotte Bijl","organisation":"Belastingdienst","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-lotte-bijl.png","alt":"Lotte Bijl"},"description":{"nl":"Lotte Bijl is een Digitale Toegankelijkheid Expert bij de Belastingdienst, waar ze product teams ondersteunt bij het verbeteren van de digitale toegankelijkheid van overheidsdiensten. Met haar expertise in gebruikersonderzoek, UX en development zorgt Lotte ervoor dat digitale oplossingen niet alleen technisch voldoen, maar ook daadwerkelijk bijdragen aan een betere gebruikerservaring."},"language":"nl"},"MariekeBrouwer":{"name":"Marieke Brouwer","organisation":"Gemeente Groningen","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-marieke-brouwer.png","alt":"Marieke Brouwer"},"description":{"nl":"Marieke is adviseur dienstverlening bij de gemeente Groningen."},"language":"nl"},"MikeGifford":{"name":"Mike Gifford","organisation":"CivicActions","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-mike-gifford.png","alt":"Mike Gifford"},"description":{"nl":"Mike werkt bij CivicActions als Open Standards & Practices Lead en deelt graag z\'n kennis over open overheden, toegankelijkheid en duurzaamheid. Hij werkt onder andere met overheden in Noord-Amerika en Europa en is een internationale spreker. Hij is ook W3C Invited Expert en staat bekend als expert in de toegankelijkheid van authoring tools. Mike is ook al jaren kartrekker van toegankelijkheid bij het Drupal CMS.","en":"Mike is CivicActions\u2019 Open Standards & Practices Lead and a thought leader on open government, as well as digital accessibility and sustainability. He has worked with governments in North America and Europe, and spoken internationally. He is also a W3C Invited Expert and recognized authoring tool accessibility expert. Mike has spearheaded accessibility improvements in Drupal since 2008, and has served as a Drupal Core Accessibility Maintainer in 2012."},"language":"en"}
240,"RaoulWittenberns":{"name":"Raoul Wittenberns","organisation":"Logius","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-raoul-wittenberns.png","alt":"Raoul Wittenberns"},"description":{"nl":"Raoul is software architect bij het LUX design system van Logius."},"language":"nl"},"RobbertBroersma":{"name":"Robbert Broersma","organisation":"NL Design System","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-robbert-broersma.png","alt":"Robbert Broersma"},"description":{"nl":"Robbert is design system lead van NL Design System. Met zijn ervaring bij andere design systems kent hij zowel de valkuilen van een team overstijgend design system als de waarde van het hergebruik van stabiele, toegankelijke componenten. In de rol van developer relations werkt hij graag online samen met developers van verschillende organisaties om dit community gedragen design system neer te zetten. Zijn passie voor keukengerei is daarbij niet te missen! RVS met een haakje? Dan kun je het waarschijnlijk op zijn achtergrond vinden."},"language":"nl"},"SteveMesser":{"name":"Steve Messer","organisation":"Freelance","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-steve-messer.png","alt":"Steve Messer"},"description":{"nl":"Steve is een product strategist, die op dit moment werkt aan planning.data.gov.uk, bij het Ministry of Housing, Communities & Local Government. Hij houdt zich graag bezig met innovatie in de publieke sector open, ethisch productontwerp. Hij heeft gewerkt bij startups, de Government Digital Service en NHS Digital, en heeft bij General Assembly les gegeven over product management.","en":"Steve is a freelance product strategist, working on planning.data.gov.uk at Ministry of Housing, Communities & Local Government currently. He\u2019s passionate about innovation for the public good and open, ethical product design. He\u2019s worked at startups, Government Digital Service and NHS Digital, and has taught product management to people from numerous companies through General Assembly."},"language":"en"},"ThijsLouisse":{"name":"Thijs Louisse","organisation":"ING","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-thijs-louisse.png","alt":"Thijs Louisse"},"description":{"nl":"Thijs is een gepassioneerde software engineer die graag werkt in een omgeving waar design en code bij elkaar komen. Hij heeft een achtergrond in de Informatiekunde. In zijn huidige rol binnen ING ontwikkelt hij robuuste, flexibele en interoperable oplossingen die een lange tijd mee kunnen. Hij gebruikt daarvoor web components en de nieuwste webstandaarden, iets dat hem met de huidige ontwikkelingen niet snel verveelt. Als hij geen specificaties bestudeert, spendeert hij tijd met zijn pasgeboren zoon."},"language":"nl"},"VincentSennesael":{"name":"Vincent Sennesael","organisation":"Agentschap Digitaal Vlaanderen","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-vincent-sennesael.png","alt":"Vincent Sennesael"},"description":{"nl":"Vincent Sennesael, product owner van het Vlaams Design System, was ongeveer tien jaar geleden, samen met een team enthousiaste believers, een van de grondleggers. Het doel was om alle toepassingen, websites en e-loketten van de Vlaamse overheid te voorzien van een herkenbare en eengemaakte gebruikservaring. Vandaag is het Design System niet meer weg te denken binnen de Vlaamse overheid. Ongeveer 800 toepassingen maken er ondertussen gebruik van."},"language":"nl"},"WarreBuysse":{"name":"Warre Buysse","organisation":"Agentschap Digitaal Vlaanderen","image":{"src":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-warre-buysse.png","alt":"Warre Buysse"},"description":{"nl":"Warre Buysse is een specialist in het bouwen, uitrollen en schaalbaar maken van enterprise design systemen in complexe organisaties en stond samen met Vincent aan de wieg van het bouwen van Vlaams Design System tien jaar geleden."},"language":"nl"}}'); 241 }, 242 56561(e, n, s) { 243 s.d(n, { f: () => g }); 244 var t = s(15540), 245 i = s(69967), 246 a = s(86070), 247 r = s(13526), 248 o = s(30758), 249 l = ['children', 'className', 'purpose']; 250 function d(e, n) { 251 var s = Object.keys(e); 252 if (Object.getOwnPropertySymbols) { 253 var t = Object.getOwnPropertySymbols(e); 254 (n && 255 (t = t.filter(function (n) { 256 return Object.getOwnPropertyDescriptor(e, n).enumerable; 257 })), 258 s.push.apply(s, t)); 259 } 260 return s; 261 } 262 function c(e) { 263 for (var n = 1; n < arguments.length; n++) { 264 var s = null != arguments[n] ? arguments[n] : {}; 265 n % 2
266 ? d(Object(s), !0).forEach(function (n) { 267 (0, t.A)(e, n, s[n]); 268 }) 269 : Object.getOwnPropertyDescriptors 270 ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(s)) 271 : d(Object(s)).forEach(function (n) { 272 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(s, n)); 273 }); 274 } 275 return e; 276 } 277 var g = (0, o.forwardRef)(function (e, n) { 278 var s = e.children, 279 o = e.className, 280 d = e.purpose, 281 g = (0, i.A)(e, l); 282 return (0, a.jsx)('p', c(c({ className: (0, r.$)('nl-paragraph', (0, t.A)({}, 'nl-paragraph--lead', 'lead' === d), o), ref: n }, g), {}, { children: 'lead' === d ? (0, a.jsx)('b', { className: 'nl-paragraph__lead', children: s }) : s })); 283 }); 284 g.displayName = 'Paragraph'; 285 }, 286 56796(e) { 287 e.exports = JSON.parse('[{"uuid":"C0639355-E372-422F-8EC9-B069C08CDEEA","isoDateTime":"2024-10-14T09:00:00.000Z","speakers":["GertHengeveld"],"subject":"Testing UI","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#testing-ui","icalLink":"/dsweek-2024/gert-hengeveld.ics","language":{"abbr":"EN","description":"English"},"videoId":"0_Xq74LkMY4"},{"uuid":"3A80C3A1-4657-42F8-908D-F9B7565CAF69","isoDateTime":"2024-10-14T11:00:00.000Z","speakers":["GeriReid"],"subject":"Design Systems: Choose your own adventure","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#design-systems:-choose-your-own-adventure","icalLink":"/dsweek-2024/geri-reid.ics","videoId":"lAy-dOhw2bU","language":{"abbr":"EN","description":"English"}},{"uuid":"6CB6A172-9F41-46FB-A24F-CA1DE023550C","isoDateTime":"2024-10-14T13:00:00.000Z","speakers":["ThijsLouisse"],"subject":"Werken op schaal","icalLink":"/dsweek-2024/thijs-louisse.ics","videoId":"5yThQMZ4cs0","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#werken-op-schaal","language":{"abbr":"NL","description":"Nederlands"}},{"uuid":"CE68A449-D6B7-44C2-B114-017668D83998","isoDateTime":"2024-10-14T14:30:00.000Z","speakers":["MikeGifford"],"subject":"De voordelen van open werken met design systems bij de overheid","icalLink":"/dsweek-2024/mike-gifford.ics","videoId":"lxLmK2NOFd4","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#de-voordelen-van-open-werken-met-design-systems-bij-de-overheid","language":{"abbr":"EN","description":"English"}},{"uuid":"E42373CE-E7D8-4996-B087-7DAB45D5AF96","isoDateTime":"2024-10-15T09:00:00.000Z","speakers":["KimDenie"],"subject":"Tips voor toegankelijke diensten","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#tips-voor-toegankelijke-dienstverlening","icalLink":"/dsweek-2024/kim-denie.ics","videoId":"0k0C0pRFaP8","language":{"abbr":"NL","description":"Nederlands"}},{"uuid":"F07EEF22-EA9B-4967-B326-2B721E7F2DD2","isoDateTime":"2024-10-15T11:00:00.000Z","speakers":["BryandeJong","MariekeBrouwer","LarsvandeCappelle","RaoulWittenberns"],"subject":"Heartbeat: Design Systems Week editie","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#heartbeat:-de-design-systems-week-lightning-talks-editie","icalLink":"/dsweek-2024/heartbeat.ics","videoId":"jMMxxZxCB4o","language":{"abbr":"NL","description":"Nederlands"}},{"uuid":"7A2AC63A-0D82-4156-A187-C688BAD1BE47","isoDateTime":"2024-10-15T13:00:00.000Z","speakers":["JeroenduChatinier"],"subject":"Je eerste gebruikersonderzoek doen, hoe doe je dat?","icalLink":"/dsweek-2024/jeroen-du-chatinier.ics","videoId":"m-qn8NQ1xh0","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#je-eerste-gebruikersonderzoek-doen,-hoe-doe-je-dat?","language":{"abbr":"NL","description":"Nederlands"}},{"uuid":"268DE453-5636-468C-8721-EAB3134D02A4","isoDateTime":"2024-10-15T14:30:00.000Z","speakers":["CharlottevanBijnen"],"subject":"Jongeren en jeugdcriminaliteit: een journey voor (en naar) betere communicatie door de Raad voor de Kinderbescherming","icalLink":"/dsweek-2024/charlotte-van-bijnen.ics","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#jongeren-en-jeugdcriminaliteit:-een-journey-voor-(en-naar)-betere-communicatie-door-de-raad-van-de-kinderbescherming","language":{"abbr":"NL","description":"Nederlands"}},{"uuid":"0963CB03-7FBC-4EBD-AAF1-6534402F3A58","isoDateTime":"2024-10-16T09:00:00.000Z","speakers":["GijsVeyfeyken","VincentSennesael","WarreBuysse"],"subject":"Vlaams Design System: 10 jaar lessons learned","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#vlaams-design-system:-10-jaar-lessons-learned","icalLink":"/dsweek-2024/vlaanderen.ics","videoId":"RN7BDhoU8Dc","language":{"abbr":"NL","description":"Nederlands"}},{"uuid":"5C1C0DCD-33E3-4F57-90F8-4807A55F6200","isoDateTime":"2024-10-16T11:00:00.000Z","speakers":["DaricedeCuba"],"subject":"Unmeasurable Accessibility: Beyond conformance","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#unmeasurable-accessibility:-beyond-conformance","icalLink":"/dsweek-2024/darice-de-cuba.ics","videoId":"LckUy3t7mUg","language":{"abbr":"NL","description":"Nederlands"}},{"uuid":"50AFAB63-ACDE-4137-8BD5-57B5C34F8B50","isoDateTime":"2024-10-16T13:00:00.000Z","speakers":["BartVeneman"],"subject":"Wat je allemaal niet weet over je CSS","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#wat-je-allemaal-niet-weet-over-je-css","icalLink":"/dsweek-2024/bart-veneman.ics","videoId":"ySJjj9CISD4","language":{"abbr":"NL","description":"Nederlands"}},{"uuid":"FE871D75-D5C2-4842-A100-71A8A7069FAD","isoDateTime":"2024-10-16T14:30:00.000Z","speakers":["AmyCole"],"subject":"Using USWDS Accessibility Tests to Develop Accessibility Skills Across Government Teams","icalLink":"/dsweek-2024/amy-cole.ics","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#using-uswds-accessibility-tests-to-develop-accessibility-skills-across-government-teams","videoId":"WYTKw_l3IXE","language":{"abbr":"EN","description":"English"}},{"uuid":"A980E371-ED8E-4EA4-A22C-CA1A212150F7","isoDateTime":"2024-10-17T09:00:00.000Z","speakers":["RobbertBroersma"],"subject":"Aan de slag met NL Design System","icalLink":"/dsweek-2024/robbert-broersma.ics","videoId":"ZozbnQpcBu8","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#live-coden-met-robbert","language":{"abbr":"NL","description":"Nederlands"}},{"uuid":"6024d4f3-c8fd-4bd5-a06c-36b69a687453","isoDateTime":"2024-10-17T11:00:00.000Z","speakers":["ChenHuiJing"],"subject":"CSS for internationalisation","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#css-for-internationalisation","icalLink":"/dsweek-2024/chen-hui-jing.ics","videoId":"wpypfDnrw78","language":{"abbr":"EN","description":"Engels"}},{"uuid":"A778C5D1-743F-4C8E-93AF-56F8375C29AC","isoDateTime":"2024-10-17T13:00:00.000Z","speakers":["LotteBijl"],"subject":"Inclusief gebruikersonderzoek bij de Belastingdienst, een blik achter de schermen","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#inclusief-gebruikersonderzoek-bij-de-belastingdienst,-een-blik-achter-de-schermen","icalLink":"/dsweek-2024/lotte-bijl.ics","videoId":"GMmDJOMBUx0","language":{"abbr":"NL","description":"Nederlands"}},{"uuid":"17A1CBCD-ACB8-4A85-87E4-A4CD258AFABA","isoDateTime":"2024-10-17T14:30:00.000Z","speakers":["SteveMesser"],"subject":"Common direction, boring magic","sessionLink":"https://nldesignsystem.nl/events/design-systems-week-2024/programma#common-direction,-boring-magic","icalLink":"/dsweek-2024/steve-messer.ics","videoId":"1xhZnqF6dc8","language":{"abbr":"EN","description":"Engels"}}]'); 288 }, 289 65277(e, n, s) { 290 (s.r(n), s.d(n, { assets: () => m, contentTitle: () => g, default: () => p, frontMatter: () => c, metadata: () => t, toc: () => u })); 291 const t = JSON.parse('{"id":"community/events/design-systems-week/en/previous-editions/2024","title":"Videos van Design Systems Week 2024","description":"Recordings of talks that are in English for Design Systems Week 2024.","source":"@site/docs/community/events/design-systems-week/en/previous-editions/2024.mdx","sourceDirName":"community/events/design-systems-week/en/previous-editions","slug":"/events/design-systems-week-2024/en/program","permalink":"/events/design-systems-week-2024/en/program","draft":false,"unlisted":false,"editUrl":"https://github.com/nl-design-system/documentatie/tree/main/docs/community/events/design-systems-week/en/previous-editions/2024.mdx","tags":[],"version":"current","sidebarPosition":2,"frontMatter":{"title":"Videos van Design Systems Week 2024","title_sm":"2024","description":"Recordings of talks that are in English for Design Systems Week 2024.","lang":"en","hide_title":true,"hide_table_of_contents":true,"sidebar_label":"2024","sidebar_position":2,"navigation_order":2,"pagination_label":"Videos 2024","slug":"/events/design-systems-week-2024/en/program","translations":{"nl":"/events/design-systems-week-2024/programma/"},"image":"https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-en.png","image_alt":"NL Design System Design Systems Week 2024 14-17 October, online"},"sidebar":"community","previous":{"title":"Videos 2025","permalink":"/events/design-systems-week-2025/en/program"},"next":{"title":"Videos 2023","permalink":"/events/design-systems-week-2023/en/program"}}'); 292 var i = s(86070), 293 a = s(18439), 294 r = s(66153), 295 o = s(24658), 296 l = s(56796), 297 d = s(48419); 298 const c = { title: 'Videos van Design Systems Week 2024', title_sm: '2024', description: 'Recordings of talks that are in English for Design Systems Week 2024.', lang: 'en', hide_title: !0, hide_table_of_contents: !0, sidebar_label: 2024, sidebar_position: 2, navigation_order: 2, pagination_label: 'Videos 2024', slug: '/events/design-systems-week-2024/en/program', translations: { nl: '/events/design-systems-week-2024/programma/' }, image: 'https://raw.githubusercontent.com/nl-design-system/documentatie/assets/dsw-24-en.png', image_alt: 'NL Design System Design Systems Week 2024 14-17 October, online' }, 299 g = 'Design Systems Week 2024', 300 m = {}, 301 u = [{ value: 'Videos', id: 'videos', level: 2 }]; 302 function h(e) { 303 const n = { h1: 'h1', h2: 'h2', header: 'header', p: 'p', ...(0, a.R)(), ...e.components }; 304 return (0, i.jsxs)('div', { lang: 'en', children: [(0, i.jsx)(n.header, { children: (0, i.jsx)(n.h1, { id: 'design-systems-week-2024', children: 'Design Systems Week 2024' }) }), (0, i.jsx)(r.f, { purpose: 'lead', children: (0, i.jsx)(n.p, { children: "Design Systems Week featured a number of short talks about the how and why of design systems. All online. In 2024,\nwe've covered subjects like managing design systems, integrating accessibility, user research and code." }) }), (0, i.jsx)(n.h2, { id: 'videos', children: 'Videos' }), (0, i.jsx)(o.H, { allSessions: l, allSpeakers: d, headingLevel: 2, lang: 'en', sessionId: 'FE871D75-D5C2-4842-A100-71A8A7069FAD', children: (0, i.jsx)(n.p, { children: 'Amy will share plain-language accessibility tests the USWDS team has created for checking the accessibility of individual components. Attendees will learn how any web team \u2014 technical or not \u2014 can use these tests to perform baseline manual accessibility testing (like keyboard, screen reader, mobile, and zoom magnification testing) on their own sites. She will also describe the team\u2019s iterative design and development process for these checklists, and how other teams can develop their own.' }) }), (0, i.jsx)(o.H, { lang: 'en', allSessions: l, allSpeakers: d, headingLevel: 2, sessionId: 'C0639355-E372-422F-8EC9-B069C08CDEEA', children: (0, i.jsx)(r.f, { children: (0, i.jsx)(n.p, { children: 'Building a Design System is exciting. But once your system is out there being used to power production applications,\nrolling out updates becomes a risky endeavor. Testing is a critical aspect of design systems development and\nmaintenance that helps manage those risks. In this talk, Gert explains tools and strategies that help you test your UI\ncomponents and integrations, so your design system can continue to evolve.' }) }) }), (0, i.jsxs)(o.H, { lang: 'en', headingLevel: 2, allSessions: l, allSpeakers: d, sessionId: '3A80C3A1-4657-42F8-908D-F9B7565CAF69', children: [(0, i.jsx)(n.p, { children: 'Join Geri, a seasoned design systems explorer with 8 years of adventures under her belt, as she navigates the uncharted territories of accessibility in a major product org. With no playbook in hand, Geri\u2019s quest is one we can all relate to: figuring it out as we go along.' }), (0, i.jsx)(n.p, { children: 'In this \u2018choose your own adventure\u2019 session, you\u2019ll discover how the principles of design systems can illuminate a path through any new challenge. Come prepared to laugh, learn, and maybe even get a little lost as we embark on a journey of getting teams onboard with digital accessibility.' })] }), (0, i.jsx)(o.H, { lang: 'en', headingLevel: 2, allSessions: l, allSpeakers: d, sessionId: '6024d4f3-c8fd-4bd5-a06c-36b69a687453', children: (0, i.jsx)(n.p, { children: 'Internationalisation is more than translating the content on your site into multiple languages and calling it a day. There are various nuances to the presentation of that content which affect the experience of a native speaker using your site. There are CSS properties that provide layout and typographic capabilities for scripts and writing systems beyond the Latin-based horizontal top-to-bottom ones that are predominantly seen on the web today.' }) }), (0, i.jsx)(o.H, { lang: 'en', headingLevel: 2, allSessions: l, allSpeakers: d, sessionId: 'CE68A449-D6B7-44C2-B114-017668D83998', children: (0, i.jsx)(n.p, { children: 'For many governments, contributing to open source project is culturally a challenge. It often requires engagement with people in other departments and often outside of government. Design systems however provide a unique opportunity for governments to become more confident in their open source adoption. Mike has contributed to several government design systems. As a Drupal Core Accessibility Maintainer, he is often looking for best practices and comparing different approaches taken by governments around the world.' }) }), (0, i.jsx)(o.H, { lang: 'en', headingLevel: 2, sessionId: '17A1CBCD-ACB8-4A85-87E4-A4CD258AFABA', children: (0, i.jsx)(n.p, { children: 'Lessons from working on the GOV.\u200cUK Design System and other common platforms in UK government. How leaning on the principles that make the Web great can create more value for the public we serve.' }) })] }); 305 } 306 function p(e = {}) { 307 const { wrapper: n } = { ...(0, a.R)(), ...e.components }; 308 return n ? (0, i.jsx)(n, { ...e, children: (0, i.jsx)(h, { ...e }) }) : h(e); 309 } 310 }, 311 66153(e, n, s) { 312 s.d(n, { f: () => t.f }); 313 var t = s(56561); 314 }, 315 90578(e, n, s) { 316 s.d(n, { A: () => t }); 317 const t = (0, s(18652).A)('outline', 'calendar-event', 'CalendarEvent', [ 318 ['path', { d: 'M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12', key: 'svg-0' }], 319 ['path', { d: 'M16 3l0 4', key: 'svg-1' }], 320 ['path', { d: 'M8 3l0 4', key: 'svg-2' }], 321 ['path', { d: 'M4 11l16 0', key: 'svg-3' }], 322 ['path', { d: 'M8 15h2v2h-2l0 -2', key: 'svg-4' }], 323 ]); 324 }, 325 }, 326]);
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.