[{"data":1,"prerenderedAt":292},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-blog-slug-toegankelijkheid-testen-windows-virtualbox-i18n-slugs":132,"language-blog-slug-nl-toegankelijkheid-testen-windows-virtualbox":139},{"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},"163140903","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140909","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140910","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140911","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140913","Over ons",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"NnUFs73_Saa8XE_jYZFHcw","Werken bij",{"__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},"144185271",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185272",{"__typename":50},{"id":75,"title":53,"link":76},"144185273",{"__typename":55},{"id":78,"title":79,"link":80},"144185274","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185275",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185276",{"__typename":38},{"id":89,"title":90,"link":91},"144185277","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licentie en disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","PDF bestand van De Voorhoede privacy statement","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455427-vh-isms-007-privacy-statement-de-voorhoede-nl.pdf",[100,112,122],{"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",null,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":118},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":104,"width":116,"height":117},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png",627,480,{"__typename":108,"id":119,"title":120,"url":121},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":123,"image":124,"link":127},"MT5SCyNxSTSr_v5eeATMZw",{"url":125,"alt":104,"width":126,"height":126},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png",518,{"id":128,"title":129,"link":130},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":131},"impact\u002Fdigitale-producten-privacy-by-design",[133,136],{"locale":134,"value":135},"en","testing-accessibility-on-windows-with-virtualbox",{"locale":137,"value":138},"nl","toegankelijkheid-testen-windows-virtualbox",{"page":140},{"slug":138,"i18nSlugs":141,"social":144,"title":145,"subtitle":79,"isArchived":149,"headerIllustration":150,"date":154,"authors":155,"introTitle":164,"items":165,"pivots":238,"relatedBlogPosts":258,"tags":259,"onMountedScript":158,"onUnmountedScript":158},[142,143],{"locale":134,"value":135},{"locale":137,"value":138},{"title":145,"description":146,"image":147},"Toegankelijkheid testen op Windows met VirtualBox","Toegankelijkheid testen op een Mac is makkelijk. Maar hoe test je toegankelijkheid op een Windows computer? Gebruik mijn DIY Toegankelijkheidskit.",{"url":148},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1568817035-accessibility-diy-kit-social.jpg",false,{"url":151,"alt":104,"width":152,"height":153},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1567518683-imagepreview.png",856,686,"2019-09-18T02:00:00.000+02:00",[156],{"name":157,"lastName":158,"slug":159,"image":160},"Bas","","bas",{"url":161,"alt":104,"width":162,"height":163},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,"Hoe ik een DIY toegankelijkheidskit voor Windows heb gemaakt.",[166,170,174,185,189,193,197,207,210,214,222,226,234],{"__typename":167,"id":168,"title":158,"body":169},"TextSectionRecord","aJkvtrw7TCCe49LryHH4HA","\u003Cp>\u003Cspan class=\" author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujelz78zz85zi1q8tyz85zz88zarucccky0z79zanz90zz86zz122zyz82z\">\u003Cspan style=\"font-weight: 400;\">Als front-end developer vind ik het belangrijk om de projecten waaraan ik werk \u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fen\u002Fservices\u002Faccessibility-review\u002F\">toegankelijk\u003C\u002Fa> te maken. Dit omvat het testen met verschillende soorten schermlezers, omdat elke schermlezer, net als browsers, zijn eigen eigenaardigheden heeft. Aangezien ik op een Mac werk, is het \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=5R-6WvAihms\" target=\"_blank\" rel=\"noopener\">testen met VoiceOver\u003C\u002Fa> eenvoudig. Maar hoe test je screenreaders voor Windows?\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":167,"id":171,"title":172,"body":173},"H-fWgWTHTZGVkMVLWHW57g","De opzet","\u003Cp>\u003Cspan style=\"font-weight: 400;\">De opzet die je nodig hebt, maakt gebruik van de virtuele machines die Microsoft beschikbaar stelt voor browser testing. Omdat deze alle versies van Windows bevatten, kun je er elke compatibele software op installeren, evenals het besturingssysteem naar wens configureren.Ik heb twee schermlezers geïnstalleerd op deze virtuele machine en de High Contrast-modus ingeschakeld. Dit is een eenvoudige 'productiviteit hack' om betrouwbaardere resultaten te krijgen bij mijn toegankelijkheidstests.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Zo ziet het eruit:\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":175,"id":176,"mute":149,"loop":149,"autoplay":149,"caption":158,"video":177,"gif":104},"ResponsiveVideoRecord","SutzAnLWQWishWwfQEZN-Q",{"url":178,"title":179,"height":180,"width":181,"provider":182,"providerUid":183,"thumbnailUrl":184},"https:\u002F\u002Fvimeo.com\u002F360802289","Testing Accessibility on Windows with VirtualBox",240,286,"vimeo","360802289","https:\u002F\u002Fi.vimeocdn.com\u002Fvideo\u002F815066956-fd17948f9c8a9bc0bfe80a4a4d7a86423bf33376928ac86e7b7407e4307f35a3-d_200x150",{"__typename":167,"id":186,"title":187,"body":188},"DEI_wAi1QbCY96TX4MLCHg","Hoe maak je een DIY toegankelijkheidskit?","\u003Cp>\u003Cspan style=\"font-weight: 400;\">\u003Ca href=\"https:\u002F\u002Fdeveloper.microsoft.com\u002Fen-us\u002Fmicrosoft-edge\u002Ftools\u002Fvms\u002F\" target=\"_blank\" rel=\"noopener\">Download een virtuele machine van Microsoft\u003C\u002Fa>. Ik raad IE op Win81 aan, omdat niet iedereen de meest recente versie van toegankelijkheidssoftware en besturingssystemen gebruikt. Installeer de virtuele machine in je virtualisatiesoftware naar keuze. Ik gebruik \u003Ca href=\"https:\u002F\u002Fwww.virtualbox.org\" target=\"_blank\" rel=\"noopener\">VirtualBox\u003C\u002Fa>.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":167,"id":190,"title":191,"body":192},"WhTdJmIIR026xjcVChuRiQ","Schermlezers","\u003Cp>\u003Cspan style=\"background-color: transparent; font-family: inherit; font-size: inherit; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; letter-spacing: 0px;\">Na het opstarten van de virtuele machine gaan we wat software installeren.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cul>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">\u003Ca href=\"https:\u002F\u002Fwww.nvaccess.org\u002Fdownload\u002F\" target=\"_blank\" rel=\"noopener\">Download en installeer eerst NVDA\u003C\u002Fa>, een gratis open source schermlezer. Klik in het installatie venster op de knop 'NVDA op deze computer installeren'. Deselecteer in het volgende prompt 'NVDA gebruiken op het Windows aanmeldscherm'.\u003C\u002Fspan>\u003C\u002Fli>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">\u003Ca href=\"https:\u002F\u002Fsupport.freedomscientific.com\u002FDownloads\u002FJAWS\" target=\"_blank\" rel=\"noopener\">Download en installeer vervolgens JAWS\u003C\u002Fa>. JAWS is commerciële software, maar biedt een proefperiode van 40 minuten waarin je de volledige applicatie kunt gebruiken. Na installatie, vink 'Toon dit dialoogvenster niet meer' aan en druk op de knop 'Doorgaan met uitvoeren in 40-minutenmodus'.\u003C\u002Fspan>\u003C\u002Fli>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">Download tot slot Firefox en installeer het. De meeste schermlezers werken het beste met een specifieke browser. JAWS werkt het beste met Internet Explorer en NVDA werkt het beste met Firefox.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>",{"__typename":167,"id":194,"title":195,"body":196},"PPkjydvHQ02IsgPoqsiPpw","Toestenbord configuratie","\u003Cp>\u003Cspan style=\"background-color: transparent; font-family: inherit; font-size: inherit; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; letter-spacing: 0px;\">JAWS gebruikt de INS (Insert) toets voor sommige functies. Omdat mijn MacBook geen Insert-toets heeft, moeten we een andere toets toewijzen:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\u003Cspan style=\"font-weight: 400;\">\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Frandyrants\u002Fsharpkeys\u002Freleases\" target=\"_blank\" rel=\"noopener\">Download en installeer SharpKeys\u003C\u002Fa>. Zodra het is geladen, wijs je de Insert-toets (linker kolom) toe aan een andere toets (rechter kolom). Ik koos de rechter Cmd-toets, omdat deze toets in Windows niet wordt gebruikt voor belangrijke acties. Klik op de knop 'Write to Registry'. Start de virtuele machine opnieuw op en je nieuwe toetsenbordindeling zou moeten werken.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>",{"__typename":198,"id":199,"image":200,"caption":205,"fullWidth":149,"captionPosition":206},"ImageRecord","LB_IuzioQ46UqggSGYVj-Q",{"url":201,"alt":202,"width":203,"height":204},"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,"Koppel de rechter Cmd-toets (Speciaal: Rechts Windows) aan de INS-toets (Speciaal: Invoegen).","bottom",{"__typename":167,"id":208,"title":158,"body":209},"P-YlSfjeTaqBdwNUPvMHww","\u003Cul>\n  \u003Cli>\u003Cspan>Voor NVDA moet je de optie 'Gebruik Caps Lock als een NVDA-modificatietoets' aanvinken op het startscherm. Op deze manier kun je NVDA gebruiken met je laptoptoetsenbord.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>",{"__typename":167,"id":211,"title":212,"body":213},"b15iN4HFQFmho7lVNgz4Tw","Hoge contrastmodus","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Vervolgens gaan we de hoge contrastmodus instellen.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cul>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">Klik op de Windows Start-knop en selecteer vervolgens 'Instellingen' (het tandwielpictogram) → 'Eenvoudig te bereiken' → 'Hoog contrast'.\u003C\u002Fspan>\u003C\u002Fli>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">Kies het thema 'Hoog contrast zwart'. Klik op 'Toepassen'.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cspan style=\"background-color: transparent; font-family: inherit; font-size: inherit; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; letter-spacing: 0px;\">Aangezien Firefox de hyperlink kleuren niet helemaal overneemt zoals Internet Explorer in de hoge contrastmodus, moeten we die meer zichtbaar maken.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cul>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">Open Firefox en ga naar 'Opties'.\u003C\u002Fspan>\u003C\u002Fli>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">Onder 'Lettertypen en kleuren', klik op 'Kleuren...'.\u003C\u002Fspan>\u003C\u002Fli>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">Kies geel voor 'Niet-bezochte links' en groen voor 'Bezochte links' om dezelfde kleuren te gebruiken als in IE.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cul>\u003C\u002Ful>",{"__typename":198,"id":215,"image":216,"caption":221,"fullWidth":149,"captionPosition":206},"NZNOZqPaT8eC8sTmMznhAg",{"url":217,"alt":218,"width":219,"height":220},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1568815325-firefox-high-contrast-mode-colours.jpg","Colours. Text and Background. Link Colours. Only with High Contrast themes.",573,370,"Pas de kleuren aan voor de hoge contrast modus in Firefox",{"__typename":167,"id":223,"title":224,"body":225},"K_tYjlb2ROGNTc3jQDdy3Q","VirtualBox snapshot","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Ten slotte willen we ervoor zorgen dat we deze opzet kunnen blijven gebruiken, aangezien de virtuele machines van Microsoft slechts voor maximaal 90 dagen kunnen worden gebruikt.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cul>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">In de navigatiebalk van VirtualBox, klik op 'Machine' → 'Snapshot maken...'.\u003C\u002Fspan>\u003C\u002Fli>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">Geef je snapshot een naam en klik op 'OK'. Wanneer je de machine uitschakelt, zorg er dan altijd voor dat je het selectievakje 'Huidige snapshot herstellen' aanvinkt.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cul>\u003C\u002Ful>",{"__typename":198,"id":227,"image":228,"caption":233,"fullWidth":149,"captionPosition":206},"A6FxFDWTSsay_AVaU7AH2A",{"url":229,"alt":230,"width":231,"height":232},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1568816175-restore-current-snapshot.jpg","Je wilt: De machinestatus opslaan, Het afsluitsignaal verzenden, (aangevinkt) De machine uitschakelen. (aangevinkt) Huidige snapshot herstellen 'Snapshot 1'. Annuleren of OK.",411,198,"Vink altijd 'Huidige snapshot herstellen' aan bij het sluiten van de virtuele machine",{"__typename":167,"id":235,"title":236,"body":237},"dlZ9EliMQ_agPQFfs6euEg","Hoe gebruik je een schermlezer?","\u003Cp>\u003Cspan style=\"font-weight: 400;\">De \u003Ca href=\"https:\u002F\u002Fsupport.freedomscientific.com\u002FContent\u002FDocuments\u002FManuals\u002FJAWS\u002FKeystrokes.txt\" target=\"_blank\" rel=\"noopener\">handleiding voor JAWS\u003C\u002Fa> en de \u003Ca href=\"https:\u002F\u002Fwww.nvaccess.org\u002Ffiles\u002Fnvda\u002Fdocumentation\u002FuserGuide.html\" target=\"_blank\" rel=\"noopener\">handleiding voor NVDA\u003C\u002Fa> zijn beschikbaar op hun websites. WebAIM heeft mooie snelstartgidsen voor zowel \u003Ca href=\"https:\u002F\u002Fwebaim.org\u002Farticles\u002Fjaws\u002F\" target=\"_blank\" rel=\"noopener\">JAWS\u003C\u002Fa> als \u003Ca href=\"https:\u002F\u002Fwebaim.org\u002Farticles\u002Fnvda\u002F\" target=\"_blank\" rel=\"noopener\">NVDA\u003C\u002Fa>. Bovendien geeft Rob Dodson een uitstekende\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Jao3s_CwdRU\"> introductie tot het gebruik van NVDA\u003C\u002Fa> in zijn A11ycasts-serie op YouTube. Veel testplezier!\u003C\u002Fspan>\u003C\u002Fp>",[239],{"title":240,"body":241,"links":242,"mailchimpValue":158,"mailchimpName":158,"mailchimpId":158,"formType":250,"contactPerson":251},"Wil je meer weten over toegankelijkheid?","\u003Cp>Nieuwsgierig naar onze accessibility review of wil je meer weten over digitale toegankelijkheid?\u003C\u002Fp>\n",[243],{"__typename":244,"id":245,"title":246,"link":247},"InternalLinkRecord","daXE4OIRRxCOeERbArxRjA","Lees meer over onze service",{"__typename":248,"slug":249},"ServiceRecord","accessibility-review","none",{"name":252,"lastName":158,"jobTitle":253,"image":254},"Jasper","CTO, Co-founder",{"url":255,"alt":104,"width":256,"height":257},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,[],[260],{"id":261,"title":262,"slug":263,"blogPosts":264},"HgWm8aCCRMWWS0eqggo5xg","Accessibility","accessibility",[265,276,287],{"slug":266,"title":267,"date":268,"authors":269},"designing-css-for-non-latin-languages-on-the-web","CSS\u002FHTML voor niet-Latijnse talen op het web","2025-09-01T09:23:50.428+02:00",[270],{"name":271,"image":272},"Marleen",{"url":273,"alt":104,"width":274,"height":275},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1760339746-marleen-edit.jpeg",1431,1908,{"slug":277,"title":278,"date":279,"authors":280},"toegankelijkheid-in-design-systems","Toegankelijkheid in Design Systems","2025-06-17T14:15:56.000+02:00",[281],{"name":282,"image":283},"Sjoerd",{"url":284,"alt":104,"width":285,"height":286},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534892-sjoerd.jpg",1637,2182,{"slug":104,"title":158,"date":288,"authors":289},"2016-12-27T01:00:00.000+01:00",[290],{"name":157,"image":291},{"url":161,"alt":104,"width":162,"height":163},1776256151329]