{"id":67231,"date":"2024-05-17T14:20:22","date_gmt":"2024-05-17T12:20:22","guid":{"rendered":"https:\/\/spotler.com\/blog\/digitale-toegankelijkheid-belangrijk-voor-elke-organisatie"},"modified":"2026-05-07T15:26:08","modified_gmt":"2026-05-07T13:26:08","slug":"digitale-toegankelijkheid-belangrijk-voor-elke-organisatie","status":"publish","type":"blog","link":"https:\/\/spotler.com\/nl-nl\/blog\/digitale-toegankelijkheid-belangrijk-voor-elke-organisatie","title":{"rendered":"Digitale toegankelijkheid: belangrijk voor elke organisatie"},"content":{"rendered":"<p><strong><strong><strong>Op\u00a028 juni 2025\u00a0is\u00a0de Europese Toegankelijkheidsrichtlijn\u00a0(European Accessibility Act)\u00a0van kracht\u00a0geworden.\u00a0Deze wet verplicht bedrijven om hun producten en diensten toegankelijk te maken voor mensen met een beperking.\u00a0Als digitale toegankelijkheid een onbekend terrein voor je is, dan is het verstandig om je erin te verdiepen. En Spotler helpt je graag.\u00a0Maar eerst: wat betekent digitale toegankelijkheid?<\/strong>\u00a0<\/strong><\/strong><\/p>\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">Wat betekent digitale toegankelijkheid?\u00a0<\/h2>\n<p>Digitale toegankelijkheid&nbsp;kun je eenvoudig testen. Probeer maar eens: laat een online formulier, een social post of een nieuwsbrief voorlezen door een screen reader. Je komt er dan al snel achter dat het interpreteren van afbeeldingen, speciale tekens op je toetsenbord, een mooi schema op je site, foutmeldingen in je formulieren of de volgorde van je informatie niet vanzelfsprekend is.&nbsp;<\/p>\n<p>Of zet de site van je favoriete webshop eens op 200%. Zijn er contentblokken, menustructuren e.d. die verdwijnen of er anders uit komen te zien? Of probeer eens op een button te klikken zonder een muis te gebruiken. En hoe snel kun je informatie tot je nemen als je een carrousel voorbij ziet komen en hoeveel tijd krijg je eigenlijk om een formulier in te vullen? Online barri\u00e8res die we allemaal wel eens tegenkomen, maar die zeker gelden voor mensen met een functiebeperking.&nbsp;<\/p>\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">Wat\u00a0moet je doen om digitaal toegankelijk te worden?\u00a0<\/h2>\n<p>Best veel. Om een willekeurig voorbeeld te geven van een lead ad via Instagram:\u00a0<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-digitaletoegankelijkheid-fd.jpg\" alt=\"\" class=\"wp-image-18808\"\/><figcaption class=\"wp-element-caption\"><em>Lead ad op Instagram<\/em><\/figcaption><\/figure>\n<\/div>\n<p>De kleuren #FFEADC (lichtgele achtergrond) en #FE7910 (kleur van de button) passen heel goed bij het\u00a0Financieele\u00a0Dagblad. Het is herkenbaar. Maar als je de kleuren invoert op de\u00a0<a href=\"https:\/\/spotler.com\/nl-nl\/essentials\/kleurcontrast-checker\" target=\"_blank\" rel=\"noreferrer noopener\">kleurcontrastchecker<\/a>, dan krijg je een contrastratio van 2,27:1. Dit verschil is te klein om te voldoen aan de offici\u00eble richtlijnen van het WCAG AA-niveau.\u00a0<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"215\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-voorbeeldwcagchecker.webp\" alt=\"\" class=\"wp-image-246928\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-voorbeeldwcagchecker.webp 770w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-voorbeeldwcagchecker-300x84.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-voorbeeldwcagchecker-768x214.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-voorbeeldwcagchecker-767x214.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-voorbeeldwcagchecker-680x190.webp 680w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-voorbeeldwcagchecker-44x12.webp 44w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\"><em>Voorbeeld van de <a href=\"https:\/\/spotler.com\/nl-nl\/essentials\/kleurcontrast-checker\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/spotler.com\/nl-nl\/essentials\/kleurcontrast-checker\" rel=\"noreferrer noopener\">kleurcontrastchecker<\/a><\/em><\/figcaption><\/figure>\n<\/div>\n<p>Je kent \u2019t vast wel:\u00a0<a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG<\/a>\u202fstaat voor Web Content Accessibility Guidelines en die \u2018guidelines\u2019 kennen drie gradaties: A, AA en AAA. De richtlijnen voor digitale toegankelijkheid zijn op deze WCAG gebaseerd. Organisaties moeten minimaal voldoen aan het AA-niveau. Voor het\u00a0eerdergenoemde\u00a0kleurcontrast is een ratio noodzakelijk van 4,5:1 of hoger. Kleurcontrast loopt van 1:1 (geen contrast) tot 21:1 (maximaal contrast). Dat laatste is ook wel zwart op wit.\u00a0\u00a0<\/p>\n<p>Voor het&nbsp;Financieele&nbsp;Dagblad geldt dat de lichte achtergrondkleur prima kan, maar dat kleur van de button iets donkerder moet. Bijvoorbeeld: #AF5001.&nbsp;Of andersom uiteraard:&nbsp;je past de achtergrondkleur aan naar #412c1e.&nbsp;<\/p>\n<p>Marketing- en designteams zullen met dit soort zaken aan de slag moeten. En er is uiteraard veel meer dan alleen kleurcontrast. Om nog enkele aspecten van digitale toegankelijkheid op te sommen:&nbsp;<\/p>\n<ul class=\"wp-block-list\">\n<li>Gebruik zo min mogelijk gecentreerde tekst\u00a0<\/li>\n<li>Let op de verlooptijd van formulieren en foutmeldingen in formulieren\u00a0<\/li>\n<li>Maak\u00a0unieke\u00a0linknamen\u00a0<\/li>\n<li>Zet alt-teksten in voor afbeeldingen die waarde toevoegen\u00a0<\/li>\n<li>Houd er rekening mee dat afbeeldingen in grootformaat ook nog duidelijk zijn\u00a0<\/li>\n<\/ul>\n<p>E\u00e9n kleine toelichting: een linknaam als &#8216;<em>Lees verder<\/em>&#8216;\u202fof &#8216;<em>Meer info<\/em>&#8216; zijn in online uitingen vaak niet uniek en duidelijk. Als je \u2013 als voorbeeld \u2013 een mailing opstelt met meerdere contentblokken en elke contentblok eindigt met\u202f&#8217;<em>Meer info<\/em>&#8216;\u202fdan geeft dat lezers die een screen reader inzetten weinig houvast. Wat dat betreft is de button met\u202f&#8217;<em>Stopt vanzelf<\/em>&#8216; inclusief de kop\u202f&#8217;<em>Probeer het FD voor \u20ac1<\/em>&#8216; wel goed gekozen. Al is een extra check op het \u20ac-teken wel weer noodzakelijk. Misschien vinden screen readers de variant\u202f&#8217;<em>1 euro<\/em>&#8216;\u202fwel makkelijker.<\/p>\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-nog-maar-een-jaar-de-tijd\">Spotler helpt je met digitale toegankelijkheid\u00a0<\/h2>\n<p>Alles wat er komt kijken bij&nbsp;taal\u00adinstellingen, ALT-teksten, linknamen,&nbsp;zoomfunctionaliteit en&nbsp;kleurcontrast&nbsp;is \u00f3f in te stellen via onze software \u00f3f kun jezelf eenvoudig controleren.&nbsp;&nbsp;<\/p>\n<p>Om een voorbeeld te geven:\u00a0\u00a0<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"361\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-chatplus.webp\" alt=\"\" class=\"wp-image-246936\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-chatplus.webp 770w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-chatplus-300x141.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-chatplus-768x360.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-chatplus-767x360.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-chatplus-405x190.webp 405w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-chatplus-140x65.webp 140w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/blog-toegankelijkheid-chatplus-44x21.webp 44w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\"><em>Voorbeeld uit Spotler Chat+<\/em><\/figcaption><\/figure>\n<\/div>\n<p>Bovenstaande afbeelding laat een menu zien in <a href=\"https:\/\/spotler.com\/nl-nl\/chatplus\" data-type=\"page\" data-id=\"66686\">Spotler Chat+<\/a>. Met Spotler Chat+ kun je je eigen chatbottechnologie instellen voor je website. En ook deze technologie moet voldoen aan de toegankelijkheidsrichtlijnen. Dit houdt onder andere in dat de functionaliteiten van de chatbotwidget blijven werken als je deze vergroot.\u00a0Of dat er altijd een optie moet zijn voor echt menselijke\u00a0support.\u00a0<\/p>\n<p>Je zult dit wel zelf moeten activeren&nbsp;en instellen&nbsp;in onze software,&nbsp;maar&nbsp;soms vraagt dat slechts \u00e9\u00e9n ingeschakeld vinkje.&nbsp;<\/p>\n<p>Ook de kleuren stel je in onze software eenvoudig in met RGB-codes of\u00a0hex-codes. Deze codes kun je vervolgens plakken in\u00a0de eerdergenoemde\u00a0<a href=\"https:\/\/spotler.com\/nl-nl\/essentials\/kleurcontrast-checker\" target=\"_blank\" data-type=\"essentials\" data-id=\"175507\" rel=\"noreferrer noopener\">kleurcontrastchecker<\/a>.\u00a0\u00a0<\/p>\n<p>Zo weet je of de verschillende kleuren die je voor je\u00a0chatbot\u00a0gebruikt voldoende contrast hebben. Maar ook als je werkt in een andere editor van onze software\u00a0&#8211; bijvoorbeeld\u00a0in <a href=\"https:\/\/spotler.com\/nl-nl\/mailplus\" data-type=\"page\" data-id=\"74596\">Mail+<\/a> &#8211; dan is het verstandig om buttonkleuren, tekstkleuren en achtergrondkleuren te checken op contrast.\u00a0<\/p>\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-group has-light-blue-background-color has-background\">\n<div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group no-bot-margin no-pad-bottom has-light-blue-background-color has-background\">\n<div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-blue-color has-text-color has-link-color wp-elements-0ca95b1eda7b4e6c93e7253d76526772\" id=\"h-infographic-digitale-toegankelijkheid\">Spotler helpt je met digitale toegankelijkheid<\/h3>\n<p class=\"no-pad-bottom\">De richtlijnen voor digitale toegankelijkheid gelden niet alleen voor onze klanten, maar ook voor onszelf. Als je benieuwd bent welke wijzigingen wij hebben doorgevoerd ins ons marketingmateriaal, lees dan ons blog: <a href=\"https:\/\/spotler.com\/nl-nl\/blog\/wcag-emails-toegankelijk-maken\" target=\"_blank\" rel=\"noreferrer noopener\">Waarom e-mails toegankelijk moeten zijn<\/a>. Je krijgt een mooie kijk in onze keuken.<\/p>\n<\/div>\n<\/div>\n<div class=\"wp-block-columns no-bot-margin pb-0 ml-0 mr-0 no-pad-top has-light-blue-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column pl-0 is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading has-blue-color has-text-color has-link-color wp-elements-6488ae7fe9c2def3ed7db74b8e578e7b\" id=\"h-spotler-helpt-je-met-digitale-toegankelijkheid\">Infographic Digitale toegankelijkheid<\/h4>\n<p>Taalinstellingen, ALT-teksten, linknamen, handige plug-ins, kleurcontrast etc. Bij digitale toegankelijkheid komt best veel kijken. Wij hebben de belangrijkste aspecten voor je opgesomd in een infographic.<\/p>\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/marketing.spotler.com\/downloads\/infographics\/spotler-digitale-toegankelijkheid-in-email.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Download infographic<\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"wp-block-column no-bot-margin is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full no-bot-margin pb-0\"><a href=\"https:\/\/marketing.spotler.com\/downloads\/infographics\/spotler-digitale-toegankelijkheid-in-email.pdf\" target=\"_blank\" rel=\" noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/05\/infographic-digitale-toegankelijkheid2.webp\" alt=\"\" class=\"wp-image-18860\"\/><\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">Digitale toegankelijkheid goed voor je business<\/h2>\n<p>Digitale toegankelijkheid is veel meer dan alleen een ethisch-maatschappelijke kwestie. In de marketing wordt sinds het onderzoek van Rick Williams en Steve Brownlow (bron: <a href=\"https:\/\/www.clickawaypound.com\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">Freeney Williams Ltd<\/a>.) gesproken over de Click-Away Pound of in het Nederlands de \u2018wegklik-euro\u2019. Volgens een eerste rekensom \u2013 harde cijfers ontbreken \u2013 zou de Nederlandse e-commercemarkt zo\u2019n 3,5 miljard euro laten liggen door digitaal ontoegankelijke webshops (bron: <a href=\"https:\/\/www.emerce.nl\/achtergrond\/e-commerce-loopt-jaarlijks-e34-miljard-mis-door-slecht-toegankelijke-websites\" target=\"_blank\" rel=\"noreferrer noopener\">Emerce<\/a>). Consumenten met een beperking klikken digitaal ontoegankelijke sites namelijk weg. Er is dus om verschillende redenen werk aan de winkel.<\/p>\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">Hulp nodig? Wij staan voor je klaar\u00a0<\/h2>\n<p>We helpen je graag op weg met <a href=\"https:\/\/marketing.spotler.com\/downloads\/infographics\/spotler-digitale-toegankelijkheid-in-email.pdf\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/marketing.spotler.com\/downloads\/infographics\/spotler-digitale-toegankelijkheid-in-email.pdf\" rel=\"noreferrer noopener\">onze infographic<\/a> of plannen een inspirerend kennismakingsgesprek in. Zo ontdek je meteen wat jij kunt doen om toegankelijker te communiceren\u00a0&#8211;\u00a0\u00e9n waarom dat loont.<\/p>\n<p>Neem dan geheel vrijblijvend contact op met ons verkoopadviesteam op +31 (0)88 \u2013 103 09 00 of mail ze via\u00a0<a href=\"mailto:sales@spotler.nl\">sales@spotler.nl<\/a>\u00a0of\u00a0<a href=\"https:\/\/spotler.com\/nl-nl\/inspiratiegesprek\" data-type=\"page\" data-id=\"3477\">plan een gesprek in<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Op 28 juni 2025 moet bijna elke organisatie de nieuwe richtlijn over digitale toegankelijkheid naleven. Wat betekent dit voor jou en jouw organisatie?<\/p>\n","protected":false},"author":27,"featured_media":70670,"template":"","cat_industry":[],"cat_topic":[1686],"class_list":["post-67231","blog","type-blog","status-publish","has-post-thumbnail","hentry","cat_topic-strategy-nl-nl"],"acf":[],"_links":{"self":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/blog\/67231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/users\/27"}],"version-history":[{"count":4,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/blog\/67231\/revisions"}],"predecessor-version":[{"id":246977,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/blog\/67231\/revisions\/246977"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/media\/70670"}],"wp:attachment":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/media?parent=67231"}],"wp:term":[{"taxonomy":"cat_industry","embeddable":true,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/cat_industry?post=67231"},{"taxonomy":"cat_topic","embeddable":true,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/cat_topic?post=67231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}