{"id":3497,"date":"2025-07-01T11:30:55","date_gmt":"2025-07-01T09:30:55","guid":{"rendered":"https:\/\/staging.mxblue.nl\/?p=3497"},"modified":"2025-07-01T12:30:57","modified_gmt":"2025-07-01T10:30:57","slug":"10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act","status":"publish","type":"post","link":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/","title":{"rendered":"10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act"},"content":{"rendered":"\n<section id=\"mxblue-post-base-block_f0d0680c55b8b8dc35785e64f7828bc0\" class=\"relative p-section bg-white mxblue-post-base alignfull\">\n   <div class=\"container flex flex-col items-center gap-y-10\">\n\n      <div class=\"flex flex-col w-full gap-12 lg:w-[calc(100%-200px)]\">\n                     <div class=\"aspect-3-125\">\n               <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"425\" src=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8-1024x425.jpg\" class=\"aspect-3-125 rounded-lg object-cover w-full\" alt=\"\" srcset=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8-1024x425.jpg 1024w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8-300x125.jpg 300w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8-768x319.jpg 768w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8-1536x638.jpg 1536w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8.jpg 1704w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>            <\/div>\n               <\/div>\n\n      <div class=\"post-content w-full lg:w-[calc(100%-400px)]\">\n\n                     <ul class=\"!mb-4 seperator !flex-row\">\n               <li><a href=\"https:\/\/staging.mxblue.nl\/category\/blog\/\">Blog NL<\/a><\/li>            <\/ul>\n         \n         <h1 class=\"mb-4\">10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act<\/h1>\n         \n\n<h2 class=\"wp-block-heading\"><strong>Het is zover, en nu?<\/strong>&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sinds kort (28 juni 2025) is de European Accessibility Act (EAA) officieel van kracht. Als je dit blog leest, ben je waarschijnlijk niet de enige die zich afvraagt: <em>&#8220;Zijn onze Mendix applicaties wel compliant?<\/em>&#8221; Het goede nieuws? Je bent niet te laat om\u00a0actie te ondernemen. Het minder goede nieuws? Uitstel is geen optie meer.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De EAA verplicht bedrijven om hun digitale consumenten producten en diensten toegankelijk te maken voor mensen met een beperking. Dit geldt ook voor jouw Mendix web applicaties. Mendix biedt alle tools die je nodig hebt om WCAG 2.1 AA-conforme applicaties te bouwen. Het is alleen aan jou als developer of product owner om deze tools goed te gebruiken.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In dit blog deel ik 10 concrete tips. Plus een cruciale bonus tip over conformiteitsverklaringen die de meeste organisaties nog steeds over het hoofd zien.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong> Quick Wins (implementeer deze week)<\/strong>\u00a0<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. Start met een WAVE Scan van je Applicatie<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De eerste stap naar toegankelijkheid? Weten waar je staat. WAVE (Web Accessibility Evaluation Tool) is een gratis browser-extensie die direct laat zien welke toegankelijkheidsproblemen je applicatie heeft.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wat te doen:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Installeer de <a href=\"https:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">WAVE browser extensie<\/a>\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Run een scan op je belangrijkste Mendix pagina&#8217;s\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Focus eerst op de &#8216;rode&#8217; errors , dit zijn WCAG-overtredingen die direct gefixed moeten worden\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Let vooral op missing alt-teksten, ontbrekende form labels, en kleurcontrast problemen\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mendix specifiek:<\/strong> WAVE herkent automatisch Mendix-gegenereerde HTML structuren en wijst je direct op problemen met input widgets en data grids.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"382\" height=\"624\" src=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-1.png\" alt=\"\" class=\"wp-image-3505\" srcset=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-1.png 382w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-1-184x300.png 184w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. Controleer je HTML Hi\u00ebrarchie en Headers<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Veel Mendix developers gebruiken headers (H1, H2, H3) vooral voor styling, niet voor structuur. Screen readers vertrouwen echter op een logische header-hi\u00ebrarchie om content te navigeren.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wat te doen:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gebruik slechts \u00e9\u00e9n H1 per pagina (meestal je pagina titel)\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zorg voor een logische volgorde: H1 \u2192 H2 \u2192 H3, geen levels overslaan\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In Mendix: gebruik de Text widget met juiste header level, niet custom CSS classes\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"214\" src=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-2.png\" alt=\"\" class=\"wp-image-3508\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Quick check:<\/strong> Kan je je pagina begrijpen door alleen de headers te lezen? Dan zit je goed.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. Implementeer Juiste Focus States<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mendix applicaties hebben vaak slechte keyboard navigatie omdat developers focus states niet configureren. Voor gebruikers die alleen een toetsenbord gebruiken is dit essentieel.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wat te doen:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Test je app met alleen Tab en Enter toetsen\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zorg dat alle interactieve elementen (buttons, links, inputs) een zichtbare focus indicator hebben\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In Mendix Studio Pro: gebruik de &#8216;Focusable&#8217; property op widgets waar nodig\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Voeg custom CSS toe voor duidelijke focus outlines:\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">.mx-button:focus, .form-control:focus {&nbsp;<br>&nbsp;&nbsp;&nbsp; outline: 2px solid #0066CC;&nbsp;<br>&nbsp;&nbsp;&nbsp; outline-offset: 2px;&nbsp;<br>}&nbsp;<br>&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4. Fix Alt-teksten en Form Labels<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ontbrekende alt-teksten en form labels zijn de meest voorkomende WCAG-overtredingen in Mendix apps.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wat te doen:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elke Image widget: vul de &#8216;Alternative text&#8217; property in\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Decoratieve afbeeldingen: laat alt-tekst leeg (maar vul wel de property in)\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Text Box en andere input widgets: gebruik altijd de &#8216;Label&#8217; property\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Als je geen zichtbare label wilt: gebruik &#8216;Screen reader caption&#8217; property\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"702\" src=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-3.png\" alt=\"\" class=\"wp-image-3510\" srcset=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-3.png 600w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-3-256x300.png 256w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mendix tip:<\/strong> De Accessibility Helper widget uit de Marketplace kan je helpen om labels programmatisch toe te voegen.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<h2 class=\"wp-block-heading\">&#8220;<strong>De EAA is vandaag al van kracht, maar het is niet te laat om te beginnen.<\/strong>&#8221; <em>Rick van der Werf &#8211; Mendix UX Designer <\/em><\/h2>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>5. Optimaliseer Keyboard Toegankelijkheid<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mendix apps zijn vaak muis-gedreven ontworpen. Maak ze keyboard-vriendelijk.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wat te doen:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zet &#8216;Tab index&#8217; property op belangrijke widgets (0 = normaal, -1 = skip)\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Test modals en pop-ups: kan je ze openen \u00e9n sluiten met keyboard?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zorg dat focus niet &#8216;verdwijnt&#8217; in complexe widgets zoals data grids\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Custom widgets: implementeer proper ARIA attributes\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Test:<\/strong> Plak je muis weg en probeer je hele applicatie flow alleen met toetsenbord.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"204\" src=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-4.png\" alt=\"\" class=\"wp-image-3512\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Strategische Tips (voor langdurige compliance)<\/strong>\u00a0<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>6. Optimaliseer je Stylesheet voor Toegankelijkheid<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">CSS heeft grote impact op toegankelijkheid. Maak je stylesheet EAA-ready.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Kleurcontrast:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Minimaal 4.5:1 voor normale tekst\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Minimaal 3:1 voor grote tekst (18pt+)\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tool: <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebAIM Contrast Checker<\/a>\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Font sizes in REM:<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>\/* Gebruik rem in plaats van px voor betere schaalbaarheid *\/<\/em>&nbsp;<br><em>body { font-size: 1rem; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \/* 16px default *\/<\/em>&nbsp;<br><em>h1 { font-size: 2rem; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \/* 32px *\/<\/em>&nbsp;<br><em>small { font-size: 0.875rem; } \/* 14px *\/<\/em>&nbsp;<br>&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Responsive design:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zorg dat content leesbaar blijft tot 200% zoom\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Test op 320px breedte (mobiele toegankelijkheidseis)\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>7. Implementeer Toegankelijke Mendix Widgets<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mendix biedt specifieke widgets en properties voor toegankelijkheid.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Accessibility Helper Widget:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Download uit Mendix Marketplace\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gebruik voor ARIA labels, live regions, en custom accessibility attributes\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Perfect voor dynamische content die screen readers moeten herkennen\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Input Field Configuratie:<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Text Box widget:\u00a0<br>\u2713 Label: &#8220;Voornaam&#8221;\u00a0<br>\u2713 Screen reader caption: &#8220;Voer je voornaam in&#8221;\u00a0<br>\u2713 Required: true\u00a0<br>\u2713 Placeholder: &#8220;bijv. Jan&#8221;\u00a0<br>\u00a0\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Numeric Input Specifiek:<\/strong>\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gebruik Input type: &#8220;Number&#8221;\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Stel min\/max waarden in\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Voeg beschrijvende error messages toe\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"335\" src=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-5.png\" alt=\"\" class=\"wp-image-3514\" srcset=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-5.png 600w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-5-300x168.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Speciaal Input Specifiek:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gebruik Input type: &#8220;Phone&#8221; of \u201cmail\u201d\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Voeg beschrijvende error messages toe\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"328\" src=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-6.png\" alt=\"\" class=\"wp-image-3516\" srcset=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-6.png 602w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-6-300x163.png 300w\" sizes=\"auto, (max-width: 602px) 100vw, 602px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dit zorgt ervoor dat wanneer er een virtueel toetsenboard of alternatief invoer device gebruikt wordt. Dit zich specifiek voorbereid op het apparaat. Denk bijvoorbeeld aan een toetsenboard met een @ voor een email of een telefoon toetsenboard om een nummer in te typen in plaats van een tekstueel toetsenboard.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>8. Configureer Widget Accessibility Properties<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Elk Mendix widget heeft een dedicated &#8216;Accessibility&#8217; sectie met specifieke instellingen voor WCAG compliance. Gebruik deze systematisch.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Accessibility sectie per widget type:<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Data Grids &amp; List Views:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Screen reader caption: beschrijf het doel van de lijst\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Role: stel in als &#8216;table&#8217;, &#8216;grid&#8217; of &#8216;list&#8217; waar van toepassing\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Column headers: gebruik duidelijke, beschrijvende namen\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigation: zorg voor keyboard support\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Buttons &amp; Links:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Screen reader caption: beschrijf de actie (&#8220;Open factuur details&#8221;)\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Role: meestal automatisch correct, maar controleer bij custom styling\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Input Fields:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Label: altijd invullen, ook als visueel verborgen\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Screen reader caption: extra context waar nodig\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Required: correct instellen voor form validatie\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tab index: 0 voor normale flow, -1 om over te slaan\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Images &amp; Icons:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alternative text: beschrijvend voor informatieve afbeeldingen, leeg voor decoratief\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Role: &#8216;img&#8217; voor afbeeldingen, &#8216;button&#8217; voor klikbare iconen\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pro tip:<\/strong> De Accessibility sectie is vaak ingeklapd &#8211; vergeet niet om deze altijd te controleren bij elke widget die je configureert.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>9. Ontwikkel Test Scenario&#8217;s met persona&#8217;s<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Maak toegankelijkheidstesten onderdeel van je development workflow. Wij hebben generieke persona\u2019s opgesteld die je kunnen helpen per thema gebied je app beter te analyseren:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"601\" height=\"249\" src=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image.png\" alt=\"\" class=\"wp-image-3498\" srcset=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image.png 601w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/image-300x124.png 300w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Test Persona&#8217;s per Themagebied:<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\udc41\ufe0f Zicht &#8211; Maria (Blind gebruiker met screen reader):<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kan ze inloggen zonder muis?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Worden alle form errors duidelijk voorgelezen?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Is navigatie logisch met alleen audio feedback?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Begrijpt ze de data grid structuur via screen reader?\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83c\udfa8 Zicht &#8211; David (Ernstige kleurenblindheid, deuteranopie):<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kan hij onderscheid maken tussen &#8220;Opslaan&#8221; (groen) en &#8220;Verwijderen&#8221; (rood) buttons?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn error states herkenbaar zonder alleen rode kleur?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Worden status indicatoren (rood\/groen) ondersteund door iconen of tekst?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Is informatie in grafieken\/charts begrijpbaar zonder kleurcodering?\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83e\udd0f Motoriek &#8211; Jan (Beperkte handfunctie, alleen keyboard):<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kan hij alle buttons bereiken met Tab?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn skip links aanwezig voor lange navigatie?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Blijft focus zichtbaar en logisch?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn click targets groot genoeg (minimum 44px)?\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\udc42 Gehoor &#8211; Lisa (Doof, gebruikt gebarentaal):<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn video&#8217;s ondertiteld of transcript beschikbaar?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Worden audio-alerts visueel ondersteund?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Is alle gesproken content ook tekstueel weergegeven?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn live chat functies toegankelijk zonder audio cues?\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\udcdd Cognitief &#8211; Tom (Dyslexie):<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Is tekst eenvoudig en duidelijk geformuleerd?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn complexe woorden vermeden of uitgelegd?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Is er voldoende witruimte en rust in het ontwerp?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kunnen font-instellingen aangepast worden?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn instructies kort en stapsgewijs?\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\udde3\ufe0f Spraak &#8211; Ahmed (Stotteren, gebruikt spraakherkenning):<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn alle functies bereikbaar zonder spraakcommando&#8217;s?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Werken voice-to-text invoervelden correct met haperingen?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn er alternatieve invoermethoden voor spraakgestuurde functies?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wordt er genoeg tijd gegeven voor spraakgestuurde input?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn dictaat-functies foutbestendig bij onduidelijke uitspraak?\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83e\udde0 Cognitief &#8211; Emma (Beperkte werkgeheugen, ADHD):<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn formulieren opgedeeld in kleine, logische stappen?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wordt progress duidelijk getoond bij lange processen?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn er geen afleidende animaties of auto-refresh?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kan ze pauzes nemen zonder data te verliezen?\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zijn foutmeldingen geduldig en ondersteunend?\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>10. Implementeer Accessibility Governance<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Maak toegankelijkheid structureel onderdeel van je proces.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Design System Approach:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Documenteer toegankelijke component patronen\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Maak toegankelijke Mendix widget templates\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Train je team in WCAG basics\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Development Workflow:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Voeg WAVE scans toe aan je testing checklist\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Maak keyboard testing onderdeel van acceptance criteria\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Review accessibility properties bij elke widget\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Continuous Testing:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Plan maandelijkse accessibility audits\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Monitor automated accessibility tests\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Houd WCAG compliance bij als KPI\u00a0<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\ud83d\udea8 Bonus: De conformiteitsverklaring &#8211; wat Iedereen vergeet<\/strong>\u00a0<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hier is wat veel organisaties over het hoofd zien: de EAA vereist niet alleen dat je app toegankelijk is, maar ook dat je dit kunt aantonen met een <strong>conformiteitsverklaring<\/strong>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wat moet erin:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Welke WCAG versie en niveau je nastreeft (meestal 2.1 AA)\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Welke delen van je applicatie wel\/niet compliant zijn\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bekend problemen en wanneer je deze oplost\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Contact informatie voor accessibility feedback\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Datum van laatste assessment\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Waar publiceren:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Prominent op je website\/applicatie\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vaak in footer als &#8220;Toegankelijkheidsverklaring&#8221;\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Moet up-to-date gehouden worden\u00a0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Template voorbeeld:<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Deze applicatie streeft naar WCAG 2.1 AA compliance. &nbsp;<br>Laatste beoordeling: [datum]&nbsp;<br>Bekende problemen: [lijst met issues en tijdlijn]&nbsp;<br>Feedback: <a href=\"mailto:accessibility@bedrijf.nl\" target=\"_blank\" rel=\"noreferrer noopener\">accessibility@bedrijf.nl<\/a>&#8221;&nbsp;<br>&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Waar Beginnen? Je actieplan voor morgen<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Deze week:<\/strong> Download WAVE, run je eerste scan, fix de rode errors\u00a0<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\"><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Deze maand:<\/strong> Implementeer de tips, start met test persona&#8217;s\u00a0<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\"><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Komende 3 maanden:<\/strong> Werk door de strategische tips, publiceer je conformiteitsverklaring\u00a0<\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\"><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Structureel:<\/strong> Maak accessibility onderdeel van je development proces\u00a0<\/p>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\"><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Hulp nodig?<\/strong>&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Toegankelijkheid kan overweldigend lijken, maar je hoeft het niet alleen te doen. Bij MxBlue |SUPERP helpen we organisaties al jaren met het toegankelijker maken van hun Mendix applicaties. Ons UX team kan je ondersteunen met:\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Uitgebreide accessibility audits van je Mendix apps\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Training voor je development team\u00a0<\/li>\n\n\n\n<li>Front-end ontwikkeling en stylesheet optimalisatie\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Opstellen van conformiteitsverklaringen\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Strategische accessibility roadmaps\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Testen van applicaties\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\"><\/ul>\n\n\n\n<h6 class=\"wp-block-heading\">Door: <strong>Rick van der Werf &#8211; Mendix UX designer <\/strong><\/h6>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Heb je vragen of wil je hulp bij de implementatie? Neem contact op. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Daan Balijon (daan.balijon@superp.nl)<\/em><\/p>\n\n      <\/div>\n\n      \n   <\/div>\n<\/section>\n\n\n<section id=\"mxblue-cta-block_f1623216e1f36a709d5ca17532c6f6f1\" class=\"mxblue-block relative flex flex-col bg-brand-neutral-medium md:flex-row mxblue-cta alignfull\">\n\n   <div class=\"relative top-0 h-full aspect-video md:absolute bg-alert-light left-0 md:w-2\/5\">\n      \n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 183.81 132.68\" class=\"absolute h-[72px] w-auto -bottom-[29px] left-1\/2 z-10 md:w-[100px] md:-translate-y-1\/2 md:translate-x-0 md:top-1\/2 -translate-x-1\/2 md:-right-[50px] md:left-auto\">\n         <polygon class=\"fill-brand-heading\" points=\"22.22 132.68 64.25 45.89 80.8 80.06 55.31 132.68 77.53 132.68 91.91 103 106.28 132.68 128.5 132.68 103.02 80.06 119.56 45.89 161.59 132.68 183.81 132.68 119.56 0 91.91 57.11 64.25 0 0 132.68 22.22 132.68\" \/>\n      <\/svg>\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"981\" src=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2022\/12\/Kantoor-MxBlue-2.jpg\" class=\"absolute top-0 left-0 object-cover w-full h-full\" alt=\"\" srcset=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2022\/12\/Kantoor-MxBlue-2.jpg 1920w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2022\/12\/Kantoor-MxBlue-2-300x153.jpg 300w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2022\/12\/Kantoor-MxBlue-2-1024x523.jpg 1024w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2022\/12\/Kantoor-MxBlue-2-768x392.jpg 768w, https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2022\/12\/Kantoor-MxBlue-2-1536x785.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>   <\/div>\n\n   <div class=\"container flex justify-end\">\n      <div class=\"w-full md:px-4 md:py-12 md:w-3\/5\">\n         <div class=\"flex flex-col gap-y-8 p-section\">\n            \n\n<h2 class=\"wp-block-heading\">Maak het mogelijk met MxBlue<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Benieuwd welke kansen wij zien voor jouw organisatie? Meer weten over de mogelijkheden van Mendix? Daar kunnen we uren over praten, maar we zullen het kort houden. Beloofd.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/staging.mxblue.nl\/contact\/\">Laat van je horen<\/a><\/div>\n<\/div>\n\n         <\/div>\n      <\/div>\n   <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":3500,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_crdt_document":"","footnotes":""},"categories":[10],"tags":[],"class_list":["post-3497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act - MxBlue<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act - MxBlue\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/\" \/>\n<meta property=\"og:site_name\" content=\"MxBlue\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-01T09:30:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-01T10:30:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1704\" \/>\n\t<meta property=\"og:image:height\" content=\"708\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Dieuwke Groot\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dieuwke Groot\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/\"},\"author\":{\"name\":\"Dieuwke Groot\",\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/#\\\/schema\\\/person\\\/0d8cbed89841beab246f2d5dcb3bd68a\"},\"headline\":\"10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act\",\"datePublished\":\"2025-07-01T09:30:55+00:00\",\"dateModified\":\"2025-07-01T10:30:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/\"},\"wordCount\":1708,\"publisher\":{\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/staging.mxblue.nl\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Website-berichten-banner-8.jpg\",\"articleSection\":[\"Blog NL\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/\",\"url\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/\",\"name\":\"10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act - MxBlue\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/staging.mxblue.nl\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Website-berichten-banner-8.jpg\",\"datePublished\":\"2025-07-01T09:30:55+00:00\",\"dateModified\":\"2025-07-01T10:30:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/#primaryimage\",\"url\":\"https:\\\/\\\/staging.mxblue.nl\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Website-berichten-banner-8.jpg\",\"contentUrl\":\"https:\\\/\\\/staging.mxblue.nl\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Website-berichten-banner-8.jpg\",\"width\":1704,\"height\":708},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\",\"item\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/\",\"name\":\"MxBlue\",\"description\":\"Mendix en Manufacturing - de digitale versneller \",\"publisher\":{\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/#organization\",\"name\":\"MxBlue\",\"url\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/staging.mxblue.nl\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/cropped-favicon-mxblue.png\",\"contentUrl\":\"https:\\\/\\\/staging.mxblue.nl\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/cropped-favicon-mxblue.png\",\"width\":512,\"height\":512,\"caption\":\"MxBlue\"},\"image\":{\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/staging.mxblue.nl\\\/en\\\/#\\\/schema\\\/person\\\/0d8cbed89841beab246f2d5dcb3bd68a\",\"name\":\"Dieuwke Groot\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ffb8b456770820e39cb882e14ccf802532256bdf82437dd7decf0d8b1324b60e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ffb8b456770820e39cb882e14ccf802532256bdf82437dd7decf0d8b1324b60e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ffb8b456770820e39cb882e14ccf802532256bdf82437dd7decf0d8b1324b60e?s=96&d=mm&r=g\",\"caption\":\"Dieuwke Groot\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act - MxBlue","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act - MxBlue","og_url":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/","og_site_name":"MxBlue","article_published_time":"2025-07-01T09:30:55+00:00","article_modified_time":"2025-07-01T10:30:57+00:00","og_image":[{"width":1704,"height":708,"url":"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8.jpg","type":"image\/jpeg"}],"author":"Dieuwke Groot","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dieuwke Groot","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/#article","isPartOf":{"@id":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/"},"author":{"name":"Dieuwke Groot","@id":"https:\/\/staging.mxblue.nl\/en\/#\/schema\/person\/0d8cbed89841beab246f2d5dcb3bd68a"},"headline":"10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act","datePublished":"2025-07-01T09:30:55+00:00","dateModified":"2025-07-01T10:30:57+00:00","mainEntityOfPage":{"@id":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/"},"wordCount":1708,"publisher":{"@id":"https:\/\/staging.mxblue.nl\/en\/#organization"},"image":{"@id":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8.jpg","articleSection":["Blog NL"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/","url":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/","name":"10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act - MxBlue","isPartOf":{"@id":"https:\/\/staging.mxblue.nl\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/#primaryimage"},"image":{"@id":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8.jpg","datePublished":"2025-07-01T09:30:55+00:00","dateModified":"2025-07-01T10:30:57+00:00","breadcrumb":{"@id":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/#primaryimage","url":"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8.jpg","contentUrl":"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2025\/07\/Website-berichten-banner-8.jpg","width":1704,"height":708},{"@type":"BreadcrumbList","@id":"https:\/\/staging.mxblue.nl\/en\/10-tips-voor-toegankelijke-mendix-apps-volgens-de-european-accessibility-act\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"","item":"https:\/\/staging.mxblue.nl\/en\/"},{"@type":"ListItem","position":2,"name":"10 Tips voor toegankelijke Mendix-apps volgens de European Accessibility Act"}]},{"@type":"WebSite","@id":"https:\/\/staging.mxblue.nl\/en\/#website","url":"https:\/\/staging.mxblue.nl\/en\/","name":"MxBlue","description":"Mendix en Manufacturing - de digitale versneller ","publisher":{"@id":"https:\/\/staging.mxblue.nl\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.mxblue.nl\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/staging.mxblue.nl\/en\/#organization","name":"MxBlue","url":"https:\/\/staging.mxblue.nl\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging.mxblue.nl\/en\/#\/schema\/logo\/image\/","url":"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2023\/01\/cropped-favicon-mxblue.png","contentUrl":"https:\/\/staging.mxblue.nl\/wp-content\/uploads\/2023\/01\/cropped-favicon-mxblue.png","width":512,"height":512,"caption":"MxBlue"},"image":{"@id":"https:\/\/staging.mxblue.nl\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/staging.mxblue.nl\/en\/#\/schema\/person\/0d8cbed89841beab246f2d5dcb3bd68a","name":"Dieuwke Groot","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ffb8b456770820e39cb882e14ccf802532256bdf82437dd7decf0d8b1324b60e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ffb8b456770820e39cb882e14ccf802532256bdf82437dd7decf0d8b1324b60e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ffb8b456770820e39cb882e14ccf802532256bdf82437dd7decf0d8b1324b60e?s=96&d=mm&r=g","caption":"Dieuwke Groot"}}]}},"_links":{"self":[{"href":"https:\/\/staging.mxblue.nl\/en\/wp-json\/wp\/v2\/posts\/3497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.mxblue.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.mxblue.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.mxblue.nl\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.mxblue.nl\/en\/wp-json\/wp\/v2\/comments?post=3497"}],"version-history":[{"count":4,"href":"https:\/\/staging.mxblue.nl\/en\/wp-json\/wp\/v2\/posts\/3497\/revisions"}],"predecessor-version":[{"id":3521,"href":"https:\/\/staging.mxblue.nl\/en\/wp-json\/wp\/v2\/posts\/3497\/revisions\/3521"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.mxblue.nl\/en\/wp-json\/wp\/v2\/media\/3500"}],"wp:attachment":[{"href":"https:\/\/staging.mxblue.nl\/en\/wp-json\/wp\/v2\/media?parent=3497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.mxblue.nl\/en\/wp-json\/wp\/v2\/categories?post=3497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.mxblue.nl\/en\/wp-json\/wp\/v2\/tags?post=3497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}