{"id":14801,"date":"2025-05-23T17:49:35","date_gmt":"2025-05-23T15:49:35","guid":{"rendered":"https:\/\/www.typografics.be\/?p=14801"},"modified":"2025-05-23T17:49:35","modified_gmt":"2025-05-23T15:49:35","slug":"wcag-richtlijnen-een-toegankelijke-website","status":"publish","type":"post","link":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/","title":{"rendered":"WCAG-richtlijnen: een toegankelijke website"},"content":{"rendered":"\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">In short<\/h4>\n\n\n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-32a6a34a6419e0db80d04ef9c67463ae\">In een steeds digitalere wereld is het belangrijk dat websites toegankelijk zijn voor iedereen, ook voor mensen met een beperking. De WCAG-richtlijnen vormen de internationale standaard voor digitale toegankelijkheid. Ze helpen ontwikkelaars, ontwerpers en contentmakers bij het bouwen van websites die door iedereen gebruikt kunnen worden, ongeacht fysieke of cognitieve beperkingen.<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-a3c8fd9e5fd75132686c9035ee87d720\">Wat zijn de WCAG-richtlijnen?<\/h2>\n\n\n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-6de888eeaebc266db684377793ab265c\">WCAG staat voor <strong><a href=\"https:\/\/www.vlaanderen.be\/inter\/toolbox-toegankelijke-steden-en-gemeenten\/algemeen-bestuur-dienstverlening-en-communicatie\/digitale-toegankelijkheid\/richtlijnen-voor-toegankelijkheid-van-webcontent-wcag\">Web Content Accessibility Guidelines<\/a><\/strong> \u2013 een hele mond vol voor iets wat eigenlijk heel logisch is: zorgen dat je website voor iedereen bruikbaar is. Ook voor wie niet (goed) kan zien, horen, lezen of een muis kan gebruiken.<\/p>\n\n\n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-c645e628e62f8fbab9d9726851472d16\"><\/p>\n\n\n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-9e9e7c59066698f7a92274f7018630ef\">De richtlijnen zijn opgesteld door het W3C (d\u00e9 club voor webstandaarden) en helpen je bouwen aan een toegankelijke website die werkt voor \u00e1lle bezoekers. De versie waar we nu vooral mee werken is <strong>WCAG 2.1<\/strong> en versie 2.2 is inmiddels ook gepubliceerd. De richtlijnen zijn opgebouwd rond vier principes: een toegankelijke website moet <strong>waarneembaar<\/strong>, <strong>bedienbaar<\/strong>, <strong>begrijpelijk<\/strong> en <strong>robuust<\/strong> zijn. Ook wel bekend als het POUR-principe.<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Waarom is het belangrijk?<\/h2>\n\n\n\n<p>Kort gezegd: het is menselijk, slim en sommige gevallen zelfs verplicht (jep, check <a href=\"https:\/\/www.vlaanderen.be\/inter\/toolbox-toegankelijke-steden-en-gemeenten\/algemeen-bestuur-dienstverlening-en-communicatie\/digitale-toegankelijkheid\/richtlijnen-voor-toegankelijkheid-van-webcontent-wcag\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-secondary-color\"><span style=\"text-decoration: underline;\">de wetgeving<\/span><\/mark><\/a>). Een toegankelijke website betekent meer mensen bereiken, betere gebruikservaring en je laat zien dat je als organisatie inclusief denkt. Denk aan mensen met een visuele beperking die gebruikmaken van screenreaders, of gebruikers die navigeren met alleen een toetsenbord. Bovendien wordt je website beter gevonden in zoekmachines en is het dus goed voor je SEO.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Daarnaast is er ook het juridische aspect: voor websites die onder de toegankelijkheidswetgeving vallen, geldt dat ze <strong>tegen 28 juni 2025<\/strong> moeten voldoen aan de WCAG 2.2-richtlijnen. Dat is geen vrijblijvende deadline, maar een wettelijke verplichting binnen de Europese toegankelijkheidswet (EAA). <\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Wie moet WCAG-proof zijn?<\/h2>\n\n\n\n<p>Nu vraag jij je misschien af: \u201cMoet ik me hier zorgen om maken?\u201d<br>Een terechte vraag. De regels rond digitale toegankelijkheid gelden niet voor iedereen, maar <strong>wel voor veel meer organisaties dan je denkt<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-8 py-8\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">Van toepassing: <\/mark><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffffff\" class=\"has-inline-color\">Websites en apps die producten of diensten verkopen<\/mark><\/strong><\/li>\n\n\n\n<li><strong>E-commerce platformen<\/strong><\/li>\n\n\n\n<li><strong>Banken en financi\u00eble instellingen<\/strong><\/li>\n\n\n\n<li><strong>Telecom- en internetproviders<\/strong><\/li>\n\n\n\n<li><strong>Transportbedrijven: <\/strong>luchtvaart, trein, &#8230;<\/li>\n\n\n\n<li><strong>Professionele diensten:<\/strong> artsen, advocaten, &#8230;<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ff6900\" class=\"has-inline-color\">Niet van toepassing:<\/mark><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Kleine zaken:<\/strong> minder dan 10 werknemers en minder dan \u20ac 2 miljoen jaaromzet<\/li>\n\n\n\n<li><strong>B2B-bedrijven:<\/strong> maar bedien je B2B \u00e9n B2C, dan is de wetgeving wel van toepassing<\/li>\n\n\n\n<li><strong>Bepaalde sectoren<\/strong> zoals ngo&#8217;s<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-8 py-8\"><\/div>\n\n\n\n<p>Vergeet niet, WCAG gaat niet alleen over websites. De regels gelden voor <strong>alle digitale platformen en documenten<\/strong> die publiek toegankelijk zijn. Denk bijvoorbeeld aan mobiele apps, interactieve pdf&#8217;s en formulieren, webapplicaties, digitale magazines, e-books, presentaties en ook interne tools. Kortom: alles wat digitaal en publiek toegankelijk is.<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>WCAG<\/strong> in de praktijk<\/h2>\n\n\n\n<p>Een website toegankelijker maken, hoe doe je dat? Goeie vraag, hier zijn enkele toepassingen: <\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Alternatieve teksten<\/strong>: Afbeeldingen moeten voorzien zijn van beschrijvende alt-teksten zodat screenreaders deze kunnen voorlezen.<\/li>\n\n\n\n<li><strong>Kleurencontrast<\/strong>: Teksten moeten voldoende contrast hebben ten opzichte van de achtergrond (minimaal 4.5:1).<\/li>\n\n\n\n<li><strong>Toetsenbordnavigatie<\/strong>: Alle functies moeten via een toetsenbord toegankelijk zijn, dus zonder muis.<\/li>\n\n\n\n<li><strong>Duidelijke structuur<\/strong>: Gebruik van koppen (H1, H2, H3) helpt gebruikers en screenreaders om de inhoud logisch te begrijpen.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Deze lijst is natuurlijk niet volledig, maar het is een eerste sterke stap naar een inclusieve website. We leggen ze even simpel uit aan de hand van enkele praktijkvoorbeelden.<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-6 py-4\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">01 Duidelijke alternatieve teksten<\/h4>\n\n\n\n<p>Een alt-tekst is een korte <strong>beschrijving die je aan een afbeelding geeft<\/strong>, achter de schermen. Die tekst wordt zichtbaar als de afbeelding niet laadt of wordt voorgelezen door een screenreader. Vermijd vage termen zoals \u201cvrachtwagen\u201d en kies voor iets beschrijvend zoals &#8220;Elektrische vrachtwagen die voorbijrijdt\u201d. Een duidelijke alt-tekst is cruciaal voor de digitale toegankelijkheid van je website, zo geef je context aan gebruikers de afbeelding niet kunnen zien.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/9-1024x640.png\" alt=\"\" class=\"wp-image-14938\" srcset=\"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/9-1024x640.png 1024w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/9-300x188.png 300w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/9-768x480.png 768w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/9-1536x960.png 1536w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/9.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Duidelijke alt-teksten toevoegen<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-6 py-4\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">02 Formulier opmaak met labels<\/h4>\n\n\n\n<p>Een goed contactformulier is duidelijk en gebruikt labels: korte tekstjes die boven of naast een invulveld staan, zoals \u201cVoornaam\u201d of \u201cE-mailadres\u201d. Ze blijven zichtbaar, geven structuur en helpen ook gebruikers met een screenreader. Placeholders daarentegen, zijn tekstjes die in het veld zelf staan, maar verdwijnen zodra je begint te typen. Handig op het eerste gezicht, maar minder toegankelijk als je even wil terugkijken wat er stond.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/11-1024x640.png\" alt=\"\" class=\"wp-image-14945\" srcset=\"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/11-1024x640.png 1024w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/11-300x188.png 300w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/11-768x480.png 768w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/11-1536x960.png 1536w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/11.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Opmaak van formulier op website<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-6 py-4\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">03 Kleurencontrast ten opzichte van de achtergrond<\/h4>\n\n\n\n<p>Net zoals elk bedrijf kies je je merkkleuren zorgvuldig uit en trek je die door tot op de website. Heel goed, maar het moet ook functioneel zijn. Het is cruciaal dat het <strong>kleurencontrast voldoende sterk<\/strong> is. Wanneer het contrast tussen tekst en achtergrond te zwak is, wordt de inhoud moeilijk leesbaar. Niet alleen voor mensen met een visuele beperking, maar eigenlijk voor iedereen. Volgens WCAG-normen is er een contrastverhouding van minstens 4.5:1 vereist voor tekst.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/12-1024x640.png\" alt=\"\" class=\"wp-image-14951\" srcset=\"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/12-1024x640.png 1024w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/12-300x188.png 300w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/12-768x480.png 768w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/12-1536x960.png 1536w, https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/12.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Voldoende kleurencontrast ten opzichte van de achtergrond<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Hoe start je met WCAG?<\/strong><\/h2>\n\n\n\n<p>TIP: Gooi niet meteen je hele website overhoop! Start met een toegankelijkheidscheck via <a href=\"https:\/\/ismijnsitetoegankelijk.nl\/\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-secondary-color\"><span style=\"text-decoration: underline;\">www.ismijnsitetoegankelijk.nl<\/span><\/mark><\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>En doe zelf eens een snelle check:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Test je website met een screenreader.<\/li>\n\n\n\n<li>Controleer je afbeeldingen op alt-teksten.<\/li>\n\n\n\n<li>Probeer je website te navigeren met je toetsenbord (tab).<\/li>\n\n\n\n<li>Zoom in &amp; out. Blijft alles leesbaar?<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p>Je website in het wilde weg aanpassen op basis van enkele aanbevelingen is niet the way to go. Ga van start met enkele quick wins (alt-teksten, koppen) en doe eventueel verder beroep op experten. Zij werken strategisch en bouwen verder op. Nog beter: achteraf testen experts je toegankelijkheidsscore opnieuw. Hun feedback, die is goud waard.<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wij zijn ook (nog) niet 100% WCAG-proof<\/strong><\/h2>\n\n\n\n<p>We zeggen het zoals het is: ook onze eigen website is nog niet 100% WCAG-proof. But we&#8217;re working on it! We duiken steeds dieper in de wereld van digitale toegankelijkheid, volgen de richtlijnen op de voet en passen ze stap per stap toe. Waarom? Omdat we vinden dat het web voor iedereen toegankelijk moet zijn.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>We helpen jou uiteraard ook graag vooruit. Want van sterk design en goede websites worden we allemaal een tikkeltje blijer. We bekijken graag wat we voor jou kunnen doen.<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>In short In een steeds digitalere wereld is het belangrijk dat websites toegankelijk zijn voor iedereen, ook voor mensen met een beperking. De WCAG-richtlijnen vormen de internationale standaard voor digitale toegankelijkheid. Ze helpen ontwikkelaars, ontwerpers en contentmakers bij het bouwen van websites die door iedereen gebruikt kunnen worden, ongeacht fysieke of cognitieve beperkingen. Wat zijn de WCAG-richtlijnen? WCAG staat voor Web Content Accessibility Guidelines \u2013 een hele mond vol voor iets wat eigenlijk heel logisch is: zorgen dat je website voor iedereen bruikbaar is. Ook voor wie niet (goed) kan zien, horen, lezen of een muis kan gebruiken. De richtlijnen zijn opgesteld door het W3C (d\u00e9 club voor webstandaarden) en helpen je bouwen aan een toegankelijke website die werkt voor \u00e1lle bezoekers. De versie waar we nu vooral mee werken is WCAG 2.1 en versie 2.2 is inmiddels ook gepubliceerd. De richtlijnen zijn opgebouwd rond vier principes: een toegankelijke website moet waarneembaar, bedienbaar, begrijpelijk en robuust zijn. Ook wel bekend als het POUR-principe. Waarom is het belangrijk? Kort gezegd: het is menselijk, slim en sommige gevallen zelfs verplicht (jep, check de wetgeving). Een toegankelijke website betekent meer mensen bereiken, betere gebruikservaring en je laat zien dat je als organisatie inclusief denkt. Denk aan mensen met een visuele beperking die gebruikmaken van screenreaders, of gebruikers die navigeren met alleen een toetsenbord. Bovendien wordt je website beter gevonden in zoekmachines en is het dus goed voor je SEO. Daarnaast is er ook het juridische aspect: voor websites die onder de toegankelijkheidswetgeving vallen, geldt dat ze tegen 28 juni 2025 moeten voldoen aan de WCAG 2.2-richtlijnen. Dat is geen vrijblijvende deadline, maar een wettelijke verplichting binnen de Europese toegankelijkheidswet (EAA). Wie moet WCAG-proof zijn? Nu vraag jij je misschien af: \u201cMoet ik me hier zorgen om maken?\u201dEen terechte vraag. De regels rond digitale toegankelijkheid gelden niet voor iedereen, maar wel voor veel meer organisaties dan je denkt. Van toepassing: Niet van toepassing: Vergeet niet, WCAG gaat niet alleen over websites. De regels gelden voor alle digitale platformen en documenten die publiek toegankelijk zijn. Denk bijvoorbeeld aan mobiele apps, interactieve pdf&#8217;s en formulieren, webapplicaties, digitale magazines, e-books, presentaties en ook interne tools. Kortom: alles wat digitaal en publiek toegankelijk is. WCAG in de praktijk Een website toegankelijker maken, hoe doe je dat? Goeie vraag, hier zijn enkele toepassingen: Deze lijst is natuurlijk niet volledig, maar het is een eerste sterke stap naar een inclusieve website. We leggen ze even simpel uit aan de hand van enkele praktijkvoorbeelden. 01 Duidelijke alternatieve teksten Een alt-tekst is een korte beschrijving die je aan een afbeelding geeft, achter de schermen. Die tekst wordt zichtbaar als de afbeelding niet laadt of wordt voorgelezen door een screenreader. Vermijd vage termen zoals \u201cvrachtwagen\u201d en kies voor iets beschrijvend zoals &#8220;Elektrische vrachtwagen die voorbijrijdt\u201d. Een duidelijke alt-tekst is cruciaal voor de digitale toegankelijkheid van je website, zo geef je context aan gebruikers de afbeelding niet kunnen zien. 02 Formulier opmaak met labels Een goed contactformulier is duidelijk en gebruikt labels: korte tekstjes die boven of naast een invulveld staan, zoals \u201cVoornaam\u201d of \u201cE-mailadres\u201d. Ze blijven zichtbaar, geven structuur en helpen ook gebruikers met een screenreader. Placeholders daarentegen, zijn tekstjes die in het veld zelf staan, maar verdwijnen zodra je begint te typen. Handig op het eerste gezicht, maar minder toegankelijk als je even wil terugkijken wat er stond. 03 Kleurencontrast ten opzichte van de achtergrond Net zoals elk bedrijf kies je je merkkleuren zorgvuldig uit en trek je die door tot op de website. Heel goed, maar het moet ook functioneel zijn. Het is cruciaal dat het kleurencontrast voldoende sterk is. Wanneer het contrast tussen tekst en achtergrond te zwak is, wordt de inhoud moeilijk leesbaar. Niet alleen voor mensen met een visuele beperking, maar eigenlijk voor iedereen. Volgens WCAG-normen is er een contrastverhouding van minstens 4.5:1 vereist voor tekst. Hoe start je met WCAG? TIP: Gooi niet meteen je hele website overhoop! Start met een toegankelijkheidscheck via www.ismijnsitetoegankelijk.nl En doe zelf eens een snelle check: Je website in het wilde weg aanpassen op basis van enkele aanbevelingen is niet the way to go. Ga van start met enkele quick wins (alt-teksten, koppen) en doe eventueel verder beroep op experten. Zij werken strategisch en bouwen verder op. Nog beter: achteraf testen experts je toegankelijkheidsscore opnieuw. Hun feedback, die is goud waard. Wij zijn ook (nog) niet 100% WCAG-proof We zeggen het zoals het is: ook onze eigen website is nog niet 100% WCAG-proof. But we&#8217;re working on it! We duiken steeds dieper in de wereld van digitale toegankelijkheid, volgen de richtlijnen op de voet en passen ze stap per stap toe. Waarom? Omdat we vinden dat het web voor iedereen toegankelijk moet zijn. We helpen jou uiteraard ook graag vooruit. Want van sterk design en goede websites worden we allemaal een tikkeltje blijer. We bekijken graag wat we voor jou kunnen [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":14890,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_blog_takeaway_title":"","_blog_takeaway_text":"","_blog_download_title":"","_blog_download_url":"","_blog_footer":"","footnotes":""},"categories":[262],"tags":[],"class_list":["post-14801","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-read"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>WCAG-richtlijnen: een toegankelijke website - Typografics<\/title>\n<meta name=\"description\" content=\"De WCAG-richtlijnen helpen je een website bouwen die voor iedereen toegankelijk is. Het zorgt ervoor dat je website gebruiksvriendelijk is.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WCAG-richtlijnen: een toegankelijke website - Typografics\" \/>\n<meta property=\"og:description\" content=\"De WCAG-richtlijnen helpen je een website bouwen die voor iedereen toegankelijk is. Het zorgt ervoor dat je website gebruiksvriendelijk is.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Typografics\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-23T15:49:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/Blog-WCAG-1-1024x556.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"556\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Emma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Emma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/\"},\"author\":{\"name\":\"Emma\",\"@id\":\"https:\/\/www.typografics.be\/en\/#\/schema\/person\/162e7904950a224d6e99910c6660dceb\"},\"headline\":\"WCAG-richtlijnen: een toegankelijke website\",\"datePublished\":\"2025-05-23T15:49:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/\"},\"wordCount\":964,\"publisher\":{\"@id\":\"https:\/\/www.typografics.be\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/Blog-WCAG-1.png\",\"articleSection\":[\"Read\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/\",\"url\":\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/\",\"name\":\"WCAG-richtlijnen: een toegankelijke website - Typografics\",\"isPartOf\":{\"@id\":\"https:\/\/www.typografics.be\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/Blog-WCAG-1.png\",\"datePublished\":\"2025-05-23T15:49:35+00:00\",\"description\":\"De WCAG-richtlijnen helpen je een website bouwen die voor iedereen toegankelijk is. Het zorgt ervoor dat je website gebruiksvriendelijk is.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#primaryimage\",\"url\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/Blog-WCAG-1.png\",\"contentUrl\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/Blog-WCAG-1.png\",\"width\":1600,\"height\":868,\"caption\":\"Blog WCAG-richtlijnen header\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.typografics.be\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WCAG-richtlijnen: een toegankelijke website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.typografics.be\/en\/#website\",\"url\":\"https:\/\/www.typografics.be\/en\/\",\"name\":\"Typografics\",\"description\":\"jouw partner in visuele communicatie\",\"publisher\":{\"@id\":\"https:\/\/www.typografics.be\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.typografics.be\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.typografics.be\/en\/#organization\",\"name\":\"Typografics\",\"url\":\"https:\/\/www.typografics.be\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.typografics.be\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2023\/08\/logo-typografics.svg\",\"contentUrl\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2023\/08\/logo-typografics.svg\",\"width\":1,\"height\":1,\"caption\":\"Typografics\"},\"image\":{\"@id\":\"https:\/\/www.typografics.be\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.typografics.be\/en\/#\/schema\/person\/162e7904950a224d6e99910c6660dceb\",\"name\":\"Emma\",\"url\":\"https:\/\/www.typografics.be\/en\/author\/emma\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WCAG-richtlijnen: een toegankelijke website - Typografics","description":"De WCAG-richtlijnen helpen je een website bouwen die voor iedereen toegankelijk is. Het zorgt ervoor dat je website gebruiksvriendelijk is.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/","og_locale":"en_US","og_type":"article","og_title":"WCAG-richtlijnen: een toegankelijke website - Typografics","og_description":"De WCAG-richtlijnen helpen je een website bouwen die voor iedereen toegankelijk is. Het zorgt ervoor dat je website gebruiksvriendelijk is.","og_url":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/","og_site_name":"Typografics","article_published_time":"2025-05-23T15:49:35+00:00","og_image":[{"width":1024,"height":556,"url":"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/Blog-WCAG-1-1024x556.png","type":"image\/png"}],"author":"Emma","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Emma","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#article","isPartOf":{"@id":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/"},"author":{"name":"Emma","@id":"https:\/\/www.typografics.be\/en\/#\/schema\/person\/162e7904950a224d6e99910c6660dceb"},"headline":"WCAG-richtlijnen: een toegankelijke website","datePublished":"2025-05-23T15:49:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/"},"wordCount":964,"publisher":{"@id":"https:\/\/www.typografics.be\/en\/#organization"},"image":{"@id":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/Blog-WCAG-1.png","articleSection":["Read"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/","url":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/","name":"WCAG-richtlijnen: een toegankelijke website - Typografics","isPartOf":{"@id":"https:\/\/www.typografics.be\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#primaryimage"},"image":{"@id":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/Blog-WCAG-1.png","datePublished":"2025-05-23T15:49:35+00:00","description":"De WCAG-richtlijnen helpen je een website bouwen die voor iedereen toegankelijk is. Het zorgt ervoor dat je website gebruiksvriendelijk is.","breadcrumb":{"@id":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#primaryimage","url":"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/Blog-WCAG-1.png","contentUrl":"https:\/\/www.typografics.be\/wp-content\/uploads\/2025\/05\/Blog-WCAG-1.png","width":1600,"height":868,"caption":"Blog WCAG-richtlijnen header"},{"@type":"BreadcrumbList","@id":"https:\/\/www.typografics.be\/en\/wcag-richtlijnen-een-toegankelijke-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.typografics.be\/en\/"},{"@type":"ListItem","position":2,"name":"WCAG-richtlijnen: een toegankelijke website"}]},{"@type":"WebSite","@id":"https:\/\/www.typografics.be\/en\/#website","url":"https:\/\/www.typografics.be\/en\/","name":"Typografics","description":"jouw partner in visuele communicatie","publisher":{"@id":"https:\/\/www.typografics.be\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.typografics.be\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.typografics.be\/en\/#organization","name":"Typografics","url":"https:\/\/www.typografics.be\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.typografics.be\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.typografics.be\/wp-content\/uploads\/2023\/08\/logo-typografics.svg","contentUrl":"https:\/\/www.typografics.be\/wp-content\/uploads\/2023\/08\/logo-typografics.svg","width":1,"height":1,"caption":"Typografics"},"image":{"@id":"https:\/\/www.typografics.be\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.typografics.be\/en\/#\/schema\/person\/162e7904950a224d6e99910c6660dceb","name":"Emma","url":"https:\/\/www.typografics.be\/en\/author\/emma\/"}]}},"_links":{"self":[{"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/posts\/14801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/comments?post=14801"}],"version-history":[{"count":59,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/posts\/14801\/revisions"}],"predecessor-version":[{"id":15056,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/posts\/14801\/revisions\/15056"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/media\/14890"}],"wp:attachment":[{"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/media?parent=14801"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/categories?post=14801"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/tags?post=14801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}