[{"data":1,"prerenderedAt":296},["ShallowReactive",2],{"DefaultLayouten":3,"language-blog-slug-testing-accessibility-on-windows-with-virtualbox-i18n-slugs":134,"language-blog-slug-en-testing-accessibility-on-windows-with-virtualbox":141},{"app":4,"menu":31,"footer":66},{"githubUrl":5,"youtubeUrl":6,"linkedinUrl":7,"phoneNumber":8,"emailAddress":9,"legal":10,"addresses":20},"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002F","https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCzHuhQVYFRixtQN2-swcuGg","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fde-voorhoede","+31 20 2610 954","post@voorhoede.nl",[11,14,17],{"title":12,"value":13},"KvK","56017235",{"title":15,"value":16},"BTW","NL851944620B01",{"title":18,"value":19},"IBAN","NL14TRIO0320142078",[21,26],{"address":22,"city":23,"googleMapsLink":24,"postalCode":25},"Koivistokade 70","Amsterdam","https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002FDe+Voorhoede+%7C+Front-end+Development\u002F@52.396847,4.8700823,17z\u002Fdata=!3m1!4b1!4m5!3m4!1s0x47c5e21d502d2d59:0xbf570944a96ebf45!8m2!3d52.347647!4d4.8502154","1013 BB",{"address":27,"city":28,"googleMapsLink":29,"postalCode":30},"Koornmarkt 22","Delft","https:\u002F\u002Fwww.google.nl\u002Fmaps\u002Fplace\u002FKoornmarkt+22,+2611+EG+Delft\u002F@52.0093477,4.3573054,17z\u002F","2611 EG",{"title":32,"callToActions":33,"links":39},"Site Menu",[34],{"id":35,"title":36,"link":37},"163140902","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140904","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140905","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140906","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140908","About us",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"d6WdFJq2SOuc3dWtpibbXQ","Work at",{"__typename":44,"slug":65},"work-at",{"links":67,"copyrightTitle":93,"copyrightLabel":94,"copyrightLink":95,"privacyTitle":96,"privacyLabel":97,"privacyLink":98,"certificatesGrid":99},[68,71,74,77,82,85,88],{"id":69,"title":42,"link":70},"144185264",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185265",{"__typename":50},{"id":75,"title":53,"link":76},"144185266",{"__typename":55},{"id":78,"title":79,"link":80},"144185267","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185268",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185269",{"__typename":38},{"id":89,"title":90,"link":91},"144185270","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licence and disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","De Voorhoede privacy statement (pdf)","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455455-vh-isms-006-privacy-statement-de-voorhoede-en.pdf",[100,112,123],{"id":101,"image":102,"link":107},"Xq4bBfg_TZ6Fkjax9mkbLQ",{"url":103,"alt":104,"width":105,"height":106},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353463-b-corp-logo-black-rgb.png","B Corp logo",404,680,{"__typename":108,"id":109,"title":110,"url":111},"ExternalLinkRecord","fGW1ak8XQYaYDLkBSyncog","B Corp","https:\u002F\u002Fwww.bcorporation.net\u002Fen-us\u002Ffind-a-b-corp\u002Fcompany\u002Fde-voorhoede\u002F",{"id":113,"image":114,"link":119},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":116,"width":117,"height":118},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png","Dutch Digital Agencies logo",627,480,{"__typename":108,"id":120,"title":121,"url":122},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":124,"image":125,"link":129},"MT5SCyNxSTSr_v5eeATMZw",{"url":126,"alt":127,"width":128,"height":128},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png","DNV logo",518,{"id":130,"title":131,"link":132},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":133},"impact\u002Fdigitale-producten-privacy-by-design",[135,138],{"locale":136,"value":137},"en","testing-accessibility-on-windows-with-virtualbox",{"locale":139,"value":140},"nl","toegankelijkheid-testen-windows-virtualbox",{"page":142},{"slug":137,"i18nSlugs":143,"social":146,"title":147,"subtitle":79,"isArchived":151,"headerIllustration":152,"date":157,"authors":158,"introTitle":167,"items":168,"pivots":240,"relatedBlogPosts":260,"tags":261,"onMountedScript":161,"onUnmountedScript":161},[144,145],{"locale":136,"value":137},{"locale":139,"value":140},{"title":147,"description":148,"image":149},"Testing Accessibility on Windows with VirtualBox","Accessibility testing when working on a Mac is easy. But how do you test accessibility on Windows? Use my Accessibility DIY Kit!",{"url":150},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1568817035-accessibility-diy-kit-social.jpg",false,{"url":153,"alt":154,"width":155,"height":156},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1567518683-imagepreview.png",null,856,686,"2019-09-18T02:00:00.000+02:00",[159],{"name":160,"lastName":161,"slug":162,"image":163},"Bas","","bas",{"url":164,"alt":154,"width":165,"height":166},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,"How I made an Accessibility DIY Kit for Windows.",[169,173,177,187,191,195,199,209,212,216,224,228,236],{"__typename":170,"id":171,"title":161,"body":172},"TextSectionRecord","1452008","\u003Cp>\u003Cspan class=\" author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujelz78zz85zi1q8tyz85zz88zarucccky0z79zanz90zz86zz122zyz82z\">As a front-end developer, I like to make the projects I work on \u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fen\u002Fservices\u002Faccessibility-review\u002F\" title=\"accessibility review\">accessible\u003C\u002Fa>. This includes testing in different kinds of screen readers, because, just like browsers, every screen reader has its quirks. As I work on a Mac, \u003C\u002Fspan>\u003Cspan class=\"attrlink url author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujelz78zz85zi1q8tyz85zz88zarucccky0z79zanz90zz86zz122zyz82z\">\u003Ca target=\"_blank\" class=\"attrlink\" data-target-href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=5R-6WvAihms\" href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=5R-6WvAihms\" rel=\"noreferrer nofollow noopener\">testing in VoiceOver is \u003C\u002Fa>\u003C\u002Fspan>\u003Cspan class=\"attrlink url thread-220441519770164558898593 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujelz78zz85zi1q8tyz85zz88zarucccky0z79zanz90zz86zz122zyz82z\">\u003Ca target=\"_blank\" class=\"attrlink\" data-target-href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=5R-6WvAihms\" href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=5R-6WvAihms\" rel=\"noreferrer nofollow noopener\">easy\u003C\u002Fa>\u003C\u002Fspan>\u003Cspan class=\" author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujelz78zz85zi1q8tyz85zz88zarucccky0z79zanz90zz86zz122zyz82z\">. However, how do you test screen readers for Windows?\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":170,"id":174,"title":175,"body":176},"1517909","Setup","\u003Cp>The setup you need makes use of the virtual machines that Microsoft makes available for browser testing. As these contain full versions of Windows, you can install any compatible software on them, as well as configure the OS to your liking. I installed two screen readers on this virtual machine, and turned on High Contrast mode. This is a simple ‘productivity hack’ to be able to get more reliable results from my accessibility tests.\u003C\u002Fp>\n\u003Cp>This is what it looks like:\u003C\u002Fp>",{"__typename":178,"id":179,"mute":151,"loop":151,"autoplay":151,"caption":161,"video":180,"gif":154},"ResponsiveVideoRecord","1518253",{"url":181,"title":147,"height":182,"width":183,"provider":184,"providerUid":185,"thumbnailUrl":186},"https:\u002F\u002Fvimeo.com\u002F360802289",240,286,"vimeo","360802289","https:\u002F\u002Fi.vimeocdn.com\u002Fvideo\u002F815066956-fd17948f9c8a9bc0bfe80a4a4d7a86423bf33376928ac86e7b7407e4307f35a3-d_200x150",{"__typename":170,"id":188,"title":189,"body":190},"1517874","How to build your own Accessibility DIY Kit","\u003Cp>\u003Ca href=\"https:\u002F\u002Fdeveloper.microsoft.com\u002Fen-us\u002Fmicrosoft-edge\u002Ftools\u002Fvms\u002F\">Download a virtual machine from Microsoft\u003C\u002Fa>. I recommend IE on Win81, as not everybody uses the most up-to-date version of accessibility software and operating systems. Install the virtual machine in your virtualisation software of choice. I use \u003Ca href=\"https:\u002F\u002Fwww.virtualbox.org\">VirtualBox\u003C\u002Fa>.\u003C\u002Fp>",{"__typename":170,"id":192,"title":193,"body":194},"1517907","Screen readers","\u003Cp>After starting up the virtual machine, we are going to install some software.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>First, \u003Ca href=\"https:\u002F\u002Fwww.nvaccess.org\u002Fdownload\u002F\">download and install NVDA\u003C\u002Fa>, a free open source screen reader. In the installation prompt, click the button ‘Install NVDA on this computer’. In the next prompt, deselect ‘Use NVDA on the Windows logon screen’.\u003C\u002Fli>\n\u003Cli>Next, \u003Ca href=\"https:\u002F\u002Fsupport.freedomscientific.com\u002FDownloads\u002FJAWS\">download and install JAWS\u003C\u002Fa>. JAWS is commercial software, but offers a 40-minute trial mode in which you can use the full application. After installation, check ‘Do not show this dialog again’ and press the button ‘Continue to Run in 40 Minute Mode’.\u003C\u002Fli>\n\u003Cli>Finally, download and install Firefox. Most screen readers work best with a specific browser. JAWS works best with Internet Explorer, and NVDA works best with Firefox.\u003C\u002Fli>\n\u003C\u002Ful>",{"__typename":170,"id":196,"title":197,"body":198},"1517905","Keyboard configuration","\u003Cp>JAWS uses the INS (Insert) key for some functionality. Since my MacBook doesn’t have an Insert key, we have to map another key to it:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Frandyrants\u002Fsharpkeys\u002Freleases\">Download and install SharpKeys\u003C\u002Fa>. Once it loads, map the Insert key (left column) to another key (right column). I chose the right Cmd key, as this key is not used in Windows for any important actions. Click on the button ‘Write to Registry’. Restart the virtual machine, and your new key mapping should work.\u003C\u002Fli>\n\u003C\u002Ful>",{"__typename":200,"id":201,"image":202,"caption":207,"fullWidth":151,"captionPosition":208},"ImageRecord","1518258",{"url":203,"alt":204,"width":205,"height":206},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1568814334-sharpkeys-screenshot.jpeg","SharpKeys: Edit Key Mapping. On the right 'Map this key (From Key): Special: Right Windows (E0_RC). On the left: To this key (To Key): Special: Insert (EO_52).",785,541,"Map the right Cmd key (Special: Right Windows) to the INS key (Special: Insert)","bottom",{"__typename":170,"id":210,"title":161,"body":211},"1518269","\u003Cul>\n\u003Cli>For NVDA, you should tick the option ‘Use Caps Lock as an NVDA modifier key’ in the start screen. This way you can use NVDA with your laptop keyboard.\u003C\u002Fli>\n\u003C\u002Ful>",{"__typename":170,"id":213,"title":214,"body":215},"1517904","Hight contrast mode","\u003Cp>Next, we are going to set up high contrast mode.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Click the Windows Start button, then select 'Settings' (the \u003Cimg src=\"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1568808120-windows-settings-icon.jpg\" alt=\"gear\" \u002F> icon) → 'Ease of Acces' → 'High contrast'.\u003C\u002Fli>\n\u003Cli>Choose the 'High Contrast Black' theme. Click on ‘Apply’.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>As Firefox doesn’t completely take over the hyperlink colours like Internet Explorer in high contrast mode, we have to make those more visible.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Open Firefox, and go to 'Options'.\u003C\u002Fli>\n\u003Cli>Under 'Fonts and Colors', click ‘Colors…’.\u003C\u002Fli>\n\u003Cli>Pick yellow for 'Unvisited Links' and green for 'Visited links' to use the same colours as in IE.\u003C\u002Fli>\n\u003C\u002Ful>",{"__typename":200,"id":217,"image":218,"caption":223,"fullWidth":151,"captionPosition":208},"1518477",{"url":219,"alt":220,"width":221,"height":222},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1568815325-firefox-high-contrast-mode-colours.jpg","Edit Colours screen. Text and Background. Link Colours. Override the colours specified by the page with your selections above: only with high contrast themes.",573,370,"Alter the colours for high contrast mode in Firefox",{"__typename":170,"id":225,"title":226,"body":227},"1517903","VirtualBox snapshot","\u003Cp>Finally, we want to make sure we can keep using this setup since Microsoft’s virtual machines can only be used for a maximum of 90 days.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>In the navigation bar of VirtualBox, click 'Machine' → 'Take Snapshot…'.\u003C\u002Fli>\n\u003Cli>Give your snapshot a name and click 'OK'. When powering off the machine, always make sure you select the checkbox ‘Restore current snapshot’.\u003C\u002Fli>\n\u003C\u002Ful>",{"__typename":200,"id":229,"image":230,"caption":235,"fullWidth":151,"captionPosition":208},"1518510",{"url":231,"alt":232,"width":233,"height":234},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1568816175-restore-current-snapshot.jpg","You want to: Save the machine state, Send the shutdown signal, (Marked) Power off the machine. (Marked) Restore current snapshot 'Snapshot 1'. Cancel or Ok.",411,198,"Always tick 'Restore current snapshot' when closing the virtual machine",{"__typename":170,"id":237,"title":238,"body":239},"1517893","How to use a screen reader","\u003Cp>The \u003Ca href=\"https:\u002F\u002Fsupport.freedomscientific.com\u002FContent\u002FDocuments\u002FManuals\u002FJAWS\u002FKeystrokes.txt\">manual for JAWS\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fwww.nvaccess.org\u002Ffiles\u002Fnvda\u002Fdocumentation\u002FuserGuide.html\">manual for NVDA\u003C\u002Fa> are available on their websites. WebAIM has nice quick start guides for both \u003Ca href=\"https:\u002F\u002Fwebaim.org\u002Farticles\u002Fjaws\u002F\">JAWS\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fwebaim.org\u002Farticles\u002Fnvda\u002F\">NVDA\u003C\u002Fa>. Additionally, Rob Dodson gives an excellent \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Jao3s_CwdRU\">introduction to using NVDA\u003C\u002Fa> in his A11ycasts series on YouTube. Happy testing!\u003C\u002Fp>",[241],{"title":242,"body":243,"links":244,"mailchimpValue":161,"mailchimpName":161,"mailchimpId":161,"formType":252,"contactPerson":253},"Want to know more about accessibility?","\u003Cp>Curious about our accessibility review or do you just want to know more about accessibility?\u003C\u002Fp>\n",[245],{"__typename":246,"id":247,"title":248,"link":249},"InternalLinkRecord","OilSXuZgSqe2Tk_Hv2TCsw","Read about our service",{"__typename":250,"slug":251},"ServiceRecord","accessibility-review","none",{"name":254,"lastName":161,"jobTitle":255,"image":256},"Jasper","CTO, Co-founder",{"url":257,"alt":154,"width":258,"height":259},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,[],[262],{"id":263,"title":264,"slug":265,"blogPosts":266},"HgWm8aCCRMWWS0eqggo5xg","Accessibility ","accessibility",[267,278,289],{"slug":268,"title":269,"date":270,"authors":271},"designing-css-for-non-latin-languages-on-the-web","Designing CSS\u002FHTML for Non-Latin Languages on the Web","2025-09-01T09:23:50.428+02:00",[272],{"name":273,"image":274},"Marleen",{"url":275,"alt":154,"width":276,"height":277},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1760339746-marleen-edit.jpeg",1431,1908,{"slug":279,"title":280,"date":281,"authors":282},"accessibility-in-design-systems","Accessibility in Design Systems","2025-06-17T14:15:56.000+02:00",[283],{"name":284,"image":285},"Sjoerd",{"url":286,"alt":154,"width":287,"height":288},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534892-sjoerd.jpg",1637,2182,{"slug":290,"title":291,"date":292,"authors":293},"improving-accessibility-for-the-blind-8-guidelines","Improving accessibility for the blind: 8 guidelines","2016-12-27T01:00:00.000+01:00",[294],{"name":160,"image":295},{"url":164,"alt":154,"width":165,"height":166},1776256148460]