De meeste voorschriften voor webtoegankelijkheid zijn gebaseerd op de internationale specificaties die zijn uiteengezet in de richtlijnen voor toegankelijkheid van webcontent. Ze kunnen echter per reg...

Toegankelijkheid: Naleving van jouw regionale wetten

<div data-component-type="text"><div>De meeste voorschriften voor webtoegankelijkheid zijn gebaseerd op de internationale specificaties die zijn uiteengezet in de <a data-composite="true" href="https://www.w3.org/TR/WCAG22/" target="">richtlijnen voor toegankelijkheid van webcontent</a>. Ze kunnen echter per regio verschillen en we raden daarom aan de vereisten voor je gebied te controleren. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="naleving-en-je-wix-website" level="3">Naleving en je Wix-website</h2></div><div data-component-type="text"><div>Wanneer je een website met Wix bouwt, zorgen wij voor een aantal toegankelijkheidsfuncties / -configuraties van de backend, waaronder: </div></div><div data-component-type="text"><ul>
  <li>Functionaliteiten met toetsenbord</li>  <li>ARIA-attributen voor Wix-elementen definiëren</li>  <li>Focusindicatoren</li>  <li>'Doorgaan naar hoofdinhoud'-links</li></ul></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">Onze toegankelijkheidschecklist</a> legt uit hoe je verdere aanpassingen kunt maken en de toegankelijkheid kunt vergroten van inhoud en elementen die je toevoegt. Omdat lokale wetten kunnen verschillen, zijn de stappen in deze checklist algemeen en dekken ze de basis voor de meeste regio's.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk</div><div class="info-content"><div>Hoewel we altijd bezig zijn met het bijwerken en verbeteren van onze producten, kunnen we niet garanderen dat het gebruik van onze diensten in overeenstemming is met de wet- en regelgeving op het gebied van toegankelijkheid.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="toegankelijkheidsaudits" level="3">Toegankelijkheidsaudits</h2></div><div data-component-type="text"><div>Naleving is een juridische kwestie. Daarom moet je, zodra je de checklist bent nagegaan, je website laten controleren door een lokale, wettelijke toegankelijkheidsadviseur.</div></div><div data-component-type="text"><div>Audits bevestigen het succes van de naleving of bieden je de resterende vereiste stappen voor je regio.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Je bent als de website-eigenaar verantwoordelijk voor het controleren en naleven van de lokale regelgeving die van toepassing is op jou of je websitebezoekers.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Heb je vragen of feedback?</div><div class="info-content"><div>Als je hulp nodig hebt bij het voltooien van extra stappen in jouw regio, of als je feedback wilt delen of andere toegankelijkheidstools wilt aanvragen, kun je <a data-composite="true" href="http:// www.wix.com/contact" target="_blank">contact met ons opnemen</a>.</div></div></div></div>

Wix biedt templates met ingebouwde toegankelijkheidsfuncties, zodat bezoekers met beperkingen of beperkingen het meeste uit je website kunnen halen. Deze templates zijn een goede manier om te beginnen...

Toegankelijkheid: Templates met toegankelijkheidsfuncties

<div data-component-type="text"><div>Wix biedt templates met ingebouwde toegankelijkheidsfuncties, zodat bezoekers met beperkingen of beperkingen het meeste uit je website kunnen halen. Deze templates zijn een goede manier om te beginnen met het bouwen van een website die toegankelijk is voor alle bezoekers, ongeacht hun vermogens.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/02/24/eabdee2b-b657-45e9-bd0e-bbff963f49d7/e0fdacff-64d8-4c6a-899c-80bcaef5786d.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-templates" level="3">Toegankelijkheidstemplates</h2></div><div data-component-type="text"><div>Toegankelijke templates hebben standaard ingebouwde toegankelijkheidsfuncties, zoals toegankelijke kopstructuren en websitekleurcontrasten. De aangeboden functies variëren afhankelijk van de stijl van de template die je kiest.</div></div><div data-component-type="text"><div>Selecteer de gelinkte tekst om <a data-composite="true" href="https://www.wix.com/website/templates?criteria=accessible" target="_blank">toegankelijke templates</a> te bekijken, ze te bewerken of een voorbeeld ervan te bekijken.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Sommige geavanceerde toegankelijkheidsfuncties, zoals aangepaste ARIA-labels en alt-tekst, zijn niet opgenomen in deze templates en moeten handmatig worden toegevoegd.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="continue-optimizing-your-site-for-acessibility" level="3">Ga door met het optimaliseren van je website voor toegankelijkheid</h2></div><div data-component-type="text"><div>Nadat je je template hebt toegevoegd en bewerkt, raden we aan onze <a href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website#accessibility-checklist" target="_blank">checklist</a> te bekijken om ervoor te zorgen dat je website gebruik heeft gemaakt van alle toegankelijkheidsfuncties die we aanbieden. </div></div><div data-component-type="text"><div>Verdere stappen zijn onder andere:</div><div><br /></div><ul>
  <li><a href="https://support.wix.com/nl/article/toegankelijkheid-je-websitestructuur-voorbereiden" target="_blank">Het voorbereiden van de structuur van je website</a></li>  <li><a href="https://support.wix.com/nl/article/toegankelijkheid-beweging-op-de-pagina-verminderen" target="_blank">Het verminderen van beweging</a></li>  <li><a href="https://support.wix.com/nl/article/toegankelijkheid-een-toegankelijkheidsverklaring-aan-je-website-toevoegen" target="_blank">Het toevoegen van een toegankelijkheidsverklaring</a></li>  <li><a href="https://support.wix.com/nl/article/toegankelijkheid-afbeeldingen-en-galerijen-voorbereiden" target="_blank">Het voorbereiden van afbeeldingen en galerijen</a> </li>  <li><a href="https://support.wix.com/nl/article/toegankelijkheid-tekst-en-afbeeldingen-voorbereiden" target="_blank">Het voorbereiden van tekst en beeld</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Hoewel we er voortdurend naar streven om ervoor te zorgen dat iedereen, ongeacht hun vermogens, onze producten en diensten kan gebruiken, kunnen we niet garanderen dat je website zal voldoen aan jouw lokale toegankelijkheidswetten en -regelgeving.</div><div><br /></div><div>We raden aan onze toegankelijkheids-checklist door te nemen en een toegankelijkheidsexpert te raadplegen om ervoor te zorgen dat je website voldoet aan de criteria die zijn uiteengezet in de toegankelijkheidsregelgeving in jouw regio.</div></div></div></div>

Om ervoor te zorgen dat ondersteunende technologieën je website correct interpreteren, raden we aan de taal/talen van je website in te stellen en deze indien nodig te beheren.Waar haalt Wix de informa...

Toegankelijkheid: De taal van je website instellen en beheren

<div data-component-type="text"><div>Om ervoor te zorgen dat ondersteunende technologieën je website correct interpreteren, raden we aan de taal/talen van je website in te stellen en deze indien nodig te beheren.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Waar haalt Wix de informatie vandaan?</div><div class="info-content"><ul>
  <li>We doen aanbevelingen op basis van het document <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Web Content Accessibility Guidelines (WCAG)</a>, dat is ontwikkeld door het <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>.  </li>  <li>Dit artikel is gebaseerd op het <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/language-of-page" target="_blank">succescriterium voor de paginataal (3.1.1)</a>.</li></ul></div></div></div><div data-component-type="heading"><h2 id="taal-en-toegankelijkheid-van-de-website" level="3">Taal en toegankelijkheid van de website</h2></div><div data-component-type="text"><div>Sommige websitebezoekers gebruiken ondersteunende technologieën en instellingen (zoals schermlezers en live ondertiteling) tijdens het browsen op internet. Door de hoofdtaal van de website in te stellen, krijgen deze technologieën de informatie die ze nodig hebben om de inhoud nauwkeurig weer te geven. </div></div><div data-component-type="text"><div>De taal die je instelt:</div></div><div data-component-type="text"><ul>
  <li>Geeft het script / de tekens aan die in tekst worden gebruikt</li>  <li>Bepaalt hoe tekstinhoud hardop moet worden voorgelezen (dat wil zeggen, de uitspraak, het accent, de toonhoogte en de spreeksnelheid)</li>  <li>Vertelt het apparaat / de browser in welke taal gegenereerde ondertitels moeten zijn </li></ul></div><div data-component-type="text"><div>Als de taal van de website onjuist is, kan dit problemen veroorzaken voor bezoekers die deze technologieën gebruiken (schermlezers kunnen bijvoorbeeld verschillende accenten gebruiken of dingen onjuist uitspreken). Het is daarom belangrijk om websitetalen correct in te stellen en te beheren om bezoekers de meest nauwkeurige ervaring te bieden.</div></div><div data-component-type="heading"><h2 id="de-taal-van-een-website-met-n-taal-controleren-en-instellen" level="3">De taal van een website met één taal controleren en instellen</h2></div><div data-component-type="text"><div>Als je een website in één taal hebt, kun je de taal controleren vanaf het dashboard van de website en deze indien nodig wijzigen. </div></div><div data-component-type="heading"><h2 id="" level="4">Om de taal van de website te controleren of in te stellen:</h2></div><div data-component-type="text"><ol>
  <li>Ga naar <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Instellingen%20beheren&amp;title=Selecteer%20een%20website&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/{{metaSiteId}}/manage-website" target="_blank">Instellingen</a> op het dashboard van de website.</li>  <li>Klik op <strong>Taal en locatie</strong>.</li>  <li>Klik op de <strong>Websitetaal</strong>-dropdown en stel de taal van je website in. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/99395f49-2d43-42ef-94be-133521c70c58/91dfc908-6141-4db2-a680-b9260243b9da.jpg" alt="Het taal en locatie-tabblad van een website. Het taalmenu van de website is geopend en de cursor klikt op Engels." /></div></div><div data-component-type="heading"><h2 id="de-taal-van-een-website-wijzigen-in-de-toegankelijkheidswizard" level="3">De taal van een website wijzigen in de Toegankelijkheidswizard</h2></div><div data-component-type="text"><div>Je wordt mogelijk gevraagd om de taal van een website met één taal te wijzigen in de Toegankelijkheidswizard. Gebruik de stappen om de taal in je websitebouwer bij te werken.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je Editor</a>.</li>  <li>Klik bovenaan op <strong>Instellingen </strong>en selecteer <strong>Toegankelijkheidswizard</strong>. </li>  <li>(Alleen de eerste keer) Klik rechts in het Toegankelijkheidswizard-paneel op <strong>Scan mijn website </strong>. </li>  <li>Selecteer bovenaan de Editor <strong>Instellingen</strong>.</li>  <li>Klik in stap 1 op het <strong>Alle pagina's</strong>-uitklapmenu.</li>  <li>Klik op de dropdown onder <strong>Wat is de hoofdtaal van je website? </strong>en selecteer de taal van je website.</li>  <li>Klik op <strong>Websitetaal instellen</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>De kaart verschijnt alleen als de taal van je website niet overeenkomt met de taal van de inhoud zelf (de taal van de website is bijvoorbeeld ingesteld op Engels, maar de websitetekst is in het Spaans).</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je Editor</a>.</li>  <li>Klik links in de Editor op <strong>Site Checker</strong><img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" />.</li>  <li>Selecteer <strong>Toegankelijkheidsproblemen oplossen</strong>. </li>  <li>Klik op <strong>Website scannen</strong>. </li>  <li>Selecteer het <strong>Gevonden problemen</strong>-tabblad.</li>  <li>Open de <strong>Websiteniveau</strong>-dropdown.</li>  <li>Klik naast <strong>Hoofdtaal website</strong> op <strong>Bewerken</strong>.</li>  <li>Selecteer de relevante taal in het dropdownmenu.</li>  <li>Klik op <strong>Toepassen</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Zelfs als de Toegankelijkheidswizard de taal van de website niet markeert, kun je deze nog steeds controleren en wijzigen vanuit het paneel.</div></div></div></div></div></div></div></div><div data-component-type="heading"><h2 id="werken-met-talen-op-een-meertalige-website" level="3">Werken met talen op een meertalige website</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/nl/article/wix-multilingual-een-overzicht" target="">Meertalige websites</a> bevatten over het algemeen taalmenu's waarmee bezoekers tussen talen kunnen schakelen. De vlagpictogrammen in deze menu's krijgen automatisch alt-tekst toegewezen die de bijbehorende taal weerspiegelt.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/658394b5-1087-472b-bf91-c33f9616fe5b/abbee5da-70fa-467a-b9c7-69e9267ad8fe.png" alt="Een taalmenu op een meertalige website. Er wordt een uittreksel van de bedieningsconsole weergegeven met Engels als alt-tekst." /></div></div><div data-component-type="text"><div>Omdat schermlezers zowel gewone als <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-afbeeldingen-en-galerijen-voorbereiden" target="">alt-tekst</a> lezen, kunnen menu's met tekst en pictogrammen ervoor zorgen dat de schermlezer de taalnaam herhaalt. We raden daarom aan het menu in te stellen om alleen de tekst of het pictogram in de Editor van je website weer te geven.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor-0" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor-1" class="tab-heading heading-1">Studio Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je Editor</a>.</li>  <li>Selecteer het taalmenu.</li>  <li>Klik op het <strong>Indeling</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2018/06/20/4fa6a5d1-d55f-4b0c-bd9f-24697271fc81.png" />.</li>  <li>Kies wat je op het menu wilt weergeven:
    <ul>
      <li><strong>Vlaggen:</strong> 
        <ol>
          <li>Schakel <strong>Vlaggen tonen</strong> in.</li>          <li>Selecteer <strong>Alleen vlaggen</strong> onder <strong>Weergave</strong>.</li>        </ol>      </li>      <li><strong>Taalnaam: </strong>
        <ol>
          <li>Schakel <strong>Vlaggen tonen</strong> uit.</li>          <li>Kies <strong>Volledige naam</strong> of <strong>Afgekort</strong> onder <strong>Weergave</strong>.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/22/fe978d8f-9e8c-40cc-8bf0-4f96058b7f8e/f606f948-ab8e-459d-bed6-cf98566560f5.jpg" alt="Het Menu-indelingspaneel van een taalmenu in de Wix Editor. De cursor klikt op de Alleen vlaggen-optie." /></div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/nl/article/wix-multilingual-het-wix-multilingual-taalmenu-op-je-website-aanpassen?tabs=Wix-Editor-0" target="">Lees meer over het wijzigen van de indeling van een taalmenu</a></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je Editor</a>.</li>  <li>Selecteer het taalmenu.</li>  <li>Klik op het <strong>Indeling</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/22/cd35cb5a-d719-4418-8c89-ad0b33312491/bad0640a-6114-4280-972d-1a705ccb03b5.png" />.</li>  <li>Kies wat je op het menu wilt weergeven:
    <ul>
      <li><strong>Vlaggen:</strong> 
        <ol>
          <li>Schakel <strong>Vlaggen tonen</strong> in.</li>          <li>Selecteer <strong>Alleen vlag</strong> onder <strong>Weergave</strong>. </li>        </ol>      </li>      <li><strong>Taalnaam: </strong>
        <ol>
          <li>Schakel <strong>Vlaggen tonen</strong> uit.</li>          <li>Kies <strong>Volledige naam</strong> of <strong>Afgekort</strong> onder <strong>Weergave</strong>.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/56175416-6dff-498b-8b2c-15c814c1bc2b/a4fe698b-f126-4331-b24d-4f62a1071858.jpg" alt="Het Menu-indelingspaneel van een taalmenu in de Studio Editor. De cursor klikt op de Volledige naam-optie." /></div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/nl/article/wix-multilingual-het-wix-multilingual-taalmenu-op-je-website-aanpassen?tabs=Wix-Editor-0" target="">Lees meer over het wijzigen van de indeling van een taalmenu</a></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Volgende stap:</div><div class="info-content"><div>Ga terug naar de <a href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website">Toegankelijkheidschecklist</a> om verder te werken aan de toegankelijkheid van je website.</div></div></div></div><div data-component-type="heading"><h2 id="veelgestelde-vragen" level="3">Veelgestelde vragen</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ik heb handmatig verschillende talen aan de website toegevoegd. Wat moet ik instellen als hoofdtaal?</h4><div class="collapsible-content"><div>Als je website inhoud in meerdere talen bevat en Wix Multilingual <strong>niet</strong> heeft, moet je de hoofdtaal instellen als de taal die je het meest gebruikt.</div><div><br /></div><div>Als de talen op de website gelijk worden gebruikt, raden we aan de taal te selecteren die je hebt gebruikt toen je de website voor het eerst maakte.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik de hoofdtaal van de website wijzigen als ik Multilingual heb?</h4><div class="collapsible-content"><div>Als je Wix Multilingual aan je website hebt toegevoegd, kan de hoofdtaal die is gekozen <a data-composite="true" href="https://support.wix.com/nl/article/wix-multilingual-wix-multilingual-toevoegen-en-instellen" target="">tijdens het instellen</a> niet worden gewijzigd. <a data-composite="true" href="https://support.wix.com/nl/article/wix-multilingual-aanvraag-de-hoofdtaal-van-je-website-wijzigen" target="">Stem voor deze functie</a>.</div></div></div></div>

De hiërarchie van je website (de structuur ervan) helpt webbrowsers en schermlezers te begrijpen hoe de inhoud van de website moet worden georganiseerd. Je kunt HTML-tags aan websitetekst toevoegen om...

Toegankelijkheid: Je websitestructuur voorbereiden

<div data-component-type="text"><div>De hiërarchie van je website (de structuur ervan) helpt webbrowsers en schermlezers te begrijpen hoe de inhoud van de website moet worden georganiseerd. Je kunt <a data-composite="true" href="https://support.wix.com/nl/article/de-koptags-van-je-pagina-beheren" target="">HTML-tags</a> aan websitetekst toevoegen om de plaats in de volgorde van de website aan te geven en bezoekers een duidelijke ervaring te bieden. </div></div><div data-component-type="heading"><h2 id="aanbevelingen-voor-het-voorbereiden-van-tekst" level="3">Aanbevelingen voor het voorbereiden van tekst</h2></div><div data-component-type="text"><div>We raden aan om de volgende richtlijnen in gedachten te houden bij het opstellen van websitetekst:</div></div><div data-component-type="text"><ul>
  <li><strong>Gebruik HTLM-tags voor je tekst:</strong> Elke pagina moet een H1-kop hebben en de verdere HTML-tags op elke pagina moeten sequentieel zijn. Als de hoofdkop op de pagina bijvoorbeeld een H1-tag is, moet de ondertitel H2 zijn, enzovoort. Zo kunnen bezoekers met een visuele beperking in een logische volgorde door je inhoud navigeren.</li>  <li><strong>De koppen moeten beschrijvend zijn:</strong> Beschouw de koppen als labels voor de onderstaande tekst (dit is ook belangrijk voor SEO). </li>  <li><strong>Afstand is belangrijk:</strong> Als je tijdens het bewerken van je tekst een kop in meerdere lijnen wilt breken, gebruik je nde <strong>Shift + Enter</strong> toetsen om een regeleinde in te voegen in plaats van <strong>Enter </strong>, die een nieuw kopelement op elke lijn maakt. </li>  <li><strong>Voeg koppen toe aan de hoofdtekst van de pagina:</strong> H1's die aan een websitekoptekst worden toegevoegd, worden weergegeven op alle pagina's waar de koptekst wordt weergegeven. We raden daarom aan in plaats daarvan koppen toe te voegen aan de hoofdtekst van de pagina. <br /> <strong>Tip:</strong> Als je een website van één pagina zonder aanvullende pagina's hebt, kun je deze aanbeveling negeren.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="html-tags-aan-tekst-toevoegen" level="3">HTML-tags aan tekst toevoegen</h2></div><div data-component-type="text"><div>Voeg HTML-tags toe aan websitetekst om de hiërarchie te definiëren. Je kunt de tag instellen via de instellingen of het ontwerp van de tekst in je Editor of deze selecteren in de Toegankelijkheidswizard (alleen Wix Editor-websites). </div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Studio-Editor" class="tab-heading heading-0">Studio Editor</div><div data-slug="Wix-Editor" class="tab-heading heading-1">Wix Editor</div><div data-slug="Wizard" class="tab-heading heading-2">Wizard</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Klik rechtsboven in de Editor op het <strong>Inspector openen</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" />.</li>  <li>Klik op het <strong>Ontwerp</strong>-tabblad<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/01/15/89d6f135-f1be-4ecf-ad3c-c472a012387f/3f8a4045-d91e-4fd7-afcf-0fec7041d10f.png" />.</li>  <li>Kies een HTML-tag in het dropdownmenu. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/37324b05-3e43-4ff6-8c7a-4f3fa5be9df0/9dcfbe15-8a57-464f-adaa-f95cba9355b7.jpg" alt="Het Ontwerp-tabblad van het Inspector-paneel is geopend. De cursor klikt op het HTML-tag-dropdownmenu." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Selecteer de relevante tekst in je Editor.</li>  <li>Selecteer <strong>Tekst bewerken</strong>.</li>  <li>Selecteer <strong>SEO en toegankelijkheid</strong>.</li>  <li>Kies een HTML-tag in het dropdownmenu. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/38c0f86e-2441-4dbf-ba6b-6ed3a63f3ec6/b58c3202-ed38-4667-9424-d99e0570b6d6.jpg" alt="Het Ontwerp-tabblad van het paneel met tekstinstellingen is geopend. De cursor klikt op het HTML-tag-dropdownmenu." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Selecteer <strong>Instellingen</strong>. </li>  <li>Selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Selecteer <strong>Scan mijn website</strong>.</li>  <li>Selecteer kaarten met de titel <strong>Kopdefinitie</strong>.</li>  <li>Selecteer de relevante HTML-tag in de dropdown.</li>  <li>Klik op <strong>Kop definiëren</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/cac03724-c700-4ba6-846d-adfcc8518a0f/5843629d-dfa8-4e85-9150-91f8932579f4.jpg" alt="De kopdefinitiekaart in de wizard. De cursor klikt op de Koptekst definiëren-knop." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>De Toegankelijkheidswizard is <a data-composite="true" href="https://support.wix.com/nl/article/studio-editor-aanvraag-toegankelijkheidswizard" target="">momenteel niet beschikbaar in de Studio Editor</a></div></div></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Goed om te weten:</div><div class="info-content"><div>De inhoud van webpagina's wordt 'gelezen' op basis van de DOM-volgorde van je websitepagina's. Je kunt deze volgorde controleren en indien nodig aanpassen. <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-een-website-voorbereiden-op-schermlezers" target="_blank">Lees meer over het organiseren van de volgorde van je website</a></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Volgende stap:</div><div class="info-content"><div>Ga terug naar de <a href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website">Toegankelijkheidschecklist</a> om door te gaan met het verbeteren van de toegankelijkheid van je website.</div></div></div></div>

De DOM-volgorde van een website is de volgorde waarin schermlezers en de Tab-toets inhoud op de pagina markeren en/of 'lezen'. Het moet een logische volgorde volgen om ervoor te zorgen dat bezoekers d...

Toegankelijkheid: De DOM-volgorde van een website controleren en aanpassen

<div data-component-type="text"><div>De DOM-volgorde van een website is de volgorde waarin schermlezers en de Tab-toets inhoud op de pagina markeren en/of 'lezen'. Het moet een logische volgorde volgen om ervoor te zorgen dat bezoekers de best mogelijke ervaring op je website krijgen en door de inhoud ervan kunnen navigeren.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-volgorde-op-websites" level="3">DOM-volgorde op websites</h2></div><div data-component-type="text"><div>Website-DOM is de laad- en leesvolgorde van elementen op websitepagina's. Wix stelt automatisch een DOM-volgorde in op basis van de visuele volgorde van de elementen: van links naar rechts en van boven naar beneden. Bij de ontwikkeling van onze toegankelijkheidshulpmiddelen testen wij onze producten met de volgende schermlezers:</div></div><div data-component-type="text"><ul>
  <li>Windows + Firefox of Chrome: <strong>NVDA</strong> (gratis reader)</li>  <li>iOS + Safari: <strong>Voiceover</strong> (ingebouwde lezer)</li></ul></div><div data-component-type="text"><div>Dit betekent dat we de automatische DOM-volgorde van je website hebben gemaakt met de functies van de bovenstaande toepassingen in gedachten. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>De automatische DOM-volgorde op Wix-desktopwebsites is gebouwd voor talen die van links-naar-rechts worden geschreven (bijvoorbeeld Engels, Spaans, enzovoort). Als je website een rechts-naar-links geschreven taal gebruikt, zoals Arabisch of Hebreeuws, moet je de DOM-volgorde in het Lagen-paneel handmatig aanpassen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="waarom-de-dom-volgorde-belangrijk-is" level="3">Waarom de DOM-volgorde belangrijk is</h2></div><div data-component-type="text"><div>Sommige websitebezoekers kunnen schermlezers en andere ondersteunende technologieën gebruiken om door je website te navigeren. Deze technologieën helpen bezoekers met visuele beperkingen door de inhoud van de website te scannen en deze hardop voor de bezoeker voor te lezen. </div></div><div data-component-type="text"><div>Bezoekers die schermlezers gebruiken en mensen met een mobiliteitsbeperking kunnen de Tab-toets gebruiken om door de inhoud van je website te navigeren. De DOM-volgorde van je website is daarom belangrijk voor bezoekers die schermlezers en/of de Tab-toets gebruiken, omdat ze in een logische volgorde door je website moeten kunnen navigeren.</div></div><div data-component-type="text"><div>Het websitemenu moet bijvoorbeeld eerst komen, gevolgd door de rest van de elementen in de koptekst, vervolgens de paginatitel, dan de pagina-inhoud, enzovoort. Als de DOM-volgorde onjuist is, kan dit ertoe leiden dat de schermlezer / Tab-toets pagina-inhoud overslaat of er doorheen springt.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wil je de DOM-volgorde van je website testen?</div><div class="info-content"><div>Je kunt de automatische DOM-volgorde van je website testen door de Tab-toets van je toetsenbord of een schermlezer te gebruiken in de live versie van de website.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="automatische-dom-in-de-toegankelijkheidswizard" level="3">Automatische DOM in de Toegankelijkheidswizard</h2></div><div data-component-type="text"><div>Wanneer je aan een Studio Editor-website werkt, zie je mogelijk de optie om automatisch de DOM-volgorde te ordenen in de Toegankelijkheidswizard. We raden aan deze optie te selecteren, omdat dit ervoor zorgt dat de scan van de wizard en de resulterende taken correct zijn.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/9d2cb57f-3b1a-4b86-99cd-567a0be9b9bd/5d38e95d-e1b9-464d-a319-b82a1ae68993.jpg" alt="Het Wizard-paneel is geopend in de Editor. Het selectievakje om het DOM automatisch te ordenen is gemarkeerd." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Zie je dit selectievakje niet?</div><div class="info-content"><div>De optie om de DOM van de website te ordenen wordt niet ingevuld in de volgende gevallen: </div><ul>
  <li>De website is gemaakt na begin november 2024.</li>  <li>Je hebt eerder de DOM van de website geordend met de Toegankelijkheidswizard.</li>  <li>Je hebt <a data-composite="true" href="https://support.wix.com/nl/article/studio-editor-elementen-reorganiseren-op-dom-volgorde" target="">automatische DOM uitgeschakeld op de website</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="de-dom-volgorde-van-een-website-handmatig-wijzigen" level="3">De DOM-volgorde van een website handmatig wijzigen</h2></div><div data-component-type="text"><div>Als je merkt dat de DOM-volgorde van je website niet logisch is, raden we aan deze te wijzigen om een verbeterde ervaring voor bezoekers te garanderen. </div></div><div data-component-type="text"><div>Gebruik de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard-in-de-wix-editor" target="">Toegankelijkheidswizard</a> en het Lagen-paneel om de DOM op Wix Editor-websites te wijzigen. Als je een website bouwt in de Studio Editor, kun je de volgorde aanpassen met de Lagen- en Pagina's-panelen van de website.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Als de Tab-volgorde van je website al logisch is, dan hoef je niets te doen. Het wijzigen van de volgorde wanneer deze al correct is, kan problemen veroorzaken voor bezoekers die schermlezers en / of de Tab-toets gebruiken.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om de DOM-volgorde te wijzigen:</h2></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Aangezien Wix automatisch een DOM-volgorde voor je website instelt, moet je deze uitschakelen in de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard-in-de-wix-editor" target="">geavanceerde instellingen van de Toegankelijkheidswizard</a> Je kunt de DOM-volgorde van elementen vervolgens naar behoefte handmatig aanpassen in het Lagen-paneel van je website.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de DOM-instellingen en -volgorde van je website te wijzigen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je Editor</a>.</li>  <li>Klik bovenaan op <strong>Instellingen </strong>en selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Klik bovenaan het Toegankelijkheidswizard-paneel op het <strong>Meer acties</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" />. </li>  <li>Selecteer <strong>Geavanceerde toegankelijkheidsinstellingen</strong>. </li>  <li>Selecteer <strong>Automatische DOM-volgorde</strong>.</li>  <li>Schakel de schakelaar in het paneel uit.</li>  <li>Selecteer <strong>Uitschakelen</strong> in het pop-up venster.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/18/ab92122b-479b-488b-953b-e80c7fee2f0c/0180414f-feaa-40a8-bb4b-c7eb1eec76a8.jpg" alt="Het paneel met geavanceerde instellingen van de Toegankelijkheidswizard. De automatische DOM-volgorde is uitgeschakeld." /></div></div><div data-component-type="text"><ol>
  <li>Klik linksonder in de Editor op <strong>Lagen</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/22/f52b1de4-3721-47b4-8588-8e0f10fbe5cb/33bdef84-9b33-4f67-bfb3-adef581774af.png" />.</li>  <li>Controleer de lijst en verwijder overbodige elementen. Dat zijn onder andere dubbele elementen die niet op je website worden gebruikt en die gebruikers van schermlezers in verwarring kunnen brengen.</li>  <li>Sleep en plaats de elementen in de gewenste volgorde.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/19/64994c54-ec97-4ba1-9fc5-08efa8b1497a/d6b6be84-44ee-4f47-b202-f125752cad10.jpg" alt="Het Lagen-paneel van een website. Een Pro Gallery wordt naar een andere positie gesleept." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Volgende stap:</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-toegang-tot-de-mobiele-editor" target="">Open de mobiele Editor</a> en herhaal dezelfde stappen.</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><div>Afhankelijk van de behoeften en/of het script van de website, kun je automatische DOM uitschakelen op <a data-composite="true" href="https://support.wix.com/nl/article/studio-editor-elementen-reorganiseren-op-dom-volgorde" target="">onderdelen / containers, rastercellen, elementstapels of de hele website</a>. Je kunt de volgorde vervolgens indien nodig handmatig aanpassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de DOM-volgorde handmatig te ordenen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je Editor</a>.</li>  <li>Kies waar je automatische DOM wilt uitschakelen:
    <ul>
      <li><strong>De hele website:</strong>
        <ol>
          <li>Klik linksboven in de Editor op het <strong>Wix Studio</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/13/d9a1d8f1-9b06-431b-a37c-cad1e9a147d0/1905b305-d3ce-4263-8ba1-38695a41936e.png" />.</li>          <li>Klik op <strong>Tools</strong>.</li>          <li>Klik op <strong>Automatische DOM-volgorde </strong>om deze te deselecteren.</li>          <li>Klik op <strong>Uitschakelen </strong>om te bevestigen.</li>        </ol>      </li>      <li><strong>Onderdelen, containers of rastercellen:</strong>
        <ol>
          <li>Klik met de rechtermuisknop op de relevante onderdeel / container / rastercel.</li>          <li>Klik in het rechtsklikmenu op <strong>Automatische DOM-volgorde</strong> om deze te deselecteren.</li>        </ol>      </li>    </ul>  </li>  <li>Klik links in de Editor op <strong>Lagen</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/08/14/a4e4317e-690e-4531-a095-054f0cf5ed9c/2294c57e-7ada-42be-aed2-2f8c81640beb.jpg" />.</li>  <li>Kies wat je wilt organiseren:
    <ul>
      <li><strong>Elementen in een onderdeel / container / rastercel / stapel: </strong>
        <ol>
          <li>Klik op het relevante bovenliggende element (bijvoorbeeld het onderdeel) in het paneel om het te openen.</li>          <li>Sleep de elementen naar de juiste positie.</li>        </ol>      </li>      <li><strong>Onderdelen / containers / rastercellen / stapels: </strong>
        <ol>
          <li>Wijs het bovenste gedeelte aan en klik op het <strong>Meer acties</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/10/05/df707d87-ce96-4e50-b540-485e1b543f16/064bb95e-aa36-462b-8be9-5b31f62f8034.png" />.</li>          <li>Klik op <strong>Schikken</strong>.</li>          <li>Klik op <strong>Naar voorgrond.</strong></li>          <li>Herhaal stap a-c met alle andere onderdelen, terwijl je van boven naar beneden gaat in het paneel.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/19/7502d6a2-1ecd-441a-b30c-5564c3681579/c26fb135-a70c-4f93-a200-04692e5a9373.jpg" alt="Het Lagen-paneel van een website. De cursor klikt op de optie om het bovenste gedeelte naar voren te halen." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><ul>
  <li>Met de Tab-toets navigeer je alleen door de interactieve elementen van een website en niet door statische elementen zoals tekst. Als je een schermlezer wilt testen op statische elementen zoals tekst, volg dan de instructies in het helpcentrum van je schermlezer over hoe je goed navigeert op een website met een toetsenbord.</li>  <li>Vastgezette elementen worden automatisch aan het einde van de tabvolgorde geplaatst. Als je wilt dat deze eerder in de volgorde worden weergegeven, raden we aan het element los te maken en in de koptekst te plaatsen.</li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">En nu?</div><div class="info-content"><div>Ga terug naar de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">Toegankelijkheidschecklist</a> om verder te werken aan de toegankelijkheid van je website.</div></div></div></div>

Bezoekers met visuele beperkingen vinden het misschien moeilijk om het verschil te zien tussen de voor- en achtergrond van de pagina's van een website. Daarom raden we aan het kleurcontrast op je webs...

Toegankelijkheid: Tekst en afbeeldingen voorbereiden

<div data-component-type="text"><div>Bezoekers met visuele beperkingen vinden het misschien moeilijk om het verschil te zien tussen de voor- en achtergrond van de pagina's van een website. Daarom raden we aan het kleurcontrast op je website te controleren en indien nodig aan te passen.</div></div><div data-component-type="heading"><h2 id="onze-aanbevelingen" level="3">Onze aanbevelingen</h2></div><div data-component-type="text"><div>Om de toegankelijkheid te vergroten voor bezoekers met verschillende zichtbehoeften, raden we het volgende aan:</div></div><div data-component-type="text"><ul><li>Verander het contrast van de tekstkleur en de achtergrondkleur in een verhouding van 4,5:1 voor normale tekst en 3:1 voor grote tekst. </li><li>Een contrastverhouding van minimaal 3:1 voor grafische elementen en componenten van de gebruikersinterface (zoals formulierinvoerranden, tijdelijke aanduidingen, enz.). </li><li>Niveau AAA vereist een hogere contrastverhouding van minimaal 7:1 voor normale tekst en 4,5:1 voor grote tekst.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Goed om te weten:</div><div class="info-content"><div>Grote tekst wordt gedefinieerd als boven 14 punten (ongeveer 18 px) en vetgedrukt, of 18 punten (ongeveer 24 px).</div></div></div></div><div data-component-type="heading"><h2 id="kleurcodes-zoeken" level="3">Kleurcodes zoeken</h2></div><div data-component-type="text"><div>Je kunt de kleurcodes vinden in elke websitebouwer die je gebruikt (Studio Editor of Wix Editor).</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Studio-Editor" class="tab-heading heading-0">Studio Editor</div><div data-slug="Wix-Editor" class="tab-heading heading-1">Wix Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Selecteer het relevante element (tekst, strookachtergrond, verzamelvak, enzovoort).</li>  <li>Klik rechtsboven in de Editor op het <strong>Inspector openen</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" />.</li>  <li>Klik op het <strong>Ontwerp</strong>-tabblad<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/01/15/89d6f135-f1be-4ecf-ad3c-c472a012387f/3f8a4045-d91e-4fd7-afcf-0fec7041d10f.png" />.</li>  <li>Klik op het kleurvak om de kleurenkiezer te openen.</li>  <li>Wijs de kleur aan om de code te zien.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/a94613b8-833d-4fca-b2fe-bc88952971c9/8159577b-28c9-4533-b5dd-e8b00dce4247.jpg" alt="De kleurenkiezer in de Studio Editor. De cursor wijst een kleur aan en de code is gemarkeerd in het paneel." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Selecteer het relevante element (tekst, strookachtergrond, verzamelvak, enz.) en open de <strong>Kleurkiezer</strong>. </li>  <li>Beweeg over een van de kleuren om de kleurcode te zien. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/987e1f71-14d9-4355-9600-9fdae03039c0/2e535f26-c7cd-4b48-bf08-f17406fc74a3.png" alt="De kleurenkiezer in de Wix Editor. De cursor wijst een kleur aan en de code is gemarkeerd in het paneel." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Kleurcontrasten testen:</div><div class="info-content"><div>Er zijn talloze websites en browser-plug-ins zoals <a href="https://webaim.org/resources/contrastchecker/" target="_blank">Contrast Checker</a> die het kleurcontrast testen door de voor- en achtergrondkleuren te vergelijken (met de kleurcodes). Voor het controleren van het kleurcontrast voor tekst op een achtergrondafbeelding, raden we aan om <a href="https://developer.paciellogroup.com/resources/contrastanalyser/" target="_blank">Colour Contrast Analyser</a> te gebruiken. Hiermee kun je de achtergrondkleur kiezen en vervolgens testen.</div></div></div></div><div data-component-type="heading"><h2 id="kleurcontrast-aanpassen" level="3">Kleurcontrast aanpassen</h2></div><div data-component-type="text"><div>Je kunt de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard-in-de-wix-editor" target="">Toegankelijkheidswizard</a> gebruiken om een laag kleurcontrast op je pagina's te vinden en aan te passen. De wizard is een tool die je website scant op mogelijke toegankelijkheidsproblemen en waarmee je geavanceerde instellingen kunt inschakelen om de toegankelijkheid van je website te blijven verbeteren.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Je moet weten:</div><div class="info-content"><div>De wizard is alleen beschikbaar in de Wix Editor. <a data-composite="true" href="https://support.wix.com/nl/article/studio-editor-aanvraag-toegankelijkheidswizard" target="">Stem om de Toegankelijkheidswizard toe te voegen aan de Studio Editor</a></div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om het contrast aan te passen:</h2></div><div data-component-type="text"><ol>
  <li>Selecteer <strong>Instellingen</strong>. </li>  <li>Selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Selecteer <strong>Scan mijn website</strong>.</li>  <li>Selecteer kaarten met de titel <strong>Kleurcontrast</strong>.</li>  <li>Gebruik de schuifregelaar om de tekst- en achtergrondkleur aan te passen.</li>  <li>Selecteer <strong>Wijzigingen toepassen</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/df090a3b-8288-4687-b670-206f42e37cd4/23ddf314-fc74-4bb4-8064-8262b32ee11a.jpg" alt="Er is een kleurcontrast geopend in de Wizard. Het contrast is aangepast en de cursor wijst Wijzigingen toepassen aan." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Geef je grafieken of gegevens weer op je website?</div><div class="info-content"><div>Kleuren met hoog contrast zijn een goede manier om gegevens op je website weer te geven. We raden echter ook aan om andere indicatoren (zoals texturen en patronen) te gebruiken om onderscheid te maken tussen informatie. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Volgende stap:</div><div class="info-content"><div>Ga terug naar de <a href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website">Toegankelijkheidschecklist</a> om door te gaan met het verbeteren van de toegankelijkheid van je website.</div></div></div></div>

Bezoekers met visuele problemen kunnen ondersteunende technologie zoals schermlezers gebruiken om door je website te bladeren. Voeg beschrijvingen toe aan je afbeeldingen en galerijen met behulp van a...

Toegankelijkheid: Afbeeldingen en galerijen voorbereiden

Bezoekers van de website kunnen een of meer voorwaarden hebben die van invloed zijn op hun zicht, gehoor of beide. Door alternatieven voor mediabestanden toe te voegen (zoals scripts en audiobeschrijv...

Toegankelijkheid: Video's en audio toegankelijk maken

<div data-component-type="text"><div>Bezoekers van de website kunnen een of meer voorwaarden hebben die van invloed zijn op hun zicht, gehoor of beide. Door alternatieven voor mediabestanden toe te voegen (zoals scripts en audiobeschrijvingen), kun je deze bezoekers meer manieren bieden om toegang te krijgen tot de inhoud en ervan te genieten.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-text-descriptions-to-media-without-sound" level="3">Tekstbeschrijvingen toevoegen aan media zonder geluid</h2></div><div data-component-type="text"><div>Als je website GIF's of video's bevat die geen geluid hebben, hebben bezoekers met zichtgerelateerde problemen er mogelijk geen toegang toe.</div></div><div data-component-type="text"><div>We raden aan om een tekstbeschrijving die de gebeurtenissen die plaatsvinden beschrijft toe te voegen aan het stuk media. De tekstbeschrijving van deze GIF zou bijvoorbeeld kunnen zijn: <em>Een GIF van de zon met het woord 'Nieuw' er knipperend overheen.</em></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/b567d7fc-af07-4ffe-b02b-cf560471903f/4e5c1124-78d7-4571-b70a-7cf429978190.gif" alt="Een GIF van de zon met het woord" /></div></div><div data-component-type="text"><div>Dit verbetert de toegankelijkheid van je website, omdat schermlezers de beschrijving kunnen 'lezen' en de bezoeker kunnen informeren over de inhoud van de media. <a data-composite="true" href="https://www.w3.org/WAI/media/av/description/" target="">Lees meer over tekstbeschrijvingen voor media</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-text-transcripts-to-audio-files" level="3">Teksttranscripties toevoegen aan audiobestanden</h2></div><div data-component-type="text"><div>Je moet teksttranscripties toevoegen bij alle audiobestanden die je naar je website uploadt. Dit verbetert de toegankelijkheid, omdat het ervoor zorgt dat dove of slechthorende bezoekers toegang hebben tot deze inhoud en ervan kunnen genieten.</div></div><div data-component-type="text"><div>Je kunt een transcript maken door het in een document te schrijven en het document vervolgens onder of boven het audiobestand te linken. <a data-composite="true" href="https://www.w3.org/WAI/media/av/transcripts/" target="">Lees meer over het creëren van transcripties voor audiobestanden</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/af11e670-7b1a-4287-a495-3367c17e76f4/3a6a72d3-a8c4-4b4f-846d-a84d58983d3e.png" alt="Een afbeelding van een audiospeler. Tekst erboven om bezoekers te adviseren dat ze kunnen klikken om te luisteren. Link onder speler leidt naar transcript." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Je kunt je transcript linken <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-een-link-aan-tekst-toevoegen#hyperlinking-text" target="">via tekst</a> of <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-een-link-aan-een-knop-toevoegen#adding-a-link-to-your-button" target="">met een knop</a>. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-captions-to-videos" level="3">Ondertiteling aan video's toevoegen</h2></div><div data-component-type="text"><div>Het toevoegen van ondertiteling aan je video's is een goede manier om ervoor te zorgen dat bezoekers met hoor- of cognitieve beperkingen je inhoud kunnen begrijpen en ervan kunnen genieten. </div></div><div data-component-type="text"><div>Ondertiteling gaat niet alleen om wat er gezegd wordt. Het bevat ook een beschrijving van geluiden die geen dialoog zijn. De ondertitels in de onderstaande videoscreenshot bevatten bijvoorbeeld de achtergrondmuziek. <a data-composite="true" href="https://www.w3.org/WAI/perspective-videos/captions/" target="">Lees meer over video-ondertiteling</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/1f9e49c8-3778-48bc-99d4-79d08e660071/d0d2212f-5836-40c9-a88e-ca31c7dad970.png" alt="Een afbeelding van een videospeler met een stilstaand beeld, inclusief de ondertiteling:" /></div></div><div data-component-type="text"><div>De meeste video's die websites hosten (zoals YouTube) hebben een Ondertitelingsfunctie, waarmee kijkers ondertiteling kunnen inschakelen terwijl ze de video bekijken. Als je je eigen video uploadt, kun je ondertiteling toevoegen met externe videobewerkingssoftware, zoals Amara. <a data-composite="true" href="https://wethegeek.com/best-closed-captioning-software/" target="_blank">Bekijk meer opties voor ondertitelingssoftware</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>We raden aan om ondertiteling in meerdere talen te geven, omdat deze ook nuttig zijn voor kijkers die de taal van je video misschien niet spreken.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-audio-descriptions-to-videos" level="3">Audiobeschrijvingen toevoegen aan video's</h2></div><div data-component-type="text"><div>Audiobeschrijvingen zijn een type audio dat aan video's wordt toegevoegd om de toegankelijkheid te verbeteren. Ze doen dit door evenementen te beschrijven voor bezoekers met visuele beperkingen en die mogelijk afhankelijk zijn van audio om te navigeren en de inhoud op je website te begrijpen. </div></div><div data-component-type="text"><div>Audiobeschrijvingen zijn opgenomen beschrijvingen van visuele gebeurtenissen die geen geluid maken, zoals beweging, gezichtsuitdrukkingen en lichtveranderingen.Een weerbericht kan bijvoorbeeld de volgende audiobeschrijving bevatten: 'De meteoroloog wijst naar het noordwesten van het land'.</div></div><div data-component-type="text"><div>Audiobeschrijvingen worden toegevoegd tussen dialoog en andere belangrijke audio, zodat het publiek ze duidelijk kan horen. Je kunt audiobeschrijvingen toevoegen aan de video zelf of door een extra audiotrack toe te voegen. <a data-composite="true" href="https://digital.gov/2014/06/30/508-accessible-videos-how-to-make-audio-descriptions/" target="_blank">Lees meer over het maken van audiobeschrijvingen</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-captions-to-live-events" level="3">Ondertiteling toevoegen aan live evenementen</h2></div><div data-component-type="text"><div>We raden aan ondertiteling toe te voegen aan alle live evenementen die je op je website streamt. Dit zorgt ervoor dat ook dove of slechthorende bezoekers mee kunnen kijken en ervan kunnen genieten.</div></div><div data-component-type="text"><div>Er zijn twee methoden om bijschriften toe te voegen aan live evenementen op je website:</div></div><div data-component-type="text"><ul>
  <li><strong>Script:</strong> De artiesten, gastheren of presentatoren werken met een vooraf bepaald script. Dit script wordt vervolgens getoond in de livestream. Deze methode wordt vaak gebruikt bij evenementen zoals toneelstukken.</li>  <li><strong>Live:</strong> De ondertiteling wordt in realtime toegevoegd aan de stream, door een persoon of een softwareprogramma. Deze methode wordt gebruikt bij evenementen die minimale of geen scripts gebruiken, zoals live podcast-opnames en prijsuitreikingen.</li></ul></div><div data-component-type="text"><div>In sommige browsers, zoals <a data-composite="true" href="https://blog.google/products/chrome/live-caption-chrome/" target="_blank">Chrome</a>, kunnen bezoekers live ondertiteling inschakelen voor hun apparaat. Als je je evenement echter wilt streamen vanaf <a data-comosite="true" href="https://support.google.com/youtube/answer/3068031?hl=en#zippy=%2Clive-caption-requirements-for-events%2Cturning-on-closed-captions-for-events" target="_blank">YouTube</a>, moet de ondertiteling in de video opgenomen worden of verstuurd worden via software die ondertiteling via HTTP POSTs kan sturen, <a data-composite="true" href="https://streamtext.net/" target="_blank">StreamText</a>. </div></div>

Geanimeerde, bewegende en automatisch afgespeelde inhoud op een website kan de ervaring beïnvloeden voor bezoekers met cognitieve of neurologische aandoeningen (zoals epilepsie, bewegingsziekte, enzov...

Toegankelijkheid: Beweging op de pagina verminderen

<div data-component-type="text"><div>Geanimeerde, bewegende en automatisch afgespeelde inhoud op een website kan de ervaring beïnvloeden voor bezoekers met cognitieve of neurologische aandoeningen (zoals epilepsie, bewegingsziekte, enzovoort), evenals mensen die ondersteunende technologieën gebruiken. </div></div><div data-component-type="text"><div>We raden daarom aan om waar mogelijk beweging op de website te verminderen. Er zijn twee manieren waarop je beweging kunt minimaliseren: door scrolleffecten te vermijden en door automatisch afspelen te vermijden / beperken.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Waar haalt Wix zijn informatie vandaan?</div><div class="info-content"><div>We baseren onze aanbevelingen op het <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">document met de richtlijnen voor toegankelijkheid van webcontent</a> dat is ontwikkeld door het <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </div></div></div></div><div data-component-type="heading"><h2 id="scrolleffecten-op-een-website" level="3">Scrolleffecten op een website</h2></div><div data-component-type="text"><div>Scrolleffecten worden meestal toegepast op achtergronden van pagina's, onderdelen en containers. Aangezien deze effecten ervoor kunnen zorgen dat de achtergrond en voorgrond (de gekoppelde elementen) in verschillende snelheden of in verschillende richtingen bewegen, kunnen ze problemen veroorzaken voor bezoekers met vestibulaire of aandachtsstoornissen.</div></div><div data-component-type="text"><div>We raden aan deze effecten alleen toe te voegen als ze essentieel zijn voor de functionaliteit van de website of voor het overbrengen van informatie. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html" target="_blank">Lees de richtlijnen van WCAG over animatie door interacties</a></div></div><div data-component-type="heading"><h2 id="automatisch-afspelen-op-een-website" level="3">Automatisch afspelen op een website</h2></div><div data-component-type="text"><div>Sommige video- en audiospelers zijn mogelijk ingesteld om automatisch af te spelen wanneer de pagina wordt geladen. Dit kan echter voor verwarring en afleiding zorgen bij bezoekers. Een audiospeler die automatisch start, kan bijvoorbeeld een schermlezer overschrijven of erover 'spreken'. </div></div><div data-component-type="text"><div>We raden aan om automatisch afspelen op een website waar mogelijk te beperken. Als je echter visuele of audio-inhoud hebt, kun je de volgende richtlijnen gebruiken om de toegankelijkheid ervan te verbeteren:</div></div><div data-component-type="text"><ul>
  <li><strong>Video's / visuele inhoud:</strong> <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html ' target=" blank="blank">Voeg een stop-, pauze- of verbergfunctie toe</a> voor video's / visuele inhoud die:
    <ul>
      <li>Aautomatisch wordt afgespeeld</li>      <li>Parallel aan andere pagina-inhoud wordt weergegeven</li>      <li>Langer is dan 5 seconden</li>    </ul>  </li>  <li><strong>Audio-inhoud:</strong> <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/audio-control.html" target="_blank">Voeg dempen / onafhankelijke volume-aanpassingsopties toe</a> op audio-inhoud die:
    <ul>
      <li>Aautomatisch wordt afgespeeld</li>      <li>Langer is dan 3 seconden</li>    </ul>  </li></ul></div><div data-component-type="heading"><h2 id="hoe-websitebezoekers-beweging-kunnen-verminderen" level="3">Hoe websitebezoekers beweging kunnen verminderen</h2></div><div data-component-type="text"><div>Als je besluit om beweging te gebruiken of inhoud op de website automatisch af te spelen, kunnen bezoekers deze opties uitschakelen via het besturingssysteem en de browser van hun apparaat. </div></div><div data-component-type="text"><ul>
  <li><strong>Scroll-/animatie-effecten:</strong> Bezoekers kunnen animaties uitschakelen in de systeeminstellingen:
    <ul>
      <li><strong>Windows 11: </strong><a data-composite="true" href="https://support.microsoft.com/nl-nl/windows/het-gemakkelijker-maken-om-u-te-concentreren-op-taken-0d259fd9-e9d0-702c-c027-007f0e78eaf2" target="_blank">Animatie-effecten</a></li>      <li><strong>Mac:</strong> <a data-composite="true" href="https://support.apple.com/nl-nl/guide/mac-help/mchlc03f57a1/mac" target="_blank">Beweging verminderen / geanimeerde afbeeldingen automatisch afspelen</a></li>    </ul>  </li>  <li><strong>Video-/audio-inhoud: </strong>Bezoekers kunnen voorkomen dat audio-/video-inhoud automatisch wordt afgespeeld op websites vanuit hun browser:
    <ul>
      <li><strong>Google Chrome:</strong> <a data-composite="true" href="https://support.google.com/chrome/answer/9692215?sjid=4561388418345466340-EU" target="_blank">Geluidsinstellingen</a></li>      <li><strong>Microsoft Edge:</strong> <a data-composite="true" href="https://www.microsoft.com/en-us/edge/learning-center/manage-autoplay?form=MA13I2" target="_blank">Media automatisch afspelen</a></li>    </ul>  </li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Volgende stap:</div><div class="info-content"><div>Ga terug naar de <a href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website">Toegankelijkheidschecklist</a> om door te gaan met het verbeteren van de toegankelijkheid van je website.</div></div></div></div>

Sommige websitebezoekers (zoals bezoekers met een visuele handicap of aandoeningen) kunnen een zoomtool in hun browser gebruiken om inhoud en elementen die niet groot of duidelijk genoeg zijn om 100% ...

Toegankelijkheid: Over ingezoomde inhoud

<div data-component-type="text"><div>Sommige websitebezoekers (zoals bezoekers met een visuele handicap of aandoeningen) kunnen een zoomtool in hun browser gebruiken om inhoud en elementen die niet groot of duidelijk genoeg zijn om 100% te kunnen zien te vergroten.</div></div><div data-component-type="text"><div>Ervoor zorgen dat je website volledig zichtbaar is in zoom, is daarom een belangrijk onderdeel van toegankelijkheid, omdat het deze bezoekers helpt de inhoud te bekijken en er doorheen te navigeren. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Goed om te weten:</div><div class="info-content"><div>Alle inhoud van je website moet duidelijk, zichtbaar en leesbaar zijn bij 200% zoom.</div></div></div></div><div data-component-type="heading"><h2 id="de-zoom-van-je-website-controleren" level="3">De zoom van je website controleren</h2></div><div data-component-type="text"><div>We raden je aan de zoom van je website te controleren om er zeker van te zijn dat al je inhoud op 200% duidelijk en zichtbaar is. Je kunt dit doen via je browserinstellingen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Laat me zien hoe ik in Chrome kan controleren</h4><div class="collapsible-content"><ol>
  <li>Selecteer rechtsboven in je browser het <strong>Meer acties</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/05/19/a53b52b5-9ef9-4c51-a650-d3d64405ede7/656a564f-13b8-47be-a40f-b5d29b7d0e41.png" />.</li>  <li>Verhoog het zoomniveau door op het <strong>Plus</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/05/19/5a2c2bb5-a459-4934-9d6c-9f7222655653/b5230cf0-4640-4dbf-834e-65d6d63fff3a.png" />te klikken of druk op <strong>Ctrl</strong> en op <strong>+</strong> op je toetsenbord.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Laat me zien hoe ik in Safari kan controleren</h4><div class="collapsible-content"><ol>
  <li>Selecteer <strong>Weergave</strong> op de browserwerkbalk.</li>  <li>Verhoog het zoomniveau door op <strong>Inzoomen</strong> te klikken of druk op <strong>cmd</strong> en vervolgens op <strong>+</strong> op je toetsenbord.</li></ol></div></div></div><div data-component-type="text"><div>Als je de Toegankelijkheidswizard gebruikt om de toegankelijkheid van je website te verbeteren, kun je je website controleren met behulp van de bovenstaande stappen en deze vervolgens als 'Klaar' markeren in de wizard. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Laat zien hoe</h4><div class="collapsible-content"><ol>
  <li>Scan je website met de Toegankelijkheidswizard en <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken#step-2-fix-detected-issues" target="">verhelp alle gedetecteerde problemen</a>. </li>  <li>Selecteer <strong>Ga verder met stap 2</strong>.</li>  <li>Selecteer de kaart met de titel <strong>Ingezoomde content</strong> en volg de onderstaande stappen:
    <ol>
      <li>Bekijk een voorbeeld van je inhoud op 200% zoom om ervoor te zorgen dat alles zichtbaar en leesbaar is.</li>      <li>Als je klaar bent, schakel je het selectievakje in naast <strong>Helemaal klaar? Markeer deze taak als voltooid</strong>.</li>      <li>Selecteer <strong>Klaar</strong>.</li>    </ol>  </li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/12/a4cfd05f-1799-4f5a-8baf-7fc99f1a3b9c/accbbffb-a3c1-4846-8110-a13d91ad8df9.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="problemen-met-ingezoomde-weergave-oplossen" level="3">Problemen met ingezoomde weergave oplossen</h2></div><div data-component-type="text"><div>Bij het controleren van ingezoomde inhoud op je website, zijn er bepaalde dingen waarmee je rekening moet houden die de toegankelijkheid van je website kunnen beïnvloeden. Als je een van de volgende problemen opmerkt, raden we aan deze op te lossen om een betere ervaring voor je bezoekers te garanderen.</div></div><div data-component-type="heading"><h2 id="" level="4">Vastgezette elementen</h2></div><div data-component-type="text"><div>Vastgezette elementen zijn altijd zichtbaar op je live website, zelfs wanneer bezoekers omhoog of omlaag scrollen. Menu's en knoppen zijn elementen die vaak vastgezet worden.</div></div><div data-component-type="text"><div>Als je elementen zowel links als rechts van het scherm hebt vastgezet, kan het zijn dat ze overlappen wanneer je inzoomt. Grote vastgezette elementen kunnen ook andere inhoud op je website blokkeren. </div></div><div data-component-type="text"><div>Je kunt <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-elementen-vastzetten-op-het-scherm#changing-the-settings-of-a-pinned-element" target="">de positie van vastgezette elementen wijzigen</a> om overlap of blokkering van inhoud te voorkomen, of <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-met-elementen-werken#resizing-your-elements" target="">het formaat van de elementen wijzigen</a> om ze kleiner te maken.</div></div><div data-component-type="heading"><h2 id="" level="4">Elementen buiten de rasterlijnen</h2></div><div data-component-type="text"><div>De Wix Editor bevat <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-werken-met-de-rasterlijnen-van-de-editor" target="">rasterlijnen om je te helpen je website-inhoud zichtbaar te houden op alle schermformaten</a>. Elementen die buiten de rasterlijnen vallen, zijn daarom mogelijk niet zichtbaar op kleinere schermen of wanneer een bezoeker inzoomt.</div></div><div data-component-type="text"><div>Als de website-inhoud wordt afgesneden wanneer je inzoomt, raden we aan <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-met-elementen-werken#moving-your-elements" target="">het element binnen de rasterlijnen te verplaatsen</a>. </div></div>

Met formulieren kunnen bezoekers informatie indienen, lid worden van een mailinglijst en meer. Bij het maken van een formulier is het belangrijk om rekening te houden met toegankelijkheid om ervoor te...

Toegankelijkheid: Een toegankelijk formulier maken

<div data-component-type="text"><div>Met formulieren kunnen bezoekers informatie indienen, lid worden van een mailinglijst en meer. Bij het maken van een formulier is het belangrijk om rekening te houden met toegankelijkheid om ervoor te zorgen dat iedereen het kan bekijken en gebruiken. </div></div><div data-component-type="text"><div>Volg de stappen in dit artikel om een formulier te maken waarmee bezoekers kunnen navigeren en waarmee ze kunnen communiceren, en om het meeste uit je website te halen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-display-field-titles" level="3">Stap 1 | Toon veldtitels</h2></div><div data-component-type="text"><div>Geef veldtitels weer zodat bezoekers elk formulierveld kunnen identificeren. Het weergeven van titels geeft duidelijkheid en geeft bezoekers aan in welk veld ze zich momenteel bevinden.</div></div><div data-component-type="heading"><h2 id="" level="4">Om veldtitels weer te geven:</h2></div><div data-component-type="text"><ol>
  <li>Selecteer het formulier in je Editor.</li>  <li>Klik op <strong>Formulier bewerken</strong>.</li>  <li>Selecteer een formulierveld.</li>  <li>Klik op <strong>Instellingen</strong>.</li>  <li>Wijs de veldtitel aan en klik op het <strong>Meer acties</strong>-pictogram<img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcC5vRw8B_ITz9qd1n_rF0jP0XZvFe8Ly4NcbviMUHdlLJZIK7ATwxhjb-fPDytIlmc7hmtqMlqZt_sh3CtRvQOGzQRe_skqNqCTCHoFti1Yc1JZwr5M1G5d7vxKBGJAMf6oCDrRmiI9mYujNW1sBSBKREb?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Klik op <strong>Veldtitel tonen</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/704b585c-e85a-42a3-a4f6-4918fc22ea7d/de509bb7-f65c-4ee0-9aa6-8c945a368eb3.jpg" alt="Het formuliercentrum. Er is een veld geselecteerd en de cursor klikt op 'Veldtitel tonen'." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-define-your-field-titles" level="3">Stap 2 | Definieer je veldtitels</h2></div><div data-component-type="text"><div>Nadat je veldtitels hebt ingeschakeld, moet je ervoor zorgen dat je ze duidelijk definieert. De titel moet specifiek zijn om ervoor te zorgen dat bezoekers weten wat er precies nodig is (achternaam, telefoonnummer, enzovoort).</div></div><div data-component-type="heading"><h2 id="" level="4">Om de veldtitels te definiëren:</h2></div><div data-component-type="text"><ol>
  <li>Selecteer het formulier in je Editor.</li>  <li>Klik op <strong>Formulier bewerken</strong>.</li>  <li>Selecteer een formulierveld.</li>  <li>Klik op <strong>Instellingen</strong>.</li>  <li>Voer de tekst in onder <strong>Veldtitel</strong>.</li>  <li>Klik op <strong>Opslaan</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/b0c417e6-adb2-4bbb-9ac2-2d4990c1374b/83955b53-2aba-47eb-9a01-33be5f0f8066.jpg" alt="Het formuliercentrum. Er is een veld geselecteerd en de cursor klikt op het titelveld." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-customize-the-forms-design" level="3">Stap 3 | Pas het ontwerp van het formulier aan</h2></div><div data-component-type="text"><div>Het aanpassen van de <a data-composite="true" href="https://support.wix.com/nl/article/wix-forms-websiteformulieren-ontwerpen" target="">velden en knoppen van het formulier</a> per status (Standaard, Aanwijzen en Fout) kan een logische visuele ervaring creëren. We raden aan het ontwerp aan te passen voor bijvoorbeeld de Aanwijs-status, zodat bezoekers weten met welk deel van het formulier ze interactie hebben.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Goed om te weten:</div><div class="info-content"><div>De Aanwijs-status geeft aan hoe het formulierveld / de knop eruitziet wanneer een bezoeker deze aanwijst. De Standaard-status is hoe deze wordt weergegeven voordat een bezoeker er interactie mee heeft.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om het ontwerp van het formulier aan te passen:</h2></div><div data-component-type="text"><ol>
  <li>Selecteer het formulier in je Editor.</li>  <li>Klik op <strong>Instellingen</strong>.</li>  <li>Selecteer <strong>Ontwerp</strong>.</li>  <li>Kies welk deel van het formulier je wilt aanpassen:
    <ul>
      <li><strong>Velden</strong>: 
        <ol>
          <li>Selecteer <strong>Formuliervelden</strong>.</li>          <li>Selecteer <strong>Aanwijzen</strong> in het dropdownmenu.</li>          <li>Wijzig het ontwerp van het veld:
            <ul>
              <li><strong>Opvulkleur en dekking: </strong>Stel de kleur van de veldachtergrond in en sleep de schuifregelaar om de dekking te wijzigen.</li>              <li><strong>Randkleur en dekking:</strong> Stel de kleur en dekking van de veldrand in.</li>            </ul>          </li>        </ol>      </li>      <li><strong>Knoppen:</strong>
        <ol>
          <li>Selecteer <strong>Knoppen</strong>.</li>          <li>Selecteer de knop die je wilt aanpassen (Verzenden, Terug, Uploaden, enzovoort).</li>          <li>Klik op het <strong>Aanwijzen</strong>-tabblad.</li>          <li>Wijzig het ontwerp van de knop:
            <ul>
              <li><strong>Tekstkleur:</strong> Stel de kleur in van de knoptekst bij het aanwijzen.</li>              <li><strong>Kleur en dekking: </strong>Stel de kleur van de achtergrond van de knop in en sleep de schuifregelaar om de dekking te wijzigen.</li>              <li><strong>Randkleur en dekking:</strong> Stel de kleur en dekking van de rand van de knop in.</li>            </ul>          </li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/f9359600-cb03-4d29-bbce-67dba5e29d86/8b155fad-596d-41c2-8d1b-ef00a834a912.jpg" alt="Het ontwerppaneel van het formulierveld is geopend. De aanwijsstatus is geselecteerd en de cursor klikt op het kleurvak." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tips:</div><div class="info-content"><ul>
  <li>Je moet ook de formuliervelden in de Fout-status aanpassen om verbeterde toegankelijkheid te garanderen.</li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-tekst-en-afbeeldingen-voorbereiden" target="">Lees meer over kleuren en contrast bij de toegankelijkheid van je website</a></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-enable-visual-indicators-on-your-site" level="3">Stap 4 | Schakel visuele indicatoren in op je website</h2></div><div data-component-type="text"><div>Visuele indicatoren kunnen mensen met verschillende zicht-/mobiliteitsbehoeften helpen bij het navigeren door je website. Wanneer je ze inschakelt, kunnen bezoekers die de Tab-toets gebruiken een blauw vak zien rond het onderdeel of element waarin ze zich bevinden. <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-blauwe-vakken-visuele-indicatoren-in-en-uitschakelen' target=">Lees meer over visuele indicatoren</a></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Visuele indicatoren worden automatisch ingeschakeld op websites die in de Studio Editor zijn gebouwd.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om visuele indicatoren in te schakelen:</h2></div><div data-component-type="text"><ol>
  <li>Selecteer <strong>Instellingen</strong> op de bovenste balk van de Wix Editor.</li>  <li>Selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Selecteer rechtsboven in de Wizard het <strong>Meer acties</strong>-pictogram<img data-composite="true" src="https://lh6.googleusercontent.com/opXJFSSKoZdZ0l3N8VdFcrR4TnvE4tiiTz1AHYBHytfL3f-dkfjJ1TOkrC6j10wq-fDeiHvvQRjeAs3Hb-Lo3v0PmC_O6vamAU4QV6z69ZVZUzUC3VXQE7c6E5eOVQNncGR4w70a" />.</li>  <li>Selecteer <strong>Geavanceerde toegankelijkheidsinstellingen</strong>.</li>  <li>Selecteer <strong>Visuele indicatoren</strong>. </li>  <li>Schakel <strong>Sta toetsenbordgebruikers toe om door je website te navigeren</strong> in.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/22/451e930b-a31a-4d26-915c-95ff0c2c53a4/f00095b7-c375-43b5-aaba-479698334c3f.png" alt="De schakelaar voor visuele indicatoren is ingeschakeld in de geavanceerde instellingen van de Toegankelijkheidswizard." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Volgende stap:</div><div class="info-content"><div>Ga terug naar de <a href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website">Toegankelijkheidschecklist</a> om de toegankelijkheid van je website verder te verbeteren. </div></div></div></div>

Websitenavigatie is de manier waarop bezoekers door de pagina's en inhoud van de website navigeren. Een website moet meerdere, consistente navigatiemethoden hebben, omdat dit deze toegankelijk kan mak...

Toegankelijkheid: Websitenavigatie

<div data-component-type="text"><div>Websitenavigatie is de manier waarop bezoekers door de pagina's en inhoud van de website navigeren. Een website moet meerdere, consistente navigatiemethoden hebben, omdat dit deze toegankelijk kan maken voor een breder publiek. Sommige bezoekers vinden het bijvoorbeeld makkelijker om te klikken en anderen vinden het makkelijker om te typen.</div></div><div data-component-type="text"><div>Er zijn momenteel twee methoden beschikbaar om je Wix-website aan te vullen: Websitemenu's en Zoeken op website (Wix Site Search).</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Waar haalt Wix zijn informatie vandaan?</div><div class="info-content"><ul>
  <li>We baseren onze aanbevelingen op het <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">document met de richtlijnen voor toegankelijkheid van webcontent</a> dat is ontwikkeld door het <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li>  <li>Dit artikel is gebaseerd op <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/multiple-ways" target="_blank">succescriterium 2.4.5 (meerdere manieren)</a> en <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/consistent-navigation.html" target="_blank">succescriterium 3.2.3 (consistente navigatie)</a>.</li></ul></div></div></div><div data-component-type="heading"><h2 id="een-websitemenu-toevoegen" level="3">Een websitemenu toevoegen</h2></div><div data-component-type="text"><div>Websitemenu's zijn een populaire navigatiemethode en worden meestal in de koptekst of voettekst van je website geplaatst. Gebruik ze om pagina's, onderdelen en links weer te geven, zodat bezoekers de inhoud van de website kunnen vinden en openen. </div></div><div data-component-type="text"><div>De meeste websitetemplates bevatten al menu's. Je kunt echter ook een menu toevoegen vanuit het <strong>Elementen toevoegen</strong>-paneel in je website-editor.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Studio-Editor" class="tab-heading heading-0">Studio Editor</div><div data-slug="Wix-Editor" class="tab-heading heading-1">Wix Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Klik links in de Editor op <strong>Elementen toevoegen</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" />.</li>  <li>Klik op <strong>Menu en zoeken</strong>. </li>  <li>Selecteer het gewenste menutype (horizontaal, verticaal, enzovoort).</li>  <li>Klik en sleep het menu om het aan je website toe te voegen.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/dffea31c-0991-4363-bc8a-04ec8a5a82e0/eecf09c5-5406-4ffe-b117-e5c99be0c5d0.jpg" alt="Voeg elementen toe in de Studio Editor. Menu en zoeken is gemarkeerd en de cursor klikt op een horizontaal menu." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Klik links in de Editor op <strong>Elementen toevoegen</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />.</li>  <li>Klik op <strong>Menu en anker</strong>.</li>  <li>Selecteer het gewenste menutype (horizontaal, verticaal, enzovoort).</li>  <li>Klik en sleep het menu om het aan je website toe te voegen.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/bc582988-5eaa-42cd-80f0-26b27a01c3ef/b5bc7f2c-f64d-4db9-9889-e7c3e4879d87.jpg" alt="Voeg elementen toe in de Wix Editor. Menu en anker is gemarkeerd en de cursor klikt op een horizontaal menu." /></div></div></div></div></div></div><div data-component-type="heading"><h2 id="site-search-toevoegen" level="3">Site Search toevoegen</h2></div><div data-component-type="text"><div>Met Site Search kunnen bezoekers specifieke inhoud of informatie vinden via een zoekbalk en worden de resultaten weergegeven in een lijst. Dit kan de toegankelijkheid verbeteren, omdat bezoekers niet door inhoud hoeven te klikken of te scrollen om te vinden wat ze zoeken.</div></div><div data-component-type="text"><div>Je kunt 'Site Search' aan een website toevoegen vanuit het <strong>Elementen toevoegen</strong>-paneel in je Editor.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Studio-Editor-0" class="tab-heading heading-0">Studio Editor</div><div data-slug="Wix-Editor-1" class="tab-heading heading-1">Wix Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Klik links in de Editor op <strong>Elementen toevoegen</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" />.</li>  <li>Klik op <strong>Menu en zoeken</strong>. </li>  <li>Selecteer <strong>Zoeken op site</strong>.</li>  <li>Klik op <strong>Toevoegen aan website</strong><img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcrZJ7ls2yKCv1uvXeLZCbudmC8gjaVk84R7xHn7HoGmzVDeqZ3NQdnCldUbhrk0AN4v07WmK49Y2o2Nwynv68UknnIhL_mNEFOSlcITjraeFTYNjnI9Z2qNUuV6zBTtY1Y4Zmh?key=k_2EM6zsnpqJcxQF7aCXIg" />.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/5d200efc-8767-4e43-b312-89dc083309da/62bdc851-deef-48bb-8ed8-e4790842a502.jpg" alt="Voeg elementen toe in de Studio Editor. Zoeken op website is gemarkeerd en de cursor klikt op het pictogram om het toe te voegen." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Klik links in de Editor op <strong>Elementen toevoegen</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />.</li>  <li>Klik op <strong>Menu en anker</strong>.</li>  <li>Selecteer <strong>Zoeken op site</strong>.</li>  <li>Klik en sleep de door jou gekozen zoekbalk om deze aan de website toe te voegen.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/3c385931-bbac-45ab-ac6b-3cf60bc9e304/b51a193c-10e6-45d8-a55f-a43a8fbf1932.jpg" alt="Voeg elementen toe in de Wix Editor. Zoeken op website is gemarkeerd en de cursor klikt op een optie om deze toe te voegen." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Wat je moet weten:</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/nl/article/over-wix-site-search#visitors-can-search-for-the-content-they-need" target="">Sommige website-elementen/inhoud kunnen niet worden gevonden met de zoekfunctie voor websites</a></div></div></div></div><div data-component-type="heading"><h2 id="consistente-websitenavigatie" level="3">Consistente websitenavigatie</h2></div><div data-component-type="text"><div>Nadat je websitenavigatiemethoden hebt toegevoegd, moet je ervoor zorgen dat ze op alle pagina's van de website op dezelfde positie zichtbaar zijn.</div></div><div data-component-type="text"><div>Als je een website bouwt met de Studio Editor, kun je de navigatie-elementen toevoegen aan de <a data-composite="true" href="https://support.wix.com/nl/article/studio-editor-master-onderdelen-gebruiken" target="">koptekst, voettekst of een Master-onderdeel</a>.</div></div><div data-component-type="text"><div>Met de Wix Editor kun je navigatie-elementen toevoegen aan de <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-elementen-in-je-koptekst-voettekst-en-pagina-plaatsen" target="">kop- of voettekst van de website</a>. Als je ze liever in de hoofdtekst van de pagina wilt weergeven, kun je <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-een-element-op-alle-paginas-weergeven" target="">instellen dat ze op alle pagina's worden weergegeven</a>.</div></div>

Toegankelijkheidsverklaringen beschrijven wat jij of je merk / bedrijf op je website hebt gedaan om deze toegankelijker te maken voor mensen met een handicap. Je kunt het volgende artikel gebruiken om...

Toegankelijkheid: Een toegankelijkheidsverklaring aan je website toevoegen

<div data-component-type="text"><div>Toegankelijkheidsverklaringen beschrijven wat jij of je merk / bedrijf op je website hebt gedaan om deze toegankelijker te maken voor mensen met een handicap. </div></div><div data-component-type="text"><div>Je kunt het volgende artikel gebruiken om je te helpen bij het schrijven van de toegankelijkheidsverklaring van je website. Er mag echter niet op worden vertrouwd voor juridisch advies, aangezien wetten en vereisten kunnen verschillen afhankelijk van je regio. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>In bepaalde landen is een toegankelijkheidsverklaring de wettelijke verplichting van de website-eigenaar. Zorg ervoor dat je de wetten en vereisten van je regio volgt.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="wat-moet-je-opnemen-in-een-toegankelijkheidsverklaring" level="3">Wat moet je opnemen in een toegankelijkheidsverklaring?</h2></div><div data-component-type="text"><div>Wanneer je een toegankelijkheidsverklaring op je website maakt en publiceert, wil je misschien het volgende opnemen:</div></div><div data-component-type="text"><ul>
  <li>De datum waarop het overzicht voor het laatst is bijgewerkt.</li>  <li>Een algemene verklaring over de toegankelijkheidsinspanningen die zijn uitgevoerd. Voorbeelden zijn:
    <ul>
      <li><strong>Tools en richtlijnen:</strong>
        <ul>
          <li>De WCAG-versie (2.0 / 2.1 / 2.2) die en het niveau (A / AA / AAA) dat je hebt gevolgd.</li>          <li>Of je de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard-in-de-wix-editor" target="">Wix Toegankelijkheidswizard</a> hebt gebruikt en alle benodigde aanpassingen hebt gemaakt.</li>        </ul>      </li>      <li><strong>Website-inhoud en -structuur:</strong>
        <ul>
          <li>Of je de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-taal-van-je-website-instellen" target="">taal van je website</a> hebt ingesteld.</li>          <li>Of je aanpassingen hebt gedaan aan de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-een-website-voorbereiden-op-schermlezers" target="">volgorde van inhoud</a> van je websitepagina's.</li>          <li>Of je aanpassingen hebt gedaan aan de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-je-websitestructuur-voorbereiden" target="">kopstructuur</a> van je websitepagina's.</li>        </ul>      </li>      <li><strong>Media, bestanden en animatie:</strong>
        <ul>
          <li>Of je websiteafbeeldingen <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-afbeeldingen-en-galerijen-voorbereiden" target="">alt-tekst</a> hebben.</li>          <li>Of de kleurencombinaties die op je website worden gebruikt de vereiste <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-tekst-en-afbeeldingen-voorbereiden" target="">contrastverhouding</a> hebben.</li>          <li>Of <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-beweging-op-de-pagina-verminderen" target="">verstorende beweging is verminderd</a> op de website.</li>          <li>Toegankelijkheidsaanpassingen gemaakt aan <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-videos-en-audio-toegankelijk-maken" target="">video's en audio</a> op de website.</li>          <li>Of <a data-composite="true" href="https://support.wix.com/en/article/accessibility-making-document-files-accessible" target="">documenten</a> op de website toegankelijk zijn.</li>        </ul>      </li>    </ul>  </li>  <li>Bekende toegankelijkheidsbeperkingen als gevolg van het gebruik van diensten van derden op de website.</li>  <li>Alle toegankelijkheidsregelingen en accommodaties op de fysieke locatie van een bedrijf (zoals theaters, restaurants, enzovoort).</li>  <li>Contactgegevens van de persoon die verantwoordelijk is voor de toegankelijkheid van je website, zoals hun volledige naam, e-mailadres en telefoonnummer.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wil je meer informatie toevoegen?</div><div class="info-content"><div>Gebruik <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">onze toegankelijkheidschecklist</a> om ideeën op te doen voor de toegankelijkheidsverklaring van je website.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="een-toegankelijkheidsverklaring-aan-je-website-toevoegen" level="3">Een toegankelijkheidsverklaring aan je website toevoegen</h2></div><div data-component-type="text"><div>Voeg een toegankelijkheidsverklaring toe om een duidelijke verklaring af te leggen van de inspanningen van je bedrijf op het gebied van webtoegankelijkheid. We raden aan een speciale pagina voor de verklaring te gebruiken en ernaar te linken vanuit de kop- of voettekst van je website.</div></div><div data-component-type="heading"><h2 id="" level="4">Om een toegankelijkheidsverklaring aan je website toe te voegen:</h2></div><div data-component-type="text"><ol>
  <li>Voeg een pagina toe aan je website en noem deze 'Toegankelijkheidsverklaring'.</li>  <li>Voeg tekstvakken toe aan de pagina en voer indien nodig je toegankelijkheidsverklaring in. </li>  <li>Maak een link naar de pagina met tekst of een knop en noem deze 'Toegankelijkheidsverklaring'. </li>  <li>Voeg de gelinkte tekst of knop toe aan de voettekst van je website om ervoor te zorgen dat bezoekers de verklaring vanaf elke pagina van je website kunnen bekijken.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Gebruik meerdere tekstvakken in je verklaring om ervoor te zorgen dat elk deel van de tekst de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-je-websitestructuur-voorbereiden" target="">juiste HTML-tag</a> (h1/h2/p) heeft. Je kunt het voorbeeld in het volgende gedeelte bekijken om te zien welke HTML-tags je moet gebruiken.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="template-voor-een-toegankelijkheidsverklaring" level="3">Template voor een toegankelijkheidsverklaring</h2></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Het doel van de volgende template is om je te helpen bij het schrijven van je toegankelijkheidsverklaring. Houd er rekening mee dat je verantwoordelijk bent om ervoor te zorgen dat de verklaring van je website voldoet aan de vereisten van de lokale wetgeving in jouw regio of regio.</div></div></div></div><div data-component-type="text"><div><em><strong>Toegankelijkheidsverklaring</strong></em><strong> </strong>(h1)</div></div><div data-component-type="text"><div>(p)<em> Deze verklaring is voor het laatst bijgewerkt op</em> [voer de relevante datum in]<em>.</em></div></div><div data-component-type="text"><div>(p)<em> Wij van </em>[voer organisatie / bedrijfsnaam in] <em>werken eraan om onze website </em>[voer naam en adres in]<em> toegankelijk te maken voor mensen met een handicap.</em></div></div><div data-component-type="text"><div><em><strong>Wat webtoegankelijkheid is</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>Een toegankelijke website stelt bezoekers met een handicap in staat om met hetzelfde of een vergelijkbaar niveau van gemak en plezier door de website te bladeren als andere bezoekers. Dit kan worden bereikt met de mogelijkheden van het systeem waarop de website werkt, en met behulp van ondersteunende technologieën.</em></div></div><div data-component-type="text"><div><em><strong>Toegankelijkheidsaanpassingen op deze website</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>We hebben deze website aangepast in overeenstemming met de WCAG </em> [2.0 / 2.1 / 2.2 - selecteer relevante optie] <em>richtlijnen en hebben de website toegankelijk gemaakt tot het niveau van </em>[A / AA / AAA - selecteer relevante optie]. <em>De inhoud van deze website is aangepast om te werken met ondersteunende technologieën, zoals schermlezers en toetsenbordgebruik. Als onderdeel van deze inspanning hebben we ook </em>[verwijder irrelevante informatie]<em>:</em></div></div><div data-component-type="text"><div>(p)</div><ul>
  <li><em>De Toegankelijkheidswizard gebruikt om mogelijke toegankelijkheidsproblemen te vinden en op te lossen</em></li>  <li><em>De taal van de website ingesteld</em></li>  <li><em>De volgorde van de inhoud van de pagina's van de website ingesteld</em></li>  <li><em>Duidelijke kopstructuren op alle pagina's van de website gedefinieerd</em></li>  <li><em>Alternatieve tekst aan afbeeldingen toegevoegd</em></li>  <li><em>Kleurencombinaties die voldoen aan het vereiste kleurcontrast geïmplementeerd</em></li>  <li><em>Het gebruik van beweging op de website is verminderd</em></li>  <li><em>Ervoor gezorgd dat alle video's, audio en bestanden op de website toegankelijk zijn</em></li></ul></div><div data-component-type="text"><div><em><strong>Verklaring van gedeeltelijke naleving van de norm door inhoud van derden </strong></em>(h2) [alleen toevoegen indien relevant]</div></div><div data-component-type="text"><div>(p) <em>De toegankelijkheid van bepaalde pagina's op de website is afhankelijk van inhoud die niet tot de organisatie behoort, maar tot [voer de naam van de derde partij in]. De volgende pagina's worden hierdoor beïnvloed: </em>[vermeld de URL's van de pagina's]. <em>We</em> <em>verklaren daarom gedeeltelijke naleving van de norm voor deze pagina's.</em></div></div><div data-component-type="text"><div><em><strong>Toegankelijkheidsafspraken in de organisatie</strong></em><strong> </strong>(h2) [alleen toevoegen indien relevant]</div></div><div data-component-type="text"><div>(p) [Voer een beschrijving in van de toegankelijkheidsregelingen in de fysieke kantoren / filialen van de organisatie of het bedrijf van je website. De beschrijving kan alle huidige toegankelijkheidsregelingen bevatten - vanaf het begin van de dienst (bijvoorbeeld de parkeerplaats en/of stations voor het openbaar vervoer) tot het einde (zoals de servicebalie, restauranttafel, klaslokaal, enzovoort). Het is ook vereist om eventuele aanvullende toegankelijkheidsregelingen te specificeren, zoals diensten voor gehandicapten en hun locatie, en toegankelijkheidsaccessoires (bijvoorbeeld in audio-inducties en liften) die beschikbaar zijn voor gebruik]</div></div><div data-component-type="text"><div><em><strong>Verzoeken, problemen en suggesties</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>Als je een toegankelijkheidsprobleem op de website aantreft, of als je verdere hulp nodig hebt, kun je contact met ons opnemen via de toegankelijkheidscoördinator van de organisatie:</em></div><ul>
  <li><a href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website">Naam van de toegankelijkheidscoördinator]</a></li>  <li>[Telefoonnummer van de toegankelijkheidscoördinator]</li>  <li>[E-mailadres van de toegankelijkheidscoördinator]</li>  <li>[Voer eventuele aanvullende contactgegevens in indien relevant / beschikbaar]</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Volgende stap:</div><div class="info-content"><div>Ga terug naar de [Toegankelijkheidschecklist om verder te werken aan de toegankelijkheid van je website.</div></div></div></div>

Als je documenten op je website hebt, raden we aan hun toegankelijkheid te verbeteren om ervoor te zorgen dat alle bezoekers van de website ze kunnen bekijken en gebruiken.Wat je moet weten:Aangezien ...

Toegankelijkheid: Documentbestanden toegankelijk maken

<div data-component-type="text"><div>Als je documenten op je website hebt, raden we aan hun toegankelijkheid te verbeteren om ervoor te zorgen dat alle bezoekers van de website ze kunnen bekijken en gebruiken.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wat je moet weten:</div><div class="info-content"><div>Aangezien PDF's en Word-documenten geen Wix-producten zijn, moet je ze aanpassen op hun respectievelijke platforms / programma's.</div></div></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://helpx.adobe.com/acrobat/using/create-verify-pdf-accessibility.html" target="_blank">Lees hoe je PDF-bestanden toegankelijk maakt</a></li>  <li><a data-composite="true" href="https://support.microsoft.com/en-us/office/make-your-word-documents-accessible-to-people-with-disabilities-d9bf3683-87ac-47ea-b91a-78dcacb3c66d?ui=en-us&amp;rs=en-us&amp;ad=us" target="_blank">Lees hoe je je Word-documenten toegankelijk maakt</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Volgende stap:</div><div class="info-content"><div>Ga terug naar de <a href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website">Toegankelijkheidschecklist</a> om door te gaan met het verbeteren van de toegankelijkheid van je website.</div></div></div></div>

Webtoegankelijkheid zorgt ervoor dat iedereen, ook mensen met een handicap, toegang heeft tot je website, erdoor kan navigeren en ervan kan genieten. Sommige bezoekers ervaren websites anders en het i...

Toegankelijkheid: De toegankelijkheid van websites controleren met de toegankelijkheidsmonitor

<div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-webtoegankelijkheid" target="">Webtoegankelijkheid</a> zorgt ervoor dat iedereen, ook mensen met een handicap, toegang heeft tot je website, erdoor kan navigeren en ervan kan genieten. Sommige bezoekers ervaren websites anders en het is belangrijk om je website aan te passen aan die ervaringen.</div></div><div data-component-type="text"><div>Er zijn verschillende manieren om de toegankelijkheid van je website te controleren en te verbeteren, waaronder de toegankelijkheidsmonitor. Deze monitor is een tool die je live website scant op mogelijke toegankelijkheidsproblemen en de status weergeeft op het dashboard van je website.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="de-toegankelijkheidsmonitor-bekijken-en-gebruiken" level="3">De toegankelijkheidsmonitor bekijken en gebruiken</h2></div><div data-component-type="text"><div>Open de monitor vanaf het dashboard van je website om de toegankelijkheidsstatus van je live website te controleren. Als er problemen zijn gedetecteerd, kun je de monitor gebruiken om de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard-in-de-wix-editor" target="">Toegankelijkheidswizard</a> te openen in de Wix Editor en ze op te lossen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de toegankelijkheidsmonitor te gebruiken:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Naar%20dashboard&amp;title=Selecteer%20een%2website&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/%7B%7BmetaSiteId%7D%7D/home/" target="_blank">Ga naar het dashboard van je website</a>.</li>  <li>Wijs in het linkermenu <strong>Website en mobiele app</strong> aan.</li>  <li>Selecteer <strong>Website </strong>onder<strong> Website en SEO</strong>.</li>  <li>Controleer de <strong>Toegankelijkheid</strong>-kaart.</li>  <li>(Als er problemen worden vastgesteld) Klik op <strong>Problemen oplossen</strong>.</li>  <li>Volg de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken" target="">stappen in de wizard</a> om de toegankelijkheid van je website te verbeteren.</li>  <li>Sla de wijzigingen op en publiceer ze.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/09/94191cdb-eaf0-4e1f-ae84-db89fdd2f66a/4c4fe0e2-704d-4839-a08e-ec57a0b6e224.jpg" alt="Een Wix-websitedashboard. De toegankelijkheidsmonitor-widget is gemarkeerd. Er wordt op 'Problemen oplossen' geklikt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="veelgestelde-vragen" level="3">Veelgestelde vragen</h2></div><div data-component-type="text"><div>Selecteer een vraag om meer te lezen over de toegankelijkheidsmonitor.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Voor welke websitebouwers is de monitor beschikbaar?</h4><div class="collapsible-content"><div>Net zoals de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard-in-de-wix-editor" target="">Toegankelijkheidswizard</a>, is de monitor alleen beschikbaar voor websites die zijn gebouwd in de Wix Editor.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wat is het verschil tussen de Toegankelijkheidswizard en de monitor?</h4><div class="collapsible-content"><div>De toegankelijkheidsmonitor identificeert <strong>alleen</strong> problemen met de gepubliceerde versie van je website. De <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard-in-de-wix-editor" target="">Toegankelijkheidswizard</a> identificeert problemen met de opgeslagen versie van je website (die je mogelijk nog niet hebt gepubliceerd).</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe vaak moet ik de monitor controleren?</h4><div class="collapsible-content"><div>We raden aan om de monitor telkens te controleren wanneer je nieuwe wijzigingen op je website publiceert, zodat je de toegankelijkheid van je website kunt blijven verbeteren terwijl je je merk of bedrijf uitbreidt. </div></div></div></div>

De Toegankelijkheidswizard is een handig hulpmiddel dat je kan helpen bij het toegankelijker maken van je website voor je bezoekers. Afhankelijk van het type visuele of backend-inhoud dat je op je web...

Toegankelijkheid: Problemen met de Toegankelijkheidswizard oplossen

<div data-component-type="text"><div>De Toegankelijkheidswizard is een handig hulpmiddel dat je kan helpen bij het toegankelijker maken van je website voor je bezoekers. </div></div><div data-component-type="text"><div>Afhankelijk van het type visuele of backend-inhoud dat je op je website hebt, kun je problemen tegenkomen bij het gebruik van de wizard. Gebruik de opties in het artikel om meer te lezen over deze problemen en hun mogelijke oplossingen.</div></div><div data-component-type="heading"><h2 id="" level="3">Kleurcontrast op afbeeldingen</h2></div><div data-component-type="text"><div>Om je websitetekst duidelijk zichtbaar te maken, markeert de wizard alle gebieden die geen kleurcontrastniveau van 3,0 en hoger hebben voor grote tekst en 4,5 voor gewone tekst. Je kunt een van deze meldingen zien als je voldoende kleurcontrast hebt, maar tekst op een afbeelding hebt geplaatst.</div></div><div data-component-type="text"><div>De Wizard berekent het contrast op basis van de lichtheid van de tekst en de achtergrond van het<strong> onderdeel</strong> of de <strong>strook</strong> waarop de afbeelding zich bevindt. Daarom moet je de lichtheid van de tekst of achtergrond wijzigen om dit probleem op te lossen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/10/09/c812240a-0c56-4aa0-b9fa-43dc354f15a7/08739e7c-686f-4901-8726-7f5ab07cd7aa.png" alt="De wizard op een Editor-website. Het kleurcontrast voor tekst bovenop een afbeelding is gemarkeerd." /></div></div><div data-component-type="heading"><h2 id="" level="3">Kleurcontrast in containers</h2></div><div data-component-type="text"><div>Als je tekst bovenop een verzamelvak plaatst zonder deze aan de container te bevestigen, is de berekening van het kleurcontrast niet correct. Als gevolg hiervan zie je mogelijk een kaart die een probleem met het contrast signaleert. </div></div><div data-component-type="text"><div>Dit komt omdat de Wizard de container niet als de achtergrond herkent en in plaats daarvan het contrast berekent op basis van de achtergrond waarop de container zich bevindt (bijvoorbeeld een strook of onderdeel).</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/10/09/6f65f80f-8446-49a0-a50f-3330d2d21b8b/5db8ead6-5482-4241-8ebb-c119c7fa8f33.png" alt="De wizard op een Editor-website. Het kleurcontrast voor tekst is gemarkeerd, ondanks dat het zich bovenop een container bevindt." /></div></div><div data-component-type="text"><div>Om dit probleem op te lossen, moet je de tekst aan het verzamelvak toevoegen. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Laat zien hoe ik tekst aan een container kan toevoegen</h4><div class="collapsible-content"><ol>
  <li>Selecteer het relevante tekstvak in je Editor.</li>  <li>Sleep het buiten het vak en zet het neer op het onderdeel of de strook.</li>  <li>Klik nogmaals op het tekstvak en sleep het naar de gewenste positie in het verzamelvak.</li>  <li>Zet de tekst neer wanneer je het <strong>Aan vak vastmaken</strong>-bericht ziet.</li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/08/29/1a63f890-0d32-4904-9f8f-9c06c1b93f80/426cf749-0e3c-4260-87bf-bd0423df6677.png" alt="Een screenshot van een vak in de Editor. De cursor heeft tekst eroverheen gesleept. Er staat 'Vastmaken aan vak'." /></div></div></div></div><div data-component-type="heading"><h2 id="" level="3">Kopteksttags op je pagina's</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/nl/article/de-koptags-van-je-pagina-beheren" target="">Kopteksttags</a> definiëren de hiërarchie van je pagina-inhoud en bezoekers er doorheen laten navigeren. Als je de tekst op je pagina niet definieert, kan de Wizard kaarten weergeven die je vragen de hoofdkop van de pagina en de koptags van andere tekst in te stellen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Problemen met kopteksttags oplossen</h4><div class="collapsible-content"><div>Mogelijk zie je dubbele tags in een kop. Dit gebeurt wanneer de koptekst een regeleinde bevat. We raden aan de splitsing waar mogelijk te verwijderen of de dubbele tags te verwijderen.</div><div><br /></div><div>Als je je tekst uit een externe bron hebt geplakt, kunnen er verschillende kopteksttags in één tekstvak zijn. We raden aan om voor elke HTML-tag aparte tekstvakken te gebruiken om de toegankelijkheid te verbeteren en ervoor te zorgen dat je website nauwkeurig wordt gescand.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Problemen met paginakoppen oplossen</h4><div class="collapsible-content"><div>De hoofdkop van je pagina (H1) moet de titel van de pagina zijn en beschrijven waar de pagina over gaat (bijvoorbeeld: Home, Projecten, enzovoort). Omdat elke paginatitel uniek moet zijn, mogen ze niet: </div><div><br /></div><ul>
  <li>Vastgemaakt zijn aan een onderdeel dat op alle pagina's verschijnt (de websitekoptekst).</li>  <li>ingesteld zijn om <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-een-element-op-alle-paginas-weergeven" target="">op alle pagina's te verschijnen</a>.</li></ul><div><br /></div><div>Als je wordt gevraagd om je paginakop opnieuw te definiëren, controleer dan of deze niet in de koptekst staat of is ingesteld om op alle pagina's te verschijnen.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Zie je zowel de 'Hoofdkop'- als de 'Definitie kop'-kaarten in de wizard?</div><div class="info-content"><div>We raden aan om de 'Hoofdkop'-kaart eerst op te lossen. Hiermee wordt automatisch een van de 'Definitie kop'-kaarten opgelost, zodat je de tekst niet opnieuw hoeft te definiëren.</div></div></div></div><div data-component-type="heading"><h2 id="" level="3">Gelinkte tekst</h2></div><div data-component-type="text"><div>Mogelijk zie je een kaart in de wizard die gelinkte tekst op je website markeert of je aanmoedigt om deze handmatig te controleren. Dit komt omdat generieke gelinkte tekst (zoals 'Lees meer') niet duidelijk beschrijft wat er gebeurt als bezoekers erop klikken.</div></div><div data-component-type="text"><div>We raden aan ervoor te zorgen dat alle gelinkte tekst die je aan je website toevoegt beschrijvend is en bezoekers adviseert over de functie ervan (bijvoorbeeld: 'Lees de recensies voor onze show').</div></div><div data-component-type="heading"><h2 id="" level="3">Alt-tekst en CMS</h2></div><div data-component-type="text"><div>Als je een afbeelding koppelt aan een dataset en er via de koppeling alt-tekst aan toevoegt, wordt je mogelijk gevraagd om opnieuw alt-tekst toe te voegen in de Toegankelijkheidswizard. Dit komt omdat de wizard de datasets van je website niet leest en de informatie uit de instellingen van de afbeelding haalt.</div></div><div data-component-type="text"><div>Om de alt-tekstkaart op te lossen / te voorkomen, raden we aan goede alt-tekst aan de afbeelding toe te voegen in de Wix Editor. Nadat je de afbeelding aan de dataset hebt gekoppeld, kun je controleren of het alt-tekstveld is gekoppeld aan de alternatieve tekst die je in je Editor hebt toegevoegd.</div></div><div data-component-type="heading"><h2 id="" level="3">ARIA-attributen in afbeeldingen</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-aria-attributen-toevoegen-aan-aangepaste-webapplicaties" target="">ARIA-attributen</a> bieden aanvullende informatie over de semantiek van elementen voor ondersteunende technologieën. We raden aan om ARIA-attributen alleen toe te voegen aan aangepaste webapplicaties op je website, aangezien de meeste andere elementen vooraf gecodeerde attributen hebben. </div></div><div data-component-type="text"><div>Aangezien alternatieve tekst informatie geeft over je websitemedia voor ondersteunende technologieën, is het niet nodig om ook ARIA-attributen toe te voegen. </div></div><div data-component-type="heading"><h2 id="" level="3">Herhaalde problemen</h2></div><div data-component-type="text"><div>De wizard kan problemen benadrukken die je al hebt opgelost <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken#step-3-find-and-fix-issues" target="">in stap 3</a>. Als je bijvoorbeeld een toegankelijkheidsverklaring hebt toegevoegd (en deze als voltooid hebt gemarkeerd in de wizard), kan de kaart opnieuw verschijnen wanneer je de website opnieuw scant.</div></div><div data-component-type="text"><div>De wijzigingen/instellingen die je hebt opgeslagen, moeten nog steeds worden toegepast op de website. Klik op de knop om deze als voltooid te markeren.</div></div>

Lettertypen zijn de manier waarop tekst wordt gevormd en vormgegeven. Wix biedt tal van lettertypen, evenals de mogelijkheid om je eigen lettertypen te uploaden en te gebruiken. Sommige lettertypen zi...

Toegankelijkheid: Lettertypen en leesbaarheid

<div data-component-type="text"><div>Lettertypen zijn de manier waarop tekst wordt gevormd en vormgegeven. Wix biedt tal van lettertypen, evenals de mogelijkheid om je eigen lettertypen te uploaden en te gebruiken. </div></div><div data-component-type="text"><div>Sommige lettertypen zijn beter leesbaar dan andere, dus het is belangrijk om ervoor te zorgen dat de lettertypen die je op je website gebruikt gemakkelijk kunnen worden gelezen. Het kiezen van duidelijke, leesbare lettertypen kan bezoekers met aanvullende visuele of leesbehoeften helpen.</div></div><div data-component-type="heading"><h2 id="" level="3">Richtlijnen voor toegankelijkheid</h2></div><div data-component-type="text"><div>We raden aan deze richtlijnen te volgen bij het toevoegen van tekst en lettertypen aan je website:</div></div><div data-component-type="text"><ul>
  <li>Kies een lettertype met een balans tussen ambiguïteit van tekens en complexiteit van tekens. Tekens moeten gemakkelijk van elkaar te onderscheiden zijn, maar ook eenvoudige patronen en vormen hebben.</li></ul></div><div data-component-type="text"><ul>
  <li>Gebruik een beperkt aantal lettertypen op je website en vermijd meerdere lettertypen in hetzelfde tekstblok.</li></ul></div><div data-component-type="text"><ul>
  <li>Vermijd waar mogelijk kleine lettergroottes. We raden aan om je tekst op 14 pixels en hoger te houden. </li></ul></div><div data-component-type="text"><ul>
  <li>Zorg ervoor dat je lettertype voldoende afstand heeft tussen tekens, woorden en regels. Dit zorgt ervoor dat de tekst niet gecomprimeerd wordt en gemakkelijk kan worden gelezen.</li></ul></div><div data-component-type="text"><ul>
  <li>Houd er rekening mee dat opgemaakte tekst zoals cursief, hoofdletters en doorgestreepte tekst moeilijker te lezen kan zijn voor bezoekers met visuele beperkingen of leesbeperkingen. </li></ul></div><div data-component-type="text"><ul>
  <li>Let op het kleurcontrast tussen je tekst en achtergrond, vooral bij het gebruik van lichte lettertypen. <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-tekst-en-afbeeldingen-voorbereiden" target="">Lees meer over kleurcontrast</a></li></ul></div><div data-component-type="text"><ul>
  <li>Houd rekening met tekstuitlijning. Uitgevulde tekst bevat afstandsvariaties, die van invloed kunnen zijn op de leesbaarheid. We raden aan om tekst links uit te lijnen, omdat dit het gemakkelijkst te lezen is in talen van links naar rechts.</li></ul></div><div data-component-type="text"><ul>
  <li>Tekstblokken en alinea's moeten lege ruimte tussen en rond hen bevatten om ervoor te zorgen dat ze gemakkelijk kunnen worden gelezen en onderscheiden.</li></ul></div><div data-component-type="text"><ul>
  <li>Het hebben van te veel of te weinig tekens op een regel kan de leesbaarheid beïnvloeden. We raden aan om je regellengte waar mogelijk tussen 50 en 120 tekens te houden. </li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Volgende stap:</div><div class="info-content"><div>Ga terug naar de <a href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website">Toegankelijkheidschecklist</a> om door te gaan met het verbeteren van de toegankelijkheid van je website.</div></div></div></div>

Verbeter de toegankelijkheid op de website van je klant met de Toegankelijkheidswizard. Deze tool scant de website en geeft twee tabbladen weer die je moet invullen: 
  Gevonden problemen: Problemen d...

Toegankelijkheid: De Toegankelijkheidswizard gebruiken in de Studio Editor

De Toegankelijkheidswizard is een tool om je te helpen toegankelijkheidsproblemen op de website waaraan je werkt te vinden en op te lossen. Het scant de website vanuit je editor en begeleidt je bij ac...

Toegankelijkheid: Over de Toegankelijkheidswizard in de Studio Editor

<div data-component-type="text"><div>De Toegankelijkheidswizard is een tool om je te helpen toegankelijkheidsproblemen op de website waaraan je werkt te vinden en op te lossen. Het scant de website vanuit je editor en begeleidt je bij acties om de ervaring voor de bezoekers en klanten van de website van je klant te verbeteren. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><ul>
  <li>Dit artikel verwijst naar de Toegankelijkheidswizard in de Studio Editor. <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard-in-de-wix-editor" target="">Klik hier om meer te lezen over de Wizard in de Wix Editor</a>.</li>  <li>Hoewel Wix er altijd naar streeft om onze producten en diensten te verbeteren, kunnen we niet garanderen dat je website <strong>na het gebruik van de Wizard</strong> zal voldoen aan de toegankelijkheidswetten en -regelgeving in je regio. We raden aan een toegankelijkheidsexpert te raadplegen om ervoor te zorgen dat je website voldoet aan de normen voor jouw regio.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-a-comprehensive-overview" level="3">Een uitgebreid overzicht krijgen</h2></div><div data-component-type="text"><div>Wanneer je <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken-in-de-studio-editor#scanning-the-site-with-the-accessibility-wizard" target="">een website scant met de Toegankelijkheidswizard</a>, worden de resultaten weergegeven in 2 tabbladen: <strong>Gedetecteerde problemen</strong> en <strong>Handmatige taken</strong>. </div></div><div data-component-type="text"><div>We hebben deze taken gebaseerd op de <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="_blank">richtlijnen voor toegankelijkheid van webinhoud (WCAG) 2.2</a>. Dit document is ontwikkeld door het <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a> en beschrijft de internationale standaard voor webtoegankelijkheid.</div></div><div data-component-type="text"><div>Het scannen van een website met de Toegankelijkheidswizard is daarom een goede manier om een idee te krijgen van de toegankelijkheid van de website en nuttige suggesties voor verbeteringen te zien. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wist je dit al?</div><div class="info-content"><div>Wijzigingen die je aanbrengt, worden onderweg opgeslagen in de Wizard, zodat je kunt schakelen tussen tabbladen (of de Wizard volledig kunt verlaten) zonder enige voortgang te verliezen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimize-the-way-you-build-sites" level="3">De manier waarop je websites bouwt, optimaliseren</h2></div><div data-component-type="text"><div>De Wizard markeert wat deze heeft gevonden op het <strong>Gedetecteerde problemen</strong>-tabblad en splitst ze op in problemen op websiteniveau en problemen met pagina's:</div></div><div data-component-type="text"><ul>
  <li><strong>Problemen op website-niveau:</strong> Dit zijn mogelijke toegankelijkheidsblokkeringen die van toepassing zijn op de hele website (bijvoorbeeld de taal van de hoofdwebsite, DOM-volgorde, enzovoort), zodat je snel allesomvattende aanpassingen kunt doen.</li>  <li><strong>Problemen met pagina's:</strong> Elke websitepagina heeft zijn eigen dropdown in de Wizard, zodat je specifieke inhoud en instellingen zoals alt-tekst, kleurcontrast en meer kunt bijwerken.</li></ul></div><div data-component-type="text"><div>Gedetecteerde problemen zijn een handige manier om de toegankelijkheid van een website te verbeteren en te werken aan het creëren van een gelijkwaardige ervaring voor iedereen. <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken-in-de-studio-editor#fixing-detected-issues" target="">Lees meer over gedetecteerde problemen</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-actionable-solutions" level="3">Actiegerichte oplossingen krijgen </h2></div><div data-component-type="text"><div>Elk onderdeel van de toegankelijkheid van een website is belangrijk. Het <strong>Handmatige taken</strong>-tabblad toont acties of problemen die de Wizard niet kan detecteren, zodat je een zo groot mogelijk deel van de website kunt dekken.</div></div><div data-component-type="text"><div>Het tabblad biedt gedetailleerde richtlijnen voor het aanpassen van elementen en instellingen, zoals kleurgebruik, browserzoom en meer. <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken-in-de-studio-editor#doing-manual-tasks" target="">Lees meer over handmatige taken</a></div></div><div data-component-type="text"><div>Het doorlopen van elke taak kan klanten helpen hun bedrijf uit te breiden en een website-ervaring te bieden die toegankelijker is voor bezoekers.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Klaar om aan de slag te gaan?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken-in-de-studio-editor" target="">Lees meer over het scannen van een website met de Toegankelijkheidswizard</a></div></div></div></div>

Momenteel is het niet mogelijk om de tab- en DOM-volgorde van pagina-inhoud voor verschillende talen te wijzigen, bijvoorbeeld voor talen die van rechts naar links worden gelezen. We zijn altijd bezig...

Toegankelijkheidsaanvraag: De tabvolgorde voor verschillende talen wijzigen

<div data-component-type="text"><div>Momenteel is het niet mogelijk om de tab- en DOM-volgorde van pagina-inhoud voor verschillende talen te wijzigen, bijvoorbeeld voor talen die van rechts naar links worden gelezen. </div></div><div data-component-type="text"><div>We zijn altijd bezig met het bijwerken en verbeteren van onze producten. Jouw feedback wordt daarbij zeer gewaardeerd. </div></div><div data-component-type="text"><div>Als dit een functie is die je in de toekomst graag zou willen zien, klik dan op <strong>Voor deze functie stemmen</strong> en we zullen ervoor zorgen dat je op de hoogte blijft.</div></div>

Bij het bouwen van je website met Wix is het belangrijk om rekening te houden met toegankelijkheid. Dit zorgt ervoor dat alle bezoekers, ongeacht hun mogelijkheden, toegang hebben tot en kunnen geniet...

Toegankelijkheid: Checklist voor het verbeteren van de toegankelijkheid van je website

<div data-component-type="text"><div>Bij het bouwen van je website met Wix is het belangrijk om rekening te houden met toegankelijkheid. Dit zorgt ervoor dat alle bezoekers, ongeacht hun mogelijkheden, toegang hebben tot en kunnen genieten van de inhoud van je website.</div></div><div data-component-type="text"><div>We raden aan om je website handmatig te controleren met de onderstaande checklist om ervoor te zorgen dat je bezoekers een soepele, gemakkelijke ervaring hebben.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>De beste manier om de toegankelijkheid van je website te garanderen, is met de Toegankelijkheidswizard, die je website scant en bruikbare oplossingen biedt om de toegankelijkheid van je website te verbeteren.  <a data-composite="true" href="https://manage.wix.com/my-account/site-selector/?title=&amp;buttonText=&amp;actionUrl=https%3A%2F%2Fmanage.wix.com%2Feditor%2F%7B%7BmetaSiteId%7D%7D%3FeditorSessionId%3D%7B%7Besi%7D%7D%26deeplink%3Daccessibility" target="_blank">Probeer de Toegankelijkheidswizard</a> om aan de slag te gaan.<br /> <strong>Let op:</strong> De Toegankelijkheidswizard is nog niet beschikbaar voor Wix Studio.</div></div></div></div><div data-component-type="heading"><h2 id="toegankelijkheid-begrijpen" level="3">Toegankelijkheid begrijpen</h2></div><div data-component-type="text"><div>Toegankelijkheid van websites verwijst naar de praktijk van het vormgeven van je website om ervoor te zorgen dat iedereen, met of zonder beperking, op gelijke wijze toegang heeft tot de inhoud van je website, erdoor kan navigeren en ermee kan werken. </div></div><div data-component-type="text"><div>Mogelijk heb je bezoekers die andere accommodaties nodig hebben om te navigeren of je website te gebruiken, zoals:</div></div><div data-component-type="text"><ul>
  <li><strong>Visuele aanpassingen:</strong> Mensen die slechtziend zijn, kunnen vertrouwen op ondersteunende technologieën (zoals schermlezers) of visuele opmaak (zoals grotere tekstgrootte, hogere kleurcontrasten, enz.) om met succes door je website te navigeren.</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Aanpassingen voor beperkte motorische functies:</strong> Mensen wiens motorische functiebereik het gebruik van een muis of touchpad beperkt, kunnen in plaats daarvan een toetsenbord gebruiken in combinatie met visuele indicatoren om door een website te navigeren. </li></ul></div><div data-component-type="text"><ul>
  <li><strong>Auditieve aanpassingen:</strong> Mensen die enige mate van gehoorverlies ervaren, kunnen vertrouwen op de beschikbaarheid van audio-onderschriften of transcripties op je website. </li></ul></div><div data-component-type="text"><ul>
  <li><strong>Cognitieve aanpassingen:</strong> Mensen met leer- of cognitieve handicaps (dyslexie, ADHD, autisme, enzovoort) vertrouwen op de inhoudsstructuur en consistentie van de indeling om succesvol door je website te navigeren.</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Neurologische aanpassingen:</strong> Mensen met zintuiglijke gevoeligheden (zoals epileptische aandoeningen) kunnen vertrouwen op verminderde beweging van geanimeerde elementen, of kunnen baat hebben bij de optie om te bepalen wat een beweging of een animatie activeert.</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Spraakaanpassingen:</strong> Mensen met spraakbeperkingen hebben mogelijk alternatieve contactmethoden nodig, zoals het verstrekken van contactformulieren, chat- of e-mailopties, in plaats van alleen een telefoonnummer op te geven.</li></ul></div><div data-component-type="text"><div>Het is daarom een goede webpraktijk om ervoor te zorgen dat al je bezoekers op dezelfde manier kunnen navigeren en genieten van je website.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="een-toegankelijke-wix-website-bouwen" level="3">Een toegankelijke Wix-website bouwen</h2></div><div data-component-type="text"><div>Je kunt beginnen met het bouwen van een nieuwe website met behulp van een van onze <a data-composite="true" href="https://nl.wix.com/website/templates/html/accessible" target="">toegankelijke templates</a>.</div></div><div data-component-type="text"><div>Deze templates hebben standaard ingebouwde toegankelijkheidsfuncties, zoals toegankelijke kopstructuren en kleurcontrasten.</div></div><div data-component-type="text"><div>Nadat je je template hebt geselecteerd en de gewenste inhoud eraan hebt toegevoegd, kun je de onderstaande checklist bekijken en eventuele actie-items daarin voltooien.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Sommige geavanceerde toegankelijkheidsfuncties, zoals aangepaste ARIA-labels en alt-tekst, zijn niet opgenomen in deze templates en moeten handmatig worden toegevoegd.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="toegankelijkheidschecklist" level="3">Toegankelijkheidschecklist</h2></div><div data-component-type="text"><div>Hoewel Wix veel van de back-end toegankelijkheidsfuncties/-configuraties verzorgt die je website nodig heeft, zoals: toetsenbordsemantiek, het definiëren van ARIA kenmerken voor elementen die we aanbieden, het aanbieden van visuele indicatoren, enzovoort, is het ook noodzakelijk om <strong>de inhoud die je toevoegt aan je website toegankelijk te maken</strong>.</div></div><div data-component-type="text"><div>Toegankelijkheidsvereisten kunnen van regio tot regio verschillen, maar we hebben een checklist gemaakt met universele stappen die de basis voor elke regio dekken.</div></div><div data-component-type="text"><div>Voor meer informatie over het maken van een toegankelijke website die ook voldoet aan de wetten in jouw regio, raadpleeg je <a href="https://support.wix.com/nl/article/toegankelijkheid-naleving-van-jouw-regionale-wetten" target="">Toegankelijkheid: Naleving van jouw regionale wetten</a>.</div></div><div data-component-type="text"><div><br /><strong>Volg onze aanbevelingen hieronder om je te helpen de toegankelijkheid van je website te verbeteren:</strong></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-taal-van-je-website-instellen" target="">Stel de taal van je website in</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/e2d4d67a-3223-4ba9-ad12-ab027d4320c5/158c5dcc-44bc-488d-a6e5-bac16ccb4021.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-blauwe-vakken-visuele-indicatoren-in-en-uitschakelen" target="">Schakel visuele indicatoren in</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-een-website-voorbereiden-op-schermlezers" target="">Controleer de DOM-volgorde van je website</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-je-websitestructuur-voorbereiden" target="">Bereid je websitestructuur voor</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-afbeeldingen-en-galerijen-voorbereiden" target="">Bereid je afbeeldingen en galerijen voor</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-tekst-en-afbeeldingen-voorbereiden" target="">Bereid je tekst en afbeeldingen voor</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-lettertypen-en-leesbaarheid" target="">Kies duidelijke lettertypen</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-beweging-op-de-pagina-verminderen" target="">Verminder beweging</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-videos-en-audio-toegankelijk-maken" target="">Maak video's en audio toegankelijk</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-documentbestanden-toegankelijk-maken" target="">Maak documentbestanden toegankelijk</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-een-toegankelijk-formulier-maken" target="">Maak Wix Forms toegankelijk</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-een-toegankelijkheidsverklaring-aan-je-website-toevoegen" target="">Voeg een toegankelijkheidsverklaring toe aan je website</a></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijke opmerking over naleving:</div><div class="info-content"><ul>
  <li>Bij Wix doen we er alles aan om ervoor te zorgen dat iedereen, ongeacht het vermogen, onze producten en diensten kan gebruiken. We werken er continu aan om ze te verbeteren, in lijn met de toegankelijkheidsnormen.</li>  <li>Wix.com kan niet garanderen dat het gebruik van onze diensten in overeenstemming is met alle toegankelijkheidswetten en wereldwijde regelgeving. </li>  <li>Jij bent verantwoordelijk voor het beoordelen en naleven van de lokale wetgeving die van toepassing is op jou of je bezoekers.</li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wil je meer weten?</div><div class="info-content"><div>Bekijk onze <a data-composite="true" href="https://www.wix.com/learn/courses/site-essentials/build-your-accessible-website" target="_blank">Toegankelijkheid 101-cursus op Wix Learn</a>.</div></div></div></div>

Gebruik de Toegankelijkheidswizard om toegankelijkheidsproblemen op je website te identificeren en op te lossen. Deze tool is ingebouwd in je Editor en kan je website scannen om bruikbare oplossingen ...

Toegankelijkheid: Over de Toegankelijkheidswizard in de Wix Editor

<div data-component-type="text"><div>Gebruik de Toegankelijkheidswizard om toegankelijkheidsproblemen op je website te identificeren en op te lossen. Deze tool is ingebouwd in je Editor en kan je website scannen om bruikbare oplossingen te bieden om je website toegankelijk te maken voor iedereen, ook voor mensen met een handicap.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><ul>
  <li>Dit artikel verwijst naar de Toegankelijkheidswizard in de Wix Editor. <a data-composite="true" href="https://support.wix.com/nl/article/accessibility-about-the-accessibility-wizard-in-the-studio-editor" target="_blank">Klik hier om meer te lezen over de wizard in de Studio Editor</a>.</li>  <li>Hoewel Wix er altijd naar streeft om onze producten en diensten te verbeteren, kunnen we niet garanderen dat je website <strong>na het gebruik van de Wizard</strong> zal voldoen aan de toegankelijkheidswetten en -regelgeving in je regio. We raden aan een toegankelijkheidsexpert te raadplegen om ervoor te zorgen dat je website voldoet aan de normen voor jouw regio.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="automatisch-scannen-in-de-wizard" level="3">Automatisch scannen in de Wizard</h2></div><div data-component-type="text"><div>Zodra je de Toegankelijkheidswizard opent, word je gevraagd of de Wizard je website mag scannen. Deze scan kan enkele minuten duren.</div></div><div data-component-type="text"><div>De Wizard markeert vervolgens wat hij heeft gevonden. Dit doe je door te zoeken op je website naar componenten of instellingen die problemen kunnen veroorzaken, zoals kleurcontrast en titeldefinitie. </div></div><div data-component-type="text"><div>Deze stap is een goede manier om te beginnen met het toegankelijk maken van je website en kan een groot verschil maken voor je websitebezoekers. <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken" target="">Lees hoe je je website scant met de wizard</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/26/431cb8d2-843f-4a7e-a125-e2b4afa62afe/b8b31e6f-e17e-4be0-9049-58ae99f05d5e.png" alt="Het eerste paneel in de Wizard. De cursor wijst de 'Scan mijn website'-knop aan." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="actiegerichte-oplossingen" level="3">Actiegerichte oplossingen</h2></div><div data-component-type="text"><div>Nadat je het automatische gedeelte van de wizard hebt voltooid, krijg je een lijst te zien met dingen waarmee je rekening moet houden en die je op je website kunt aanpassen.</div></div><div data-component-type="text"><div>De wizard markeert gebieden op je website die je moet bekijken en corrigeren. Je kunt gedetailleerde richtlijnen bekijken voor het aanpassen van de relevante elementen en instellingen.</div></div><div data-component-type="text"><div>We raden je aan dit gedeelte stap voor stap door te nemen, omdat dit een geweldige kans is om je website handmatig te controleren op mogelijke problemen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/31/3552a766-5a6a-4865-b205-7b101fd8efca/d15a49d5-adaf-4897-b6d2-a2f0e9f1b4a2.png" alt="Een handmatige controlekaart in de Wizard die adviseert om de linktekst op de website te controleren. De cursor wijst 'Klaar' aan." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="geavanceerde-toegankelijkheidsinstellingen" level="3">Geavanceerde toegankelijkheidsinstellingen</h2></div><div data-component-type="text"><div>Om de toegankelijkheid van je website verder te verbeteren, verwijst de wizard je naar handige instellingen die je moet inschakelen. Na <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken" target="">het voltooien van de stappen</a> in de wizard, raden we je aan deze instellingen in te schakelen om ervoor te zorgen dat je website zo toegankelijk mogelijk is. </div></div><div data-component-type="heading"><h2 id="" level="4">Om de geavanceerde toegankelijkheidsinstellingen in te schakelen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je Editor</a>.</li>  <li>Klik bovenaan op <strong>Instellingen </strong>en selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Klik bovenaan het Toegankelijkheidswizard-paneel op het <strong>Meer acties</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" />. </li>  <li>Selecteer <strong>Geavanceerde toegankelijkheidsinstellingen</strong>.</li>  <li>Klik op de relevante instelling en klik vervolgens op de schakelaar om deze in of uit te schakelen: 
    <ul>
      <li><strong>Visuele indicatoren:</strong> Wanneer deze instelling is ingeschakeld, verschijnt een <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-blauwe-vakken-visuele-indicatoren-in-en-uitschakelen" target="">blauwe indicator</a> rond de verschuiving in focus. Bezoekers kunnen naar verschillende elementen gaan door op de tab-toets te drukken.</li>      <li><strong>Doorgaan naar hoofdinhoud:</strong> Met deze instelling kunnen toetsenbordgebruikers direct naar de hoofdinhoud van elke pagina gaan als deze is ingeschakeld.</li>      <li><strong>Automatische DOM-volgorde:</strong> Het inschakelen van een <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-een-website-voorbereiden-op-schermlezers" target="">automatische DOM-volgorde</a> betekent dat je inhoud automatisch wordt geordend op de visuele volgorde van elementen.</li>      <li><strong>Toegankelijkheidstools:</strong> Als je dit inschakelt, worden geavanceerde toegankelijkheidsinstellingen weergegeven die je kunt aanpassen, zoals <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-aria-attributen-toevoegen-aan-aangepaste-webapplicaties" target="">ARIA-labels</a> en tabindex.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/26/cb006e8f-1f93-410a-bd92-50b210d420a8/9e5845b1-a441-437d-9cd5-a13da7778243.png" alt="De geavanceerde instellingen in de Wizard. De cursor wijst de dropdown met pijlen voor visuele indicatoren aan." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="toezicht-vanaf-je-dashboard" level="3">Toezicht vanaf je dashboard</h2></div><div data-component-type="text"><div>De wizard is gekoppeld aan de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheid-van-websites-controleren-met-de-toegankelijkheidsmonitor" target="">Toegankelijkheidsmonitor</a> op het dashboard van je website. Deze tool scant en signaleert mogelijke problemen met de gepubliceerde versie van je website, zodat je de toegankelijkheid van je website gaandeweg kunt blijven verbeteren.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/14/f1e5cd09-db75-4e66-844e-654f49b735f8/7bca306f-2482-4adc-aa0a-aa7a3dac921c.jpg" alt="Een ingezoomde afbeelding van een Wix-websitedashboard, met de Toegankelijkheidsmonitor-widget." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Klaar om aan de slag te gaan?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken" target="">Lees hoe je de Toegankelijkheidswizard gebruikt</a></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Heb je een meertalige website?</div><div class="info-content"><div>De Toegankelijkheidswizard wordt momenteel alleen ondersteund in de primaire taal van je website en is niet toegankelijk in secundaire talen die je toevoegt met <a data-composite="true" href="https://support.wix.com/nl/article/wix-multilingual-een-overzicht" target="">Wix Multilingual</a>. Je kunt wel <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">onze checklist gebruiken</a> om de toegankelijkheid van je website in alle talen te verbeteren.</div></div></div></div>

Identificeer en los toegankelijkheidsproblemen op je Wix-website op met behulp van de Toegankelijkheidswizard. Dit is een hulpmiddel dat je kan helpen ervoor te zorgen dat elke bezoeker, ongeacht zijn...

Toegankelijkheid: De Toegankelijkheidswizard gebruiken in de Wix Editor

<div data-component-type="text"><div>Identificeer en los toegankelijkheidsproblemen op je Wix-website op met behulp van de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard" target="">Toegankelijkheidswizard</a>. Dit is een hulpmiddel dat je kan helpen ervoor te zorgen dat elke bezoeker, ongeacht zijn of haar capaciteiten, je website kan bekijken en er doorheen kan navigeren.</div></div><div data-component-type="text"><div>Er zijn twee onderdelen in de wizard die je moet invullen. We raden je aan alle onderdelen te volgen en in te vullen om de toegankelijkheid van je website te verbeteren en te optimaliseren. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><ul>
  <li>Hoewel Wix er altijd naar streeft om onze producten en diensten te verbeteren, kunnen we niet garanderen dat je website zal voldoen aan de toegankelijkheidswetten en -regelgeving in jouw regio. We raden aan een toegankelijkheidsexpert te raadplegen om ervoor te zorgen dat je website voldoet aan de normen voor jouw regio.</li>  <li>Dit artikel verwijst naar de Toegankelijkheidswizard in de Wix Editor. Voor informatie over de wizard in Studio Editor-websites, <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken-in-de-studio-editor" target="">volg je deze link</a>. </li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Heb je een Multilingual-website?</div><div class="info-content"><div>De Toegankelijkheidswizard wordt momenteel alleen ondersteund in de primaire taal van je website en is niet toegankelijk in secundaire talen die je toevoegt met <a data-composite="true" href="https://support.wix.com/nl/article/wix-multilingual-een-overzicht" target="">Wix Multilingual</a>. Je kunt wel <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">onze checklist gebruiken</a> om de toegankelijkheid van je website in alle talen te verbeteren.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-open-the-accessibility-wizard" level="3">Stap 1 | Open de Toegankelijkheidswizard</h2></div><div data-component-type="text"><div>Open de wizard vanuit je Editor-instellingen om je website toegankelijker te maken voor bezoekers.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/13/9649a0dd-ee41-43ad-a218-39bb6f77ff3b/67ba3d46-898e-4581-b627-a6287c9ddcf2.png" alt="Het Instellingen-paneel bovenaan de Editor. De cursor wijst de optie voor de Toegankelijkheidswizard aan" /></div></div><div data-component-type="heading"><h2 id="" level="4">Om de Toegankelijkheidswizard te openen:</h2></div><div data-component-type="text"><ol>
  <li>Klik bovenaan de Editor op <strong>Instellingen</strong>.</li>  <li>Selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Selecteer rechts <strong>Scan mijn website</strong>.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-fix-detected-issues" level="3">Stap 1 | Los ontdekte problemen op</h2></div><div data-component-type="text"><div>Nadat je website is gescand, krijg je een lijst met gedetecteerde problemen te zien. Selecteer elk probleem om de instructies te openen en zorg ervoor dat je de wijzigingen toepast wanneer je ze hebt opgelost.</div></div><div data-component-type="text"><div>Als je klaar bent, selecteer je <strong>Ga verder met stap 2</strong>.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/28/f2054a3b-ac91-4e28-a635-d4ef19e894aa/d4e62b24-4800-4e52-b4dc-e5b7b6ef2798.png" alt="Stap 1 in de Wizard. De cursor wijst een probleem met de hoofdkop van de 'Over'-pagina aan" /></div></div><div data-component-type="text"><div>Selecteer hieronder een optie om meer te lezen over de problemen die kunnen worden gedetecteerd.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Alternatieve tekst</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-afbeeldingen-en-galerijen-voorbereiden" target="">Alt-tekst</a> is een beschrijving van een afbeelding. Door deze beschrijvingen toe te voegen, kunnen afbeeldingen worden gelezen door schermlezers voor bezoekers met een visuele beperking.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoofdkop</h4><div class="collapsible-content"><div>Een hoofdkop is de titel van je pagina. Het toevoegen en definiëren van een <a href="https://support.wix.com/nl/article/de-koptags-van-je-pagina-beheren#adding-an-h1-tag" target="">hoofdkop</a> vertelt websitebezoekers die schermlezers gebruiken waar de pagina over gaat.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kop definitie</h4><div class="collapsible-content"><div>Koppen geven de hiërarchie van je pagina-inhoud weer. Een duidelijke <a data-composite="true" href="https://support.wix.com/nl/article/de-koptags-van-je-pagina-beheren" target="">kopdefinitie</a> stelt bezoekers die schermlezers gebruiken in staat om makkelijk door je website te navigeren.</div><div><br /></div><div><strong>Let op:</strong> Als er een <strong>hoofdkopkaart</strong> op een pagina wordt weergegeven, moet je deze oplossen voordat je de <strong>kopdefinitiekaarten</strong> op die pagina oplost. Het oplossen van een hoofdkop lost automatisch een van de kopdefinitiekaarten op, zodat je dit niet nog een keer hoeft te doen.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/28/99df74c2-9d28-4303-8a94-26dac3268413/a6a9c051-6824-4aeb-9f2e-7e2e89ff2134.png" alt="Stap 1 in de Wizard. De cursor wijst een van de opties die worden weergegeven in de wizard om een kop te definiëren aan" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dubbele koptags</h4><div class="collapsible-content"><div>Dubbele koptags kunnen voorkomen wanneer er een regeleinde in een kop staat. Dit betekent dat het niet correct kan worden gelezen door schermlezers. Het verwijderen van dubbele tags zorgt ervoor dat de kop duidelijk is voor je bezoekers.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kleurcontrast</h4><div class="collapsible-content"><div><a href="https://support.wix.com/nl/article/toegankelijkheid-tekst-en-afbeeldingen-voorbereiden" target="">Kleurcontrast</a> is een meting voor het verschil in waargenomen helderheid tussen twee kleuren. Een contrast van 4,5 en hoger betekent dat de inhoud van je website makkelijk te zien en te lezen is.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Je moet alle gedetecteerde problemen oplossen om door te gaan naar de volgende stap in de wizard. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-find-and-fix-issues" level="3">Stap 2 | Zoek en los problemen op</h2></div><div data-component-type="text"><div>Vervolgens markeert de Zoek en los problemen op-stap meer instellingen op je website die mogelijk moeten worden aangepast voor toegankelijkheid. Dit gedeelte is niet automatisch en de componenten moeten handmatig worden aangepast.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Je moet elke optie handmatig als voltooid markeren om deze stap te voltooien. </div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/19/88825f2f-55b5-418e-87d8-fb0647b41d19/0846c060-4d0f-4479-a024-05d5410f3953.png" alt="Stap 2 in de Wizard. De cursor wijst een probleem met linktekst op alle pagina's aan" /></div></div><div data-component-type="text"><div>Selecteer hieronder een optie om meer te lezen over de instellingen die je in deze stap kunt aanpassen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Linktekst</h4><div class="collapsible-content"><div>Tekst of elementen die naar andere pagina's, onderdelen of websites verwijzen, moeten zo beschrijvend mogelijk zijn. Zo is 'Lees meer over ons laatste onderzoek' duidelijker dan 'Lees meer'. Ze moeten ook duidelijk zijn als ze tot een actie leiden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Tekst in afbeeldingen</h4><div class="collapsible-content"><div>Tekst in afbeeldingen (zoals foto's van borden of slogans) kan niet worden gelezen door schermlezers. Vervang deze afbeeldingen waar mogelijk, of neem de tekst op in de beschrijving van de afbeelding.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kleur gebruiken</h4><div class="collapsible-content"><div>Informatie die door kleur wordt overgebracht, moet ook afzonderlijke indicatoren hebben, zoals patronen, lettertype en pictogrammen. Gelinkte tekst moet bijvoorbeeld onderstreept zijn en grafieken moeten ook gegevens met verschillende patronen of texturen weergeven.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ingezoomde content</h4><div class="collapsible-content"><div>De inhoud op je website zou nog steeds zichtbaar moeten zijn als de browser is ingezoomd. Dit is om ervoor te zorgen dat visueel gehandicapte gebruikers je website van dichtbij kunnen bekijken. Je kunt dit controleren door een voorbeeld van je website te bekijken en de zoomfactor van je browser in te stellen op 200%.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Toegankelijkheidsverklaring</h4><div class="collapsible-content"><div>Webtoegankelijkheid is in verschillende landen wettelijk verplicht. Het toevoegen van een <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-een-toegankelijkheidsverklaring-aan-je-website-toevoegen" target="">toegankelijkheidsverklaring</a> toont je toewijding om een website te bieden die door alle bezoekers kan worden gebruikt. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wat nu?</div><div class="info-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheid-van-websites-controleren-met-de-toegankelijkheidsmonitor" target="">Open de Toegankelijkheidsmonitor</a> om de toegankelijkheid van je live website vanaf je dashboard te controleren.</li>  <li>Gebruik de geavanceerde instellingen in de wizard om de toegankelijkheid van je website te blijven verbeteren. <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard#advanced-accessibility-settings" target="">Lees meer over de geavanceerde instellingen van de wizard</a></li></ul></div></div></div>

Toegankelijkheid verwijst naar de praktijk van het mogelijk maken van toegang voor mensen tot diensten, middelen en goederen, ongeacht handicaps. Webtoegankelijkheid past dit concept toe op het intern...

Toegankelijkheid: Over webtoegankelijkheid

<div data-component-type="text"><div>Toegankelijkheid verwijst naar de praktijk van het mogelijk maken van toegang voor mensen tot diensten, middelen en goederen, ongeacht handicaps. Webtoegankelijkheid past dit concept toe op het internet en je website. </div></div><div data-component-type="text"><div>Door webtoegankelijkheid toe te passen, zorg je ervoor dat iedereen, ook mensen met een handicap of beperking, je website kan openen, erop kan navigeren en ervan kan genieten. Sommige van je bezoekers ervaren je website anders en het is belangrijk je website aan te passen aan die ervaringen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-importance-of-web-accessibility" level="3">Het belang van webtoegankelijkheid</h2></div><div data-component-type="text"><div>Volgens de Wereldgezondheidsorganisatie heeft ruwweg 15% van de bevolking een of andere vorm van handicap. Daarom is webtoegankelijkheid een belangrijk onderdeel van het maken, bouwen en onderhouden van websites. Door je website toegankelijk te maken, zorg je ervoor dat iedereen er toegang toe heeft en ervan kan genieten.</div></div><div data-component-type="text"><div>We raden aan om je website vanaf het begin <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website#building-an-accessible-wix-site" target="">op een toegankelijke manier te bouwen</a>. Je kunt dit doen door te beginnen met een <a data-composite="true" href="https://www.wix.com/website/templates?criteria=accessible" target="">toegankelijk websitetemplate</a> in de Wix Editor en onze <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">toegankelijkheidschecklist</a> grondig te volgen. </div></div><div data-component-type="text"><div>Als je al een bestaande website hebt, kun je <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard" target="">de Toegankelijkheidswizard</a> gebruiken. De Wizard is een hulpmiddel dat je website scant, potentiële toegankelijkheidsproblemen opspoort en bruikbare oplossingen biedt. </div></div><div data-component-type="text"><div>Bedenk dat er weliswaar internationale webnormen zijn waaraan websites moeten voldoen, maar dat je regio zijn eigen specifieke eisen kan hebben.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Zelfs als je je website hebt gebouwd met toegankelijkheid in gedachten, raden wij je aan de Wizard te gebruiken voor het geval je iets over het hoofd hebt gezien.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Hoewel Wix er altijd naar streeft om onze producten en diensten te verbeteren, kunnen we niet garanderen dat je website zal voldoen aan de toegankelijkheidswetten en -regelgeving in jouw regio. We raden aan een toegankelijkheidsexpert te raadplegen om ervoor te zorgen dat je website voldoet aan de normen voor jouw regio.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="sight-impairments-and-visual-information" level="3">Visuele beperkingen en visuele informatie</h2></div><div data-component-type="text"><div>Mensen die blind zijn, weinig zicht hebben of moeite hebben met het verwerken van visuele informatie, kunnen de inhoud van je website misschien niet goed of zelfs helemaal niet zien. Visuele informatie omvat het grootste deel van de inhoud van je website, zoals tekst, afbeeldingen en GIF's.</div></div><div data-component-type="text"><div>Deze bezoekers kunnen gebruik maken van andere methoden en ondersteunende technologieën om hen te helpen op je website te navigeren, zoals schermlezers. </div></div><div data-component-type="text"><div>Schermlezers 'lezen' de inhoud van je website, en zetten die om in audio die de bezoeker kan horen. Dit betekent dat je media op je website moet voorbereiden om ervoor te zorgen dat deze bezoekers er toegang toe hebben.<strong> </strong></div><div><br /></div><div><strong>Je kunt je media voorbereiden door:</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-afbeeldingen-en-galerijen-voorbereiden" target="">Alt-tekst toe te voegen aan afbeeldingen en galerijen op je website</a></li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-videos-en-audio-toegankelijk-maken#adding-text-descriptions-to-media-without-sound" target="">Tekstbeschrijvingen toe te voegen aan GIF's en andere media zonder geluid</a></li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-videos-en-audio-toegankelijk-maken#adding-audio-descriptions-to-videos" target="">Audiobeschrijvingen toe te voegen aan video's op je website</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Vergeet niet te controleren of alle tekst op je website de juiste <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-je-websitestructuur-voorbereiden" target="">HTML-tag</a> heeft, zodat de schermlezer de pagina's niet overslaat of verspringt.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="motor-difficulties-and-site-navigation" level="3">Motorische problemen en navigatie</h2></div><div data-component-type="text"><div>Bezoekers met motorische problemen of handicaps kunnen andere methoden gebruiken om door je website te navigeren, zoals hun toetsenbord of ondersteunende technologieën.</div></div><div data-component-type="text"><div>Om ervoor te zorgen dat deze bezoekers kunnen navigeren en je website kunnen verkennen, raden wij aan twee of meer methoden voor websitenavigatie toe te voegen. Populaire zijn:</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-een-websitemenu-toevoegen" target="">Websitemenu's</a></li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/over-wix-site-search" target="">Wix Site Search</a></li></ul></div><div data-component-type="text"><div>Je moet ook de juiste <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-je-websitestructuur-voorbereiden" target="">HTML-tags</a> toevoegen voor alle tekst op je website. Zo kunnen bezoekers die de tab-toets gebruiken om te navigeren, je inhoud in de juiste volgorde zien en hoeven ze zich geen zorgen te maken dat de tab-toets delen overslaat of op de pagina verspringt.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hearing-impairments-and-audio" level="3">Gehoorbeperkingen en audio</h2></div><div data-component-type="text"><div>Sommige bezoekers kunnen moeilijkheden of beperkingen ondervinden met betrekking tot geluid en auditieve informatie. Deze bezoekers kunnen doof of slechthorend zijn, of moeite hebben met het verwerken van geluiden.</div></div><div data-component-type="text"><div>Om ervoor te zorgen dat deze bezoekers toegang hebben tot al je inhoud en ervan kunnen genieten, moet je alternatieven toevoegen voor alle media met audio op je website. Enkele van deze zijn:</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-videos-en-audio-toegankelijk-maken#adding-text-transcripts-to-audio-files" target="">Het toevoegen van teksttranscripties aan audiobestanden</a></li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-videos-en-audio-toegankelijk-maken#adding-captions-to-videos" target="">Het toevoegen van bijschriften aan je video's</a></li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-videos-en-audio-toegankelijk-maken#adding-captions-to-live-events" target="">Het toevoegen van onderschriften aan live gestreamde evenementen</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="cognitive-disabilities-and-disorders" level="3">Cognitieve handicaps en stoornissen</h2></div><div data-component-type="text"><div>Er zijn verschillende stoornissen en handicaps die de cognitieve functie van een persoon beïnvloeden. Sommige daarvan zijn autisme, ADHD, hersenletsel, dementie en afasie.</div></div><div data-component-type="text"><div>Bezoekers met deze aandoeningen kunnen problemen ondervinden met concentratie, begrijpend lezen en informatieverwerking. Om je website toegankelijk te maken voor deze bezoekers, raden wij de volgende stappen aan:</div></div><div data-component-type="text"><ul>
  <li>Zorg ervoor dat de opmaak, structuur en indeling van je website duidelijk zijn. De hoofdinhoud van je pagina moet bijvoorbeeld niet aan de koptekst worden vastgemaakt.</li>  <li>Gebruik taal die gemakkelijk te begrijpen is.</li>  <li>Beperk het gebruik van decoratieve en/of geanimeerde elementen op je website tot een minimum.</li>  <li>Gebruik niet veel verschillende kleuren op je website en zorg ervoor dat ze niet te helder zijn.</li>  <li>Voeg alternatieven toe voor media die audio bevatten, zoals <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-videos-en-audio-toegankelijk-maken#adding-text-transcripts-to-audio-files" target="">transcripties</a> en <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-videos-en-audio-toegankelijk-maken#adding-captions-to-videos" target="">onderschriften</a>.</li></ul></div>

Momenteel bevatten live Wix-websites ingebouwde toegankelijkheidsinstellingen en -functies die voldoen aan de hoogste wereldwijde normen.De websitebouwers en websitedashboards van Wix voldoen echter n...

Toegankelijkheidsaanvraag: De Wix-websitebouwers en dashboards toegankelijk maken

<div data-component-type="text"><div>Momenteel bevatten live Wix-websites ingebouwde toegankelijkheidsinstellingen en -functies die voldoen aan de hoogste wereldwijde normen.</div></div><div data-component-type="text"><div>De websitebouwers en websitedashboards van Wix voldoen echter nog niet volledig.</div></div><div data-component-type="text"><div>We zijn altijd bezig met het bijwerken en verbeteren van onze producten. Jouw feedback wordt daarbij heel erg gewaardeerd.</div></div><div data-component-type="text"><div>Als dit een functie is die je in de toekomst graag zou willen zien,selecteer dan <strong>Voor deze functie stemmen</strong> en we zullen ervoor zorgen dat je op de hoogte blijft. </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Volg onze <a href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website">checklist</a> om de toegankelijkheid van je live website verbeteren.</div></div></div></div>

Afhankelijk van de websitebouwer die je gebruikt, zie je mogelijk een instelling die focus-indicatoren (Studio Editor) of visuele indicatoren (Wix Editor) wordt genoemd. Dit zijn blauwe rechthoeken di...

Toegankelijkheid: Over visuele of focus-indicatoren

<div data-component-type="text"><div>Afhankelijk van de websitebouwer die je gebruikt, zie je mogelijk een instelling die <strong>focus-indicatoren</strong> (Studio Editor) of <strong>visuele indicatoren</strong> (Wix Editor) wordt genoemd. Dit zijn blauwe rechthoeken die verschijnen rond interactieve elementen zoals knoppen en links wanneer bezoekers een toetsenbord gebruiken om door de live website te navigeren. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/24/5392965c-0d96-41fc-b26c-0991fea45819/85b68dd0-01d0-4601-bfdc-b88d6eb68f8a.png" alt="Een afbeelding van een website met een visuele indicator rond het menu-item met de naam 'Home'." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Waar haalt Wix de informatie vandaan?</div><div class="info-content"><ul>
  <li>We doen aanbevelingen op basis van het document <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Web Content Accessibility Guidelines (WCAG)</a>, dat is ontwikkeld door het <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>.  </li>  <li>Dit artikel is gebaseerd op het <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html" target="_blank">Focus Zichtbaar-criterium (2.47)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-focus-indicators-are-important" level="3">Waarom focusindicatoren belangrijk zijn</h2></div><div data-component-type="text"><div>Sommige bezoekers navigeren door websites met de Tab-toets op hun toetsenbord. Visuele of focus-indicatoren geven de huidige positie van de Tab-toets weer, zodat deze bezoekers precies weten waar ze zich op de pagina bevinden. </div></div><div data-component-type="text"><div>Als indicatoren niet zijn ingeschakeld, kunnen deze websitebezoekers mogelijk niet door de pagina of de inhoud van de website navigeren, waardoor ze een belangrijk onderdeel zijn van de toegankelijkheid van de website. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="focus-indicators-on-your-wix-site" level="3">Focus-indicatoren op je Wix-website</h2></div><div data-component-type="text"><div>Visuele of focus-indicatoren worden automatisch ingeschakeld op alle websites die je met Wix bouwt.</div></div><div data-component-type="text"><div>De indicator is ontworpen om bij de meeste kleurencombinaties van websites te passen. Het is echter minder zichtbaar op knoppen met een witte vulling op een blauwe achtergrond. We raden daarom aan de kleur van website-elementen te controleren om er zeker van te zijn dat alle bezoekers het kunnen zien.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Hoe kan ik de focus-indicator op mijn website testen?</div><div class="info-content"><div>Om te controleren hoe de focus-indicator eruitziet, open je je live website of websitevoorbeeld en navigeer je door de pagina met de Tab-toets van je toetsenbord. Als de focus-indicator niet verschijnt op het voorbeeld of de live versie van je website, kun je de instellingen wijzigen via de Toegankelijkheidswizard. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-focus-indicators" level="3">Focus-indicatoren inschakelen</h2></div><div data-component-type="text"><div>Als je de Wix Editor gebruikt, moet je mogelijk de focus-indicatoren inschakelen vanuit de Toegankelijkheidswizard.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Gebruik je de Studio Editor?</div><div class="info-content"><div>Focus-indicatoren zijn altijd ingeschakeld op Studio Editor-websites, dus je hoeft deze instelling niet te controleren. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om visuele indicatoren in te schakelen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik bovenaan op <strong>Instellingen </strong>en selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Klik bovenaan het Toegankelijkheidswizard-paneel op het <strong>Meer acties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" />. </li>  <li>Selecteer <strong>Geavanceerde toegankelijkheidsinstellingen</strong>. </li>  <li>Selecteer <strong>Visuele indicatoren</strong>.</li>  <li> Schakel <strong>Sta toetsenbordgebruikers toe om door je website te navigeren</strong> in.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/9dc097fe-2e9f-4938-a82c-2b9ec66fc828/495d872f-f036-4052-8c6b-125968669125.jpg" alt="De geavanceerde instellingen van de Wizard. De cursor heeft op de schakelaar geklikt om visuele indicatoren in te schakelen." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Volgende stap:</div><div class="info-content"><div>Ga terug naar de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">Toegankelijkheidschecklist</a> om de toegankelijkheid van de website te blijven verbeteren. </div></div></div></div>

'Doorgaan naar hoofdinhoud' is een functie waarmee bezoekers die aanvullende en/of ondersteunende technologieën gebruiken irrelevante of herhaalde inhoud kunnen omzeilen. Zo ziet het eruit op een live...

Toegankelijkheid: Over 'Doorgaan naar hoofdinhoud'

<div data-component-type="text"><div>'Doorgaan naar hoofdinhoud' is een functie waarmee bezoekers die aanvullende en/of ondersteunende technologieën gebruiken irrelevante of herhaalde inhoud kunnen omzeilen. </div></div><div data-component-type="text"><div>Zo ziet het eruit op een live Wix-website:</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/13/04bd498b-4bcc-471d-9078-111775493073/0d4f6684-5a9a-49f5-9279-b83acfee00b9.png" alt="Een live website met de 'Doorgaan naar hoofdinhoud'-knop ingeschakeld." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Waar haalt Wix de informatie vandaan?</div><div class="info-content"><ul>
  <li>We doen aanbevelingen op basis van het document <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Web Content Accessibility Guidelines (WCAG)</a>, dat is ontwikkeld door het <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>.  </li>  <li>Dit artikel is gebaseerd op <a data-composite="“true”" href="https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks.html” target=" blank="blank">succescriterium 2.4.1 (blokkades omzeilen)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="waarom-doorgaan-naar-hoofdinhoud-belangrijk-is" level="3">Waarom 'Doorgaan naar hoofdinhoud' belangrijk is</h2></div><div data-component-type="text"><div>Bezoekers die goed kunnen zien / bezoekers die een muis gebruiken, kunnen de belangrijkste inhoud van een pagina visueel vinden of door door de website te scrollen. Sommige websitebezoekers, zoals bezoekers met visuele omstandigheden, kunnen echter ondersteunende technologieën en/of een toetsenbord gebruiken om te navigeren. </div></div><div data-component-type="text"><div>'Doorgaan naar hoofdinhoud' biedt deze bezoekers directe toegang tot de hoofdinhoud van de pagina, zonder dat ze eerst door herhaalde inhoud (bijvoorbeeld de websitetitel, het menu, enzovoort) hoeven te gaan.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="doorgaan-naar-hoofdinhoud-en-wix-websites" level="3">'Doorgaan naar hoofdinhoud' en Wix-websites</h2></div><div data-component-type="text"><div>Doorgaan naar hoofdinhoud wordt automatisch ingeschakeld op alle websites die je met Wix bouwt. Het verschijnt als een link wanneer bezoekers door de pagina navigeren met de 'Tab'-toets.</div></div><div data-component-type="text"><div>De link is ontworpen om bij de meeste kleurencombinaties van de website te passen. Het kan echter minder zichtbaar zijn op kopteksten / onderdelen van websites die een wit en blauw kleurenschema gebruiken. We raden daarom aan de kleur van deze onderdelen te controleren om er zeker van te zijn dat de link opvalt voor bezoekers.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="doorgaan-naar-hoofdinhoud-testen" level="3">'Doorgaan naar hoofdinhoud' testen</h2></div><div data-component-type="text"><div>Je kunt wanneer je maar wilt controleren hoe de link eruitziet. Open de live website (of het voorbeeld van de website) en navigeer door de pagina met de Tab-toets van je toetsenbord om de link te zien.</div></div><div data-component-type="text"><div>Als je merkt dat de link niet verschijnt op de voorbeeld- of live versie van je Wix Editor-website, kun je de instellingen controleren en wijzigen vanuit de Toegankelijkheidswizard. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bouw je een website met de Studio Editor?</div><div class="info-content"><div>Het is niet mogelijk om 'Doorgaan naar hoofdinhoud' uit te schakelen op Studio Editor-websites, dus je hoeft deze instelling niet te controleren. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om de instellingen te controleren:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je Editor</a>.</li>  <li>Klik bovenaan op <strong>Instellingen </strong>en selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Klik bovenaan het Toegankelijkheidswizard-paneel op het <strong>Meer acties</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" />. </li>  <li>Selecteer <strong>Geavanceerde toegankelijkheidsinstellingen</strong>. </li>  <li>Klik op <strong>Doorgaan naar hoofdinhoud</strong>.</li>  <li>Klik op de schakelaar om deze in of uit te schakelen:
    <ul>
      <li><strong>Ingeschakeld:</strong> Doorgaan naar hoofdinhoud wordt weergegeven op je live website en is de eerste link die bezoekers zien tijdens het gebruik van toetsenbordnavigatie.</li>      <li><strong>Uitgeschakeld:</strong> Doorgaan naar hoofdinhoud wordt niet weergegeven op je live website.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/5ac3a5d2-91a5-48ef-8286-09839baecca5/114bfdaa-5c69-45eb-8cd9-4836143fe4ae.jpg" alt="De geavanceerde instellingen in de Toegankelijkheidswizard. De cursor is ingeschakeld om naar de hoofdinhoud te schakelen." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Volgende stap:</div><div class="info-content"><div>Ga terug naar de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">Toegankelijkheidschecklist</a> om de toegankelijkheid van de website te blijven verbeteren. </div></div></div></div>

ARIA-attributen bieden aanvullende informatie over de semantiek van elementen voor ondersteunende technologieën zoals schermlezers. Misschien wil je ARIA-attributen toevoegen aan aangepaste elementen ...

Toegankelijkheid: ARIA-attributen toevoegen aan aangepaste webapplicaties

<div data-component-type="text"><div>ARIA-attributen bieden aanvullende informatie over de semantiek van elementen voor ondersteunende technologieën zoals schermlezers. Misschien wil je ARIA-attributen toevoegen aan aangepaste elementen of toepassingen op je website.</div></div><div data-component-type="text"><div>ARIA-attributen zijn belangrijk, omdat ze bepalen hoe aangepaste elementen en toepassingen toegankelijk kunnen worden gemaakt wanneer dit niet mogelijk is met de oorspronkelijke HTML van het element. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Deze functie is bedoeld voor gebruikers die aangepaste toepassingen/elementen hebben waarvoor ARIA-attributen vereist zijn. Als je deze niet op je website hebt, hoef je de ARIA-attributen niet te bewerken.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-aria-attributes" level="3">ARIA-attributen toevoegen</h2></div><div data-component-type="text"><div>We hebben al hardcoded ARIA-attributen voor de meeste elementen op een website. Als je echter aangepaste toepassingen hebt gemaakt, wil je misschien je eigen ARIA-attributen toevoegen voor toegankelijkheidsdoeleinden.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Studio-Editor" class="tab-heading heading-0">Studio Editor</div><div data-slug="Wix-Editor" class="tab-heading heading-1">Wix Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Schakel de dev-modus (Velo by Wix) in de Studio Editor in om attributen aan elementen toe te voegen. Met Velo kun je <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/about-velo-by-wix" target="">codering toevoegen, databases bouwen en meer</a>.</div></div><div data-component-type="text"><ol>
  <li>Selecteer links in de editor <strong>Code</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/0de74f7a-9d8a-4c0c-8279-219bd3eefe97/d55e629b-e8dc-4acc-8af2-7a7779fb8bbc.png" />.</li>  <li>Selecteer de relevante applicatie of het relevante element en klik op het <strong>Meer acties</strong>-pictogram<img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdFGzMGNDzgiZQ0F979Jv1-o5331SfuPnrxO8m55pHp_EiDKy7_zvShglz_oxBkkonbL4dOmmectOTVLG8_Lwhsvbvn33GQEVRVFTt0SaKfQnbZ33f2OyrtaR5ki1Fo_2ovT0Vy4H_uPEi3jljAkW-gqs8?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Selecteer <strong>Toegankelijkheid</strong>.</li>  <li>Selecteer <strong>Attribuut toevoegen</strong>.</li>  <li>Selecteer een attribuut in het drop-down menu.</li>  <li>Voer een label in of selecteer het niveau of de waarde.</li>  <li>Selecteer <strong>Toevoegen</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/28953d00-e0af-4830-9a6e-befc645463b7/d306108c-c260-44f0-8301-e5713d96a4c6.jpg" alt="Het toegankelijkheidspaneel van een element in de Studio Editor. De cursor klikt op de Attribuut toevoegen-knop." /></div></div></div><div class="tab-content"><div data-component-type="text"><div>Schakel dev-tools in in de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard-in-de-wix-editor" target="">Toegankelijkheidswizard</a> om aria-attributen aan je aangepaste elementen toe te voegen. Je kunt het attribuut vervolgens toevoegen door met de rechtermuisknop op het element of de toepassing te klikken.</div></div><div data-component-type="text"><ol>
  <li>Selecteer in de bovenste balk van je editor <strong>Instellingen</strong>.</li>  <li>Selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Selecteer op de bovenste balk van de Wizard het <strong>Meer acties</strong>-pictogram<img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdFGzMGNDzgiZQ0F979Jv1-o5331SfuPnrxO8m55pHp_EiDKy7_zvShglz_oxBkkonbL4dOmmectOTVLG8_Lwhsvbvn33GQEVRVFTt0SaKfQnbZ33f2OyrtaR5ki1Fo_2ovT0Vy4H_uPEi3jljAkW-gqs8?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Selecteer <strong>Geavanceerde toegankelijkheidsinstellingen</strong>.</li>  <li>Klik op de <strong>Toegankelijkheid Dev Tools</strong>-schakelaar om deze in te schakelen.</li>  <li>Klik met de rechtermuisknop op de toepassing of het element waaraan je de attributen wilt toevoegen.</li>  <li>Selecteer <strong>Toegankelijkheid</strong>.</li>  <li>Selecteer <strong>Attribuut toevoegen</strong>.</li>  <li>Selecteer een attribuut in het drop-down menu.</li>  <li>Voer een label in of selecteer het niveau of de waarde.</li>  <li>Selecteer <strong>Toevoegen</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/08f56fa8-dbc6-4484-b600-2447401cd390/51281520-4c34-49dc-a5f1-8159f3ce06e7.jpg" alt="Het Toegankelijkheidspaneel en de wizard zijn geopend. De cursor klikt op Attribuut toevoegen en de schakelaar is ingeschakeld." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Je kunt de geavanceerde toegankelijkheidsinstellingen op elk moment uitschakelen en de ARIA-attributen worden niet verwijderd.</div></div></div></div></div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Je kunt ARIA-attributen toevoegen aan de volgende elementen:</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Element</div></th><th><div>Eigenschappen</div></th></tr></thead><tbody><tr><td><div>Lightbox</div></td><td><div>Label</div></td></tr><tr><td><div>Tekst </div></td><td><div>label, role heading, status, alert, live, relevant, atomic, hidden, current, level</div></td></tr><tr><td><div>Verzamelvak</div></td><td><div>label, tabindex, role region, group, none, status, alert, live, relevant, atomic, current, controls, hidden</div></td></tr><tr><td><div>Strook</div></td><td><div>label, tabindex, role heading, status, alert, live, atomic, hidden, current</div></td></tr><tr><td><div>Repeater</div></td><td><div>label, role heading, status, alert</div></td></tr><tr><td><div>Tekstknop</div></td><td><div>tabindex, pressed, expanded, haspopup</div></td></tr></tbody></table></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>We werken voortdurend aan de mogelijkheid om ARIA-attributen aan meer elementen toe te voegen. <a data-composite="true" href="https://www.wix.com/contact/nl" target="_blank">Neem contact op</a> als je specifieke verzoeken hebt over ARIA-attributen. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="editing-your-aria-attributes" level="3">ARIA-attributen bewerken</h2></div><div data-component-type="text"><div>Nada je attributen aan aangepaste toepassingen hebt toegevoegd, kun je deze op elk gewenst moment bewerken en bijwerken met het Toegankelijkheidspictogram <img data-composite="true" src="https://lh6.googleusercontent.com/tzGAKNeD3huzfUCBGbiHOAmMhpoOMn2d7mXWbB8x3rd5_wDvr4uEfNczYUD_5EqzSdzFPLv5nc9zp7VkwFDWloqQmUBf71J5_kTbI5nE3o9Wb2s_CS8xcsfkw0eHNAxCpa4dBBIq=s0" />. Dit pictogram wordt automatisch toegevoegd aan elementen waaraan je attributen hebt gekoppeld.</div></div><div data-component-type="heading"><h2 id="" level="4">Om het attribuut te bewerken:</h2></div><div data-component-type="text"><ol>
  <li>Selecteer het element of de applicatie in je editor.</li>  <li>Selecteer het <strong>Toegankelijkheids</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/05/123b3ec4-f910-485b-ba95-c80ee1f6723b/29accdaa-a7f8-4070-a4e9-be08ffc45e99.png" />.</li>  <li>Wijs het relevante attribuut aan en selecteer het <strong>Meer acties</strong>-pictogram <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcC5vRw8B_ITz9qd1n_rF0jP0XZvFe8Ly4NcbviMUHdlLJZIK7ATwxhjb-fPDytIlmc7hmtqMlqZt_sh3CtRvQOGzQRe_skqNqCTCHoFti1Yc1JZwr5M1G5d7vxKBGJAMf6oCDrRmiI9mYujNW1sBSBKREb?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Selecteer <strong>Bewerken</strong>.</li>  <li>Breng de relevante wijzigingen aan en selecteer <strong>Opslaan</strong>.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="types-of-aria-attributes" level="3">Soorten ARIA-attributen</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Attribuut naam</div></th><th><div>Categorie</div></th><th><div>Tokens</div></th></tr></thead><tbody><tr><td><div>tabindex</div></td><td><div><br /></div></td><td><div>0, -1</div></td></tr><tr><td><div>Rol</div></td><td><div><br /></div></td><td><div>token: volgens definitie in primitief</div></td></tr><tr><td><div>aria-level</div></td><td><div><br /></div></td><td><div>int</div></td></tr><tr><td><div>aria-live</div></td><td><div>Live</div></td><td><div>token: polite, assertive</div></td></tr><tr><td><div>aria-multiline </div></td><td><div>Beschrijving</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-multiselectable</div></td><td><div>Beschrijving</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-pressed</div></td><td><div>Staat</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-relevant</div></td><td><div>Live</div></td><td><div>token: all, additions, removals, text</div></td></tr><tr><td><div>aria-activedescendant</div></td><td><div>Verhoudingen</div></td><td><div>ID_REF</div></td></tr><tr><td><div>aria-atomic</div></td><td><div>Live</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-autocomplete</div></td><td><div>Beschrijving</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-controls</div></td><td><div>Verhoudingen</div></td><td><div>ID_REF</div></td></tr><tr><td><div>aria-current</div></td><td><div>Staat</div></td><td><div>step, page, true, false</div></td></tr><tr><td><div>aria-describedby</div></td><td><div>Verhoudingen</div></td><td><div>ID_REF (door spaties gescheiden items)</div></td></tr><tr><td><div>aria-expanded</div></td><td><div><br /></div></td><td><div>true, false</div></td></tr><tr><td><div>aria-haspopup</div></td><td><div>Verhoudingen</div></td><td><div>dialog, menu, true, false</div></td></tr><tr><td><div>aria-hidden</div></td><td><div><br /></div></td><td><div>true, false</div></td></tr><tr><td><div>aria-invalid</div></td><td><div>Staat</div></td><td><div>true, false</div></td></tr><tr><td><div>aria-label</div></td><td><div><br /></div></td><td><div>string</div></td></tr><tr><td><div>aria-labelledby </div></td><td><div>Verhoudingen</div></td><td><div>ID_REF (door spaties gescheiden items)</div></td></tr></tbody></table></div></div>

Met toegankelijkheidswerkbalken kunnen bezoekers bepaalde aspecten van je website manipuleren, zoals lettertype en tekstgrootte. Hoewel Wix geen ingebouwde toegankelijkheidsbalken aanbiedt, kun je er ...

Toegankelijkheid: Een toegankelijkheidswerkbalk toevoegen aan je website

<div data-component-type="text"><div>Met toegankelijkheidswerkbalken kunnen bezoekers bepaalde aspecten van je website manipuleren, zoals lettertype en tekstgrootte. Hoewel Wix geen ingebouwde toegankelijkheidsbalken aanbiedt, kun je er een aan je website toevoegen met behulp van code van een derde partij. </div></div><div data-component-type="text"><div>Deze werkbalken zijn geen vereiste om te voldoen aan de norm zoals beschreven in de <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="">Web Content Accessibility Guidelines</a>. In elk geval raden we aan onze <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">Toegankelijkheidschecklist</a> te volgen en je website te scannen met de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard" target="">Toegankelijkheidswizard</a> om je bezoekers een betere ervaring te bieden. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Het embedden van aangepaste code is alleen beschikbaar voor websites met een <a data-composite="true" href="https://support.wix.com/nl/article/over-domeinen" target="">gekoppeld domein</a>.</div></div></div></div><div data-component-type="heading"><h2 id="" level="3">Om een toegankelijkheidswerkbalk toe te voegen met code van derden:</h2></div><div data-component-type="text"><ol>
  <li>Ga op het dashboard van je website naar <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Instellingen%20beheren&amp;title=Selecteer%20een%20website&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/{{metaSiteId}}/manage-website" target="_blank">Instellingen</a>.</li>  <li>Klik op het <strong>Aangepaste code</strong>-tabblad onder<strong> Geavanceerde instellingen</strong>.</li>  <li>Klik rechtsboven op <strong>+ Gepersonaliseerde code toevoegen</strong>.</li>  <li>Plak het codefragment in het tekstvak.</li>  <li>Voer een naam voor je code in.<br /> <strong>Tip:</strong> Geef je code een naam die gemakkelijk te herkennen is, zodat je het later snel kunt opsporen.</li>  <li>Selecteer een optie onder <strong>Code toevoegen aan:</strong>
    <ul>
      <li><strong>Alle pagina's:</strong> Hiermee wordt de code toegevoegd aan alle pagina's van je website, inclusief eventuele nieuwe pagina's die je in de toekomst gaat maken. Kies of je de code slechts één keer per bezoek wilt laden, of op elke pagina die je bezoeker opent.</li>      <li><strong>Specifieke pagina's:</strong> Gebruik het dropdownmenu om de relevante pagina's te selecteren.</li>    </ul>  </li>  <li>Kies waar je je code wilt plaatsen:
    <ul>
      <li>Head</li>      <li>Body - begin</li>      <li>Body - einde</li>    </ul>  </li>  <li>Selecteer <strong>Toepassen</strong>.</li></ol></div>

Jij of je bezoekers kunnen merken dat elementen die beweging bevatten (zoals animatie-effecten en transparante video's) niet worden afgespeeld op je live website op zowel de mobiele als op de desktopw...

Toegankelijkheid: Video's en animatie spelen niet op live website

<div data-component-type="text"><div>Jij of je bezoekers kunnen merken dat elementen die beweging bevatten (zoals animatie-effecten en transparante video's) niet worden afgespeeld op je live website op zowel de mobiele als op de desktopweergave. Dit kan te wijten zijn aan instellingen in het besturingssysteem dat jij of je bezoeker gebruikt.</div></div><div data-component-type="text"><div>Er zijn twee instellingen die voorkomen dat animaties en video's worden afgespeeld op een live website: Verminderde Beweging (Reduced Motion) en Beste Prestaties (Best Performance).</div></div><div data-component-type="heading"><h2 id="" level="3">Verminderde Beweging (Reduced Motion)</h2></div><div data-component-type="text"><div>De functie Verminderde Beweging voorkomt dat animaties en video's in de browser worden afgespeeld.Verminderde Beweging is een toegankelijkheidsfunctie, wat betekent dat het voornamelijk wordt gebruikt om bezoekers met beperkingen of bepaalde condities (bijvoorbeeld bewegingsziekte) je website te laten bezoeken.</div></div><div data-component-type="text"><div>Verminderde Beweging is beschikbaar op de meeste besturingssystemen. Jij en je bezoekers kunnen de functie voor uitschakelen op jullie apparaat om de animatie die op je website wordt afgespeeld te zien.</div></div><div data-component-type="text"><div>Selecteer het relevante apparaat in de onderstaande lijst om te lezen hoe je Verminderde Beweging uitschakelt.</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.apple.com/nl-nl/HT202655" target="_blank">iPhone and iPad</a></li>  <li><a data-composite="true" href="https://support.apple.com/nl-nl/guide/mac-help/mchlc03f57a1/mac" target="_blank">Mac OS</a></li>  <li><a data-composite="true" href="https://support.microsoft.com/nl-nl/office/office-animatie-uitschakelen-9ee5c4d2-d144-4fd2-b670-22cef9fa025a?ui=en-us&amp;rs=en-us&amp;ad=us" target="_blank">Windows OS</a></li>  <li><a data-composite="true" href="https://www.howtogeek.com/415161/does-looking-at-your-phone-make-you-dizzy-disable-animations/" target="_blank">Android</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Verminderde Beweging wordt ook automatisch ingeschakeld voor sommige mobiele apparaten in de energiebesparende modus.</div></div></div></div><div data-component-type="heading"><h2 id="" level="3">Prestatie-opties</h2></div><div data-component-type="text"><div>Je bezoekers kunnen een instelling op hun computer wijzigen om de prestaties van je website te verbeteren. Met de instelling <strong>Aanpassen voor beste prestaties</strong>, beschikbaar op apparaten met Windows als besturingssysteem, kun je kiezen wat je wilt doen met visuele effecten, zoals geanimeerde elementen en video's.</div></div><div data-component-type="text"><div>Afhankelijk van hun voorkeuren kunnen bezoekers kiezen of ze visuele effecten in hun browser willen in- of uitschakelen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om prestatie-instellingen te wijzigen:</h2></div><div data-component-type="text"><ol>
  <li>Voer 'Prestaties' in het Windows-zoekvak in.</li>  <li>Selecteer <strong>De weergave en prestaties van Windows aanpassen</strong>.</li>  <li>Selecteer het <strong>Visuele effecten</strong>-tabblad.</li>  <li>Kies een optie uit de lijst hieronder:
    <ul>
      <li><strong>Automatisch selecteren:</strong> Windows wijzigt de prestatie-instellingen van je apparaat op basis van de mogelijkheden van je apparaat.</li>      <li><strong>Beste weergave:</strong> Alle geavanceerde visuele effecten en instellingen zijn ingeschakeld en worden afgespeeld op je apparaat (inclusief animaties en video's).</li>      <li><strong>Beste prestaties:</strong> Alle geavanceerde visuele effecten en instellingen zijn uitgeschakeld en worden niet afgespeeld op je apparaat.</li>      <li><strong>Aangepast: </strong>Pas de instellingen handmatig aan om de functies die je wilt in- en uit te schakelen.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/18/fdef93a2-4781-416b-8a15-f73d77c4f12c/8fae3cab-b453-4700-9e83-97d8d57a83b9.png" alt="Tabblad voor het aanpassen van uiterlijk en prestaties van Windows. De cursor wijst 'Beste weergave' aan." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Om bezoekers animaties en video's te laten zien op je live website, moeten ze de optie <strong>Beste weergave</strong> selecteren.</div></div></div></div>

Bij Wix werken we voortdurend aan het verbeteren van de toegankelijkheid van onze websites. We willen je de tools bieden die je nodig hebt om ervoor te zorgen dat je website toegankelijk is en hebben ...

Toegankelijkheid: Externe software of tools ter controle gebruiken

<div data-component-type="text"><div>Bij Wix werken we voortdurend aan het verbeteren van de toegankelijkheid van onze websites. We willen je de tools bieden die je nodig hebt om ervoor te zorgen dat je website toegankelijk is en hebben een <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">richtlijn gemaakt met onze aanbevelingen</a>.</div></div><div data-component-type="text"><div>Je kunt externe tools gebruiken om de toegankelijkheid van je website te beoordelen en suggesties voor verbetering te krijgen. Elk <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-naleving-van-jouw-regionale-wetten" target="">land en elke regio heeft echter andere wetten</a>, dus we raden je aan je website te laten beoordelen door een toegankelijkheidsadviseur om er zeker van te zijn dat deze voldoet aan de vereisten voor jouw regio.</div></div>

Momenteel is het niet mogelijk om een dynamische HTML-sitemap te maken, die automatisch wordt bijgewerkt wanneer je nieuwe pagina's aan je website toevoegt. Als alternatief kun je een pagina maken met...

Toegankelijkheidsaanvraag: Een dynamische HTML-sitemap maken

<div data-component-type="text"><div>Momenteel is het niet mogelijk om een dynamische HTML-sitemap te maken, die automatisch wordt bijgewerkt wanneer je nieuwe pagina's aan je website toevoegt. </div></div><div data-component-type="text"><div>Als alternatief kun je <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-een-pagina-aan-je-website-toevoegen" target="">een pagina maken</a> met een lijst van en <a data-comosite="true" href="https://support.wix.com/nl/article/wix-editor-een-link-toevoegen-aan-een-element" target="">links naar alle pagina's van je website</a>, en deze lijst bijwerken wanneer dat nodig is.</div></div><div data-component-type="text"><div>We zijn altijd bezig met het bijwerken en verbeteren van onze producten. Jouw feedback wordt daarbij zeer gewaardeerd. </div></div><div data-component-type="text"><div>Als dit een functie is die je in de toekomst graag zou willen zien, klik dan op <strong>Voor deze functie stemmen</strong> en we zullen ervoor zorgen dat je op de hoogte blijft.</div></div>

Momenteel hebben we geen ingebouwde toegankelijkheidswerkbalk die bezoekers kunnen gebruiken om bepaalde delen van je website aan te passen of te beter toegankelijk te maken. Als alternatief kun je ee...

Toegankelijkheidsaanvraag: Een toegankelijkheidswerkbalk toevoegen aan je website

<div data-component-type="text"><div>Momenteel hebben we geen ingebouwde toegankelijkheidswerkbalk die bezoekers kunnen gebruiken om bepaalde delen van je website aan te passen of te beter toegankelijk te maken. </div></div><div data-component-type="text"><div>Als alternatief kun je een werkbalk voor toegankelijkheid toevoegen door <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-een-toegankelijkheidswerkbalk-toevoegen-aan-je-website" target="">code van derden op te halen en op je website te embedden</a>. </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Toegankelijkheidswerkbalken zijn geen vereiste om de standaard te bereiken zoals beschreven in de <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="">richtlijnen voor toegankelijkheid van webinhoud</a>. </div></div></div></div><div data-component-type="text"><div>We zijn altijd bezig met het bijwerken en verbeteren van onze producten. Jouw feedback wordt daarbij zeer gewaardeerd. </div></div><div data-component-type="text"><div>Als dit een functie is die je in de toekomst graag zou willen zien, klik dan op <strong>Voor deze functie stemmen</strong> en we zullen ervoor zorgen dat je op de hoogte blijft.</div></div>

Zo begin je

Een template kiezen

Een professional inhuren om je website te bouwen

Lees hoe je Wix gebruikt om je website en bedrijf op te bouwen. Pas je website aan met templates of huur een professional in om je aanwezigheid op het web te verbeteren.

Aan de slag

Hoe Wix gebruiken om je website en bedrijf te bouwen.

Wix Editor basis

De Editor-tools gebruiken

Paginastructuur

Stroken en kolommen

De structuur van je website

Een website ontwerpen

Pagina's

Menu's

Pagina's en menu's beheren

Tekst

Knoppen

Containers en vakken

Diavoorstellingen

Vormen en lijnen

Elementen toevoegen en aanpassen

Afbeeldingen

Galerijen

Video

Documents and files

Bestanden en media toevoegen

Met elementen werken

Effecten en animaties gebruiken

Een website delen en promoten

Meer

Mobiele tools

Pagina's op mobiel

Achtergrond op mobiel

Indeling van de mobiele website

Websitemenu op mobiel

Tekst op de mobiele site

Media op de mobiele site

Andere elementen op mobiel

Problemen oplossen

De mobiele Editor

Problemen met je Editor-website oplossen

De Wix Editor gebruiken

Het dashboard van je website gebruiken

Websites beheren

Rollen en machtigingen beheren

Websitebeheer

Aan de slag met AI

AI gebruiken om je website te maken en te beheren

AI gebruiken om je bedrijf op te richten

AI-tools

Media Manager basis

Media uploaden

Media kopen

Media beheren

Mediaproblemen

Media toevoegen en beheren

De Pro Gallery gebruiken

Afbeeldingen bewerken (Wix Photo Studio)

Mediabeheer

Wix Multilingual basis

Een website vertalen

Talen beheren

SEO in Wix Multilingual

Een meertalige website maken

Privacy en de AVG (GDPR)

Over toegankelijkheid

Een website toegankelijk maken

Geavanceerde toegankelijkheidsfuncties

Een toegankelijke website maken

Over het CMS

CMS-verzamelingen beheren

Verzamelingsinhoud aan je website koppelen

Met dynamische pagina's en het CMS werken

Gebruikersinvoer aan het CMS koppelen

Het CMS met andere Wix-producten gebruiken

Geavanceerde CMS-functies

Wix voor developers

Testwebsites

SSO-logins

Wix Blocks

Geavanceerde functies

Lees hoe je de Wix Editor gebruikt en de inhoud op je website beheert. Ontdek hoe je de privacy van bezoekers kan beschermen en je website toegankelijk kan maken.

Een website maken

Ontwerp en beheer je website met slimmme functionaliteiten.

Accountinstellingen wijzigen

Inlogproblemen

Accountbeheer

Naar een Premiumpakket upgraden

Facturering voor Premiumpakketten

Facturering voor domeinen

Facturering voor zakelijke e-mail van Google Workspace

Abonnementsbeheer

Kosten, betalingen en belasting

Facturen voor Wix-diensten

Promoties en vouchers gebruiken

Facturering en premium abonnementen

Bekijk de instellingen van je account, beheer je abonnementen en Premiumpakketten, en krijg inzicht in je facturen.

Account en facturering

Beheer abonnementen, pakketten en facturen.

Websitebeheer via de Wix-app

Mobiele apps basis

Een eigen mobiele app aanpassen

Een eigen mobiele app beheren

Een eigen mobiele app ter goedkeuring indienen

Een eigen mobiele app maken

Mobiele apps voor je klanten

Gebruik de Wix-app om je bedrijf efficiënt te runnen, interactie aan te gaan met bezoekers, en een community op te bouwen.

De mobiele Wix-apps gebruiken

Run je bedrijf en kom in contact met leden.