https://nldesignsystem.nl/assets/js/cdf9de39.7d8313b3.js

1'use strict';
2(globalThis.webpackChunk_nl_design_system_website = globalThis.webpackChunk_nl_design_system_website || []).push([
3 [1940],
4 {
5  18439(e, t, n) {
6   n.d(t, { R: () => s, x: () => a });
7   var i = n(30758);
8   const o = {},
9    r = i.createContext(o);
10   function s(e) {
11    const t = i.useContext(r);
12    return i.useMemo(
13     function () {
14      return 'function' == typeof e ? e(t) : { ...t, ...e };
15     },
16     [t, e],
17    );
18   }
19   function a(e) {
20    let t;
21    return ((t = e.disableParentContext ? ('function' == typeof e.components ? e.components(o) : e.components || o) : s(e.components)), i.createElement(r.Provider, { value: t }, e.children));
22   }
23  },
24  52716(e, t, n) {
25   (n.r(t), n.d(t, { assets: () => d, contentTitle: () => l, default: () => m, frontMatter: () => a, metadata: () => i, toc: () => c }));
26   const i = JSON.parse('{"id":"richtlijnen/content/tekstopmaak/index","title":"Introductie richtlijnen voor tekstopmaak","description":"Introductie van de richtlijnen voor tekstopmaak van het NL Design System.","source":"@site/docs/richtlijnen/content/tekstopmaak/index.mdx","sourceDirName":"richtlijnen/content/tekstopmaak","slug":"/richtlijnen/content/tekstopmaak","permalink":"/richtlijnen/content/tekstopmaak","draft":false,"unlisted":false,"editUrl":"https://github.com/nl-design-system/documentatie/tree/main/docs/richtlijnen/content/tekstopmaak/index.mdx","tags":[],"version":"current","sidebarPosition":2,"frontMatter":{"title":"Introductie richtlijnen voor tekstopmaak","title_sm":"Tekstopmaak","hide_title":true,"hide_table_of_contents":true,"sidebar_label":"Introductie tekstopmaak","sidebar_position":2,"pagination_label":"Content","description":"Introductie van de richtlijnen voor tekstopmaak van het NL Design System.","slug":"/richtlijnen/content/tekstopmaak","keywords":["semantiek","tekstopmaak","structuur","tekststructuur","koppen","dikgedrukt","schuingedrukt","strong","em","bold","italic","opsommingen","geordende","ongeordende","lijst","links","tabel","tabellen","tabelopmaak"]},"sidebar":"richtlijnen","previous":{"title":"Tekst in een afbeelding","permalink":"/richtlijnen/content/afbeeldingen/tekst-in-afbeelding"},"next":{"title":"Content","permalink":"/richtlijnen/content/tekstopmaak"}}');
27   var o = n(86070),
28    r = n(18439),
29    s = n(56672);
30   const a = { title: 'Introductie richtlijnen voor tekstopmaak', title_sm: 'Tekstopmaak', hide_title: !0, hide_table_of_contents: !0, sidebar_label: 'Introductie tekstopmaak', sidebar_position: 2, pagination_label: 'Content', description: 'Introductie van de richtlijnen voor tekstopmaak van het NL Design System.', slug: '/richtlijnen/content/tekstopmaak', keywords: ['semantiek', 'tekstopmaak', 'structuur', 'tekststructuur', 'koppen', 'dikgedrukt', 'sc

30huingedrukt', 'strong', 'em', 'bold', 'italic', 'opsommingen', 'geordende', 'ongeordende', 'lijst', 'links', 'tabel', 'tabellen', 'tabelopmaak'] },
31    l = 'Introductie richtlijnen NL Design System voor tekstopmaak',
32    d = {},
33    c = [...s.RM];
34   function k(e) {
35    const t = { a: 'a', h1: 'h1', header: 'header', p: 'p', ...(0, r.R)(), ...e.components },
36     { OverviewPage: n } = t;
37    return (
38     n ||
39      (function (e, t) {
40       throw new Error('Expected ' + (t ? 'component' : 'object') + ' `' + e + '` to be defined: you likely forgot to import, pass, or provide it.');
41      })('OverviewPage', !0),
42     (0, o.jsxs)(o.Fragment, { children: ['\n', '\n', (0, o.jsx)(t.header, { children: (0, o.jsx)(t.h1, { id: 'introductie-richtlijnen-nl-design-system-voor-tekstopmaak', children: 'Introductie richtlijnen NL Design System voor tekstopmaak' }) }), '\n', (0, o.jsxs)(t.p, { children: ['Tekst is de basis van vrijwel alle digitale content. Maar niet iedereen leest of ervaart tekst op dezelfde manier. Sommige mensen gebruiken een ', (0, o.jsx)(t.a, { href: '/woordenlijst/#screenreader', children: 'screenreader' }), ' die tekst voorleest, anderen lezen met vergroting of hebben moeite met grote lappen tekst. Juist daarom is het belangrijk om tekst goed en duidelijk op te maken.'] }), '\n', (0, o.jsx)(t.p, { children: 'Met toegankelijke tekstopmaak zorg je dat jouw informatie voor zoveel mogelijk mensen leesbaar en bruikbaar is \u2014 ongeacht beperking, apparaat of situatie. Denk aan duidelijke koppen, goed opgemaakte lijsten, toegankelijke tabellen en begrijpelijke linkteksten.' }), '\n', (0, o.jsx)(t.p, { children: 'Het NL Design System helpt je om teksten toegankelijk en consistent op te maken. De richtlijnen zijn gebaseerd op toegankelijkheidsnormen, gebruikersonderzoek en best practices. Zo weet je zeker dat je tekst werkt voor een brede groep gebruikers.' }), '\n', (0, o.jsx)(t.p, { children: 'De richtlijnen hieronder zijn ingedeeld per onderwerp, zodat je snel vindt wat je nodig hebt.' }), '\n', (0, o.jsx)(n, { excludeDocIDs: ['richtlijnen/content/tekstopmaak/index'] }), '\n', (0, o.jsx)(s.Ay, {})] })
43    );
44   }
45   function m(e = {}) {
46    const { wrapper: t } = { ...(0, r.R)(), ...e.components };
47    return t ? (0, o.jsx)(t, { ...e, children: (0, o.jsx)(k, { ...e }) }) : k(e);
48   }
49  },
50  56672(e, t, n) {
51   n.d(t, { Ay: () => a, RM: () => r });
52   var i = n(86070),
53    o = n(18439);
54   const r = [{ value: 'Over deze richtlijnen', id: 'over-deze-richtlijnen', level: 2 }];
55   function s(e) {
56    const t = { a: 'a', em: 'em', h2: 'h2', p: 'p', ...(0, o.R)(), ...e.components };
57    return (0, i.jsxs)(i.Fragment, { children: [(0, i.jsx)(t.h2, { id: 'over-deze-richtlijnen', children: 'Over deze richtlijnen' }), '\n', (0, i.jsxs)(t.p, { children: ['Deze richtlijnen worden onderhouden door NL Design System en zijn op dit moment in ', (0, i.jsx)(t.em, { children: 'beta' }), '.'] }), '\n', (0, i.jsxs)(t.p, { children: ['We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen?\n', (0, i.jsx)(t.a, { href: 'https://github.com/nl-design-system/documentatie/issues', children: 'Open een issue op GitHub' }), ' en deel je mening.'] })] });
58   }
59   function a(e = {}) {
60    const { wrapper: t } = { ...(0, o.R)(), ...e.components };
61    return t ? (0, i.jsx)(t, { ...e, children: (0, i.jsx)(s, { ...e }) }) : s(e);
62   }
63  },
64 },
65]);