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

Leer hoe je de toegankelijkheid van je Wix-website kunt verbeteren door gebruik te maken van ingebouwde functies zoals toetsenbordfunctionaliteit en ARIA-attributen. Deze checklist helpt je bij het aanpassen van inhoud en elementen om te voldoen aan de toegankelijkheidseisen in jouw regio. Vergeet niet dat je als website-eigenaar verantwoordelijk bent voor de naleving van lokale wetgeving en dat het raadzaam is om een toegankelijkheidsaudit uit te laten voeren door een lokale adviseur.

<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

Ontdek hoe je met Wix templates met ingebouwde toegankelijkheidsfuncties een website kunt bouwen die toegankelijk is voor alle bezoekers, ongeacht hun mogelijkheden. Deze templates bieden standaard functies zoals toegankelijke kopstructuren en kleurcontrasten. Leer ook hoe je je website verder kunt optimaliseren voor toegankelijkheid met behulp van onze checklist en tips voor het toevoegen van elementen zoals ARIA-labels en alt-tekst.

<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

Stel de taal van je website in om ervoor te zorgen dat ondersteunende technologieën, zoals schermlezers, de inhoud correct interpreteren. Dit artikel legt uit hoe je de hoofdtaal kunt beheren en controleren, zowel voor eentalige als meertalige sites. Door de juiste taal in te stellen, verbeter je de toegankelijkheid en gebruikerservaring van je website. Ontdek ook tips voor het aanpassen van taalmenu's en het optimaliseren van je site voor alle bezoekers.

<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="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="site-language-and-accessibility" 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="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-and-setting-the-language-of-a-single-language-site" 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="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-a-sites-language-in-the-accessibility-wizard" level="3">De taal van een website wijzigen in de Toegankelijkheidswizard</h2></div><div data-component-type="text"><div>Je kunt worden gevraagd om de taal van een eentalige website te wijzigen in de Toegankelijkheidswizard van je websitebouwer. Zelfs als je de taal eerder hebt ingesteld, kun je de taak in de wizard nog steeds gebruiken om deze te controleren en 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 data-slug="Wix-Harmony-editor" class="tab-heading heading-2">Wix Harmony-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>Klik in de wizard rechts 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 op <strong>Taal hoofdwebsite instellen</strong>.</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="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/2025/03/21/0688ecea-df8c-43b7-b556-a73940b08269/73243628-728f-425f-abf1-9eb468b68074.jpg" alt="De taalinstelling van een website in één taal in de wizard in de Wix Editor. Engels is geselecteerd." /></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 op <strong>Taal hoofdwebsite instellen</strong>.</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="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/2025/03/21/5b486f80-0afb-49fa-aebc-79e162470db5/b1449de8-fa0d-4612-9cde-34a5cb99413b.jpg" alt="De taalinstelling van een website in één taal in de wizard in de Studio Editor. Engels is geselecteerd." /></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 linksboven in de editor op de naam van je website.</li>  <li>Scrol omlaag naar <strong>Toegankelijkheid</strong> en klik op <strong>Problemen oplossen</strong>.</li>  <li>Klik op <strong>Website scannen</strong>.</li>  <li>Open de <strong>Websiteniveau</strong>-dropdown.</li>  <li>Klik naast <strong>Oorspronkelijke taal</strong> op<strong> Bewerken</strong>.</li>  <li>Selecteer de betreffende taal in de dropdown.</li>  <li>Klik op <strong>Toepassen</strong>.</li></ol></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-languages-on-a-multilingual-site" 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 kunnen schakelen tussen talen. 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>Aangezien 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 door te gaan met het verbeteren van je website 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="faqs" 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 <a data-composite="true" href="https://support.wix.com/nl/article/wix-multilingual-wix-multilingual-toevoegen-en-instellen" target="">tijdens het instellen</a> is gekozen, 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 de tekst van je website t...

Toegankelijkheid: Je websitestructuur voorbereiden

Leer hoe je HTML-tags aan de tekst van je website kunt toevoegen om de structuur en toegankelijkheid te verbeteren. Dit helpt zowel webbrowsers als schermlezers om de inhoud logisch te organiseren, wat resulteert in een betere gebruikerservaring. Ontdek de richtlijnen voor het gebruik van koppen en hoe je deze kunt toepassen in de Wix Editor, Studio Editor en Wix Harmony Editor. Verbeter de toegankelijkheid van je site en maak het gemakkelijker voor bezoekers om door je inhoud te navigeren.

<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 de tekst van je website 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="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">Lees meer over het organiseren van de volgorde van je website</a>.</div>  </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="recommendations-for-preparing-text" 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="adding-html-tags-to-text-from-your-editor" level="3">HTML-tags aan tekst toevoegen vanuit je editor</h2></div><div data-component-type="text"><div>Voeg HTML-tags toe aan websitetekst om de hiërarchie te definiëren. Als je een website bouwt met de Wix Editor, kun je de tag selecteren in de tekstinstellingen. Als je met de Studio Editor werkt, kun je deze vinden in het Inspector-paneel. De optie is ook beschikbaar in de ontwerpopties van tekst in de Wix Harmony Editor.</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 data-slug="Wix-Harmony-editor" class="tab-heading heading-2">Wix Harmony-editor</div></div><div class="tab-contents-wrapper"><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 Tekstinstellingen-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>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" />.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/14/dd81bf04-8e02-4bcb-a60d-53420e223ab8/312b0d94-771d-4beb-80b2-93da462fe8cf.png" alt="A cropped view showing the cursor clicking to open the Inspector panel in the Studio Editor." /></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><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 relevante tekstelement. </li>  <li>Klik in de actiebalk op het <strong>Alle ontwerpopties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/feb7aa40-8c59-435a-9b2b-11fe0c816464/0b77a35e-45a0-40bb-b2b4-89aef75f5ceb.png" />.</li>  <li>Klik op <strong>SEO en toegankelijkheid</strong>.</li>  <li>Selecteer een HTML-tag in de dropdown.</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/2026/02/10/c2277067-9dd5-4693-81eb-95a5acfde503/93a3b296-5c7c-4b6f-93dd-93f17f732080.png" alt="Het ontwerpopties-paneel staat open voor tekst in de Harmony-editor. De cursor klikt op de HTML-tag-dropdown." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-html-tags-to-text-from-the-accessibility-wizard" level="3">HTML-tags aan tekst toevoegen vanuit de Toegankelijkheidswizard</h2></div><div data-component-type="text"><div>Scan een website met de Toegankelijkheidswizard om tags op je tekstelementen te vinden en aan te passen. De wizard is beschikbaar in al onze websitebouwers, zodat je de toegankelijkheid van elke website waaraan je werkt kunt verbeteren.</div></div><div data-component-type="text"><div>Voor de meeste tekst kun je wijzigingen aanbrengen binnen de wizard zelf. Sommige tekstelementen (bijvoorbeeld: app-tekst) zijn momenteel niet volledig geïntegreerd met de wizard en moeten mogelijk handmatig worden aangepast.</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 data-slug="Wix-Harmony-editor-2" class="tab-heading heading-2">Wix Harmony-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>.</li>  <li>Selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Selecteer <strong>Website scannen</strong>.</li>  <li>Klik op het <strong>Gedetecteerde problemen</strong>-tabblad.</li>  <li>Selecteer de betreffende pagina.</li>  <li>Klik op <strong>Koptekst ordenen</strong>.</li>  <li>Selecteer het relevante tekstelement.</li>  <li>Afhankelijk van of de tekst in de wizard wordt ondersteund, volg je een van de onderstaande methoden: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kies de tag in de wizard </h4><div class="collapsible-content"><div>Wijzig de tag van de tekst snel vanuit de Toegankelijkheidswizard:</div><ol>
  <li>Klik op de <strong>Koptekst</strong>-dropdown. </li>  <li>Selecteer de relevante tag in de dropdown.</li>  <li>Klik op <strong>Toepassen</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pas de tag handmatig aan</h4><div class="collapsible-content"><div>Als de tekst niet wordt ondersteund in de Toegankelijkheidswizard, kun je de structuur handmatig ordenen vanuit het Instellingen-paneel in je editor:</div><ol>
  <li>Klik op het tekstelement in je editor.</li>  <li>Klik op het <strong>Instellingen</strong>-pictogram <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeiaikwc2ET8xMVO6RMGJbo5rgoSe2UByR7ecqRL1OEWUe1bWE1r2hpylmFEX1ivDNoPv0A78_yb6oo_ahppvM0QZF8ahKqb9q3rtedNLd2eCENyjQjt6qhUSLQshI_PtXAEPzmw2u6YIE6UGVA7CtdrZs?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Ga naar <strong>SEO en toegankelijkheid</strong>.</li>  <li>Klik op de <strong>Kopteksttag wijzigen</strong>-dropdown en selecteer de nieuwe tag.</li>  <li>Sla de website op.</li>  <li>Klik in de Toegankelijkheidswizard op<strong> Opnieuw scannen</strong> om de wijzigingen te zien.</li></ol></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/2025/06/03/f2fa2094-ee0d-4619-8cf2-5c301e2df718/7c39a67b-b080-4615-b25d-f6ec97418db7.jpg" alt="Er is een nieuwe koptag geselecteerd voor een tekstelement. De cursor klikt op Toepassen." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Klik links in de editor op <strong>Website Checker</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" /><strong></strong>.</li>  <li>Selecteer <strong>Toegankelijkheidsproblemen</strong> <strong>oplossen</strong>.</li>  <li>Klik op <strong>Website scannen</strong>.</li>  <li>Klik op het <strong>Gedetecteerde problemen</strong>-tabblad.</li>  <li>Selecteer de betreffende pagina.</li>  <li>Klik op <strong>Koptekst ordenen</strong>.</li>  <li>Selecteer het relevante tekstelement.</li>  <li>Afhankelijk van of de tekst in de wizard wordt ondersteund, volg je een van de onderstaande methoden: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kies de tag in de wizard</h4><div class="collapsible-content"><div>Wijzig de tag van de tekst snel vanuit de Toegankelijkheidswizard:</div><ol>
  <li>Klik op de <strong>Koptekst</strong>-dropdown. </li>  <li>Selecteer de relevante tag in de dropdown.</li>  <li>Klik op <strong>Toepassen</strong>.</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/2025/05/14/e1bda61c-dd11-44c9-948e-72311ce65f6f/d70ebf2f-faa6-4e7b-9946-b2db08d80980.png" alt="Er is een tag geselecteerd voor een tekstelement in de Wizard. De cursor klikt op Toepassen." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pas de tag handmatig aan</h4><div class="collapsible-content"><div>Als het tekstelement niet wordt ondersteund in de Toegankelijkheidswizard, organiseer dan de structuur in je editor. Afhankelijk van het element kun je deze optie mogelijk wijzigen vanuit het Inspector-paneel of in de instellingen van het element:</div><ul>
  <li><strong>Inspector-paneel:</strong>
    <ol>
      <li>Klik op de tekst.</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" />.<br /><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/04/30/f8aec80d-8cb5-4a27-b08a-b5cd0a433670/8dc420cf-7486-42bb-b9bb-962eac7046b5.png" alt="The Open Inspector icon is highlighted and being clicked by the cursor." /></li>      <li>Ga naar <strong>Instellingen HTML-tag</strong>.</li>      <li>Klik op de <strong>HTML-tag</strong>-dropdown en selecteer de nieuwe tag.</li>      <li>Sla de website op.</li>      <li>Klik in de Toegankelijkheidswizard op<strong> Opnieuw scannen</strong> om de wijzigingen te zien.</li>    </ol>  </li>  <li><strong>Instellingen-paneel:</strong>
    <ol>
      <li>Klik op het tekstelement.</li>      <li>Klik op <strong>Instellingen</strong> (of het <strong>Instellingen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/06/14/6e4cf309-27f4-4f22-adf4-8a087130bbda/7e5f593f-189e-49db-b4a6-b3fb6169a778.png" />).</li>      <li>Ga naar <strong>SEO en toegankelijkheid</strong>.</li>      <li>Klik op de <strong>Kopteksttag wijzigen</strong>-dropdown en selecteer de nieuwe tag.</li>      <li>Sla de website op.</li>      <li>Klik in de Toegankelijkheidswizard op<strong> Opnieuw scannen</strong> om de wijzigingen te zien.</li>    </ol>  </li></ul></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 linksboven in de editor op de naam van je website.</li>  <li>Scrol omlaag naar Toegankelijkheid en klik op <strong>Problemen oplossen</strong>.</li>  <li>Klik op <strong>Website scannen</strong>.</li>  <li>Klik op de pagina waaraan je wilt werken.</li>  <li>Klik op <strong>Koptekst ordenen</strong>.</li>  <li>Klik naast het betreffende tekstelement op het <strong>Bewerken</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/11/13/b23a64a4-9948-4313-994b-78f2420a3d8b/2461bd2e-7503-4e85-8be6-e44480e24e4f.png" /><strong></strong>.</li>  <li>Afhankelijk van of de tekst in de wizard wordt ondersteund, volg je een van de onderstaande methoden: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kies de tag in de wizard</h4><div class="collapsible-content"><div>Wijzig de tag van de tekst snel vanuit de Toegankelijkheidswizard:</div><ol>
  <li>Klik op de <strong>Selecteer een koptekst</strong>-dropdown. </li>  <li>Selecteer de relevante tag in de dropdown.</li>  <li>Klik op <strong>Toepassen</strong>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pas de tag handmatig aan</h4><div class="collapsible-content"><div>Als de tekst niet wordt ondersteund in de Toegankelijkheidswizard, organiseer dan de structuur handmatig vanuit je editor. Voor de meeste tekstelementen kun je de kopteksttag wijzigen vanuit de ontwerpopties. Voor tekstelementen die deel uitmaken van apps (Wix Stores, Wix Forms, enzovoort) kun je mogelijk de tag wijzigen vanuit de instellingen.</div><ul>
  <li><strong>Gewone tekst:</strong>
    <ol>
      <li>Klik op het tekstelement in je editor.</li>      <li>Klik in de actiebalk op het <strong>Alle ontwerpopties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/feb7aa40-8c59-435a-9b2b-11fe0c816464/0b77a35e-45a0-40bb-b2b4-89aef75f5ceb.png" alt="undefined" />.</li>      <li>Klik op <strong>SEO en toegankelijkheid</strong>.</li>      <li>Selecteer een HTML-tag in de dropdown.</li>      <li>Klik op <strong>Toepassen</strong>.</li>      <li>Klik in de Toegankelijkheidswizard op<strong> Opnieuw scannen</strong> om de wijzigingen te zien.</li>    </ol>  </li>  <li><strong>App-tekst:</strong>
    <ol>
      <li>Klik in je editor op de app-widget.</li>      <li>Klik in de actiebalk op het <strong>Instellingen</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/09/21/e59ca9ff-f6d2-4300-aa36-6e4be4c3705a/f976a779-4e8a-4176-af07-d0a1d26cb68a.png" />.</li>      <li>Klik op het <strong>Ontwerp</strong>-tabblad.</li>      <li>Selecteer het relevante tekstelement.</li>      <li>Klik op <strong>SEO en toegankelijkheid</strong>.</li>      <li>Selecteer een HTML-tag in de dropdown.</li>      <li>Klik op <strong>Toepassen</strong>.</li>      <li>Klik in de Toegankelijkheidswizard op<strong> Opnieuw scannen</strong> om de wijzigingen te zien.</li>    </ol>  </li></ul></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/2026/02/10/b7c6fca3-3be7-41a2-a36b-7bc735c6e0a6/23107340-f843-4650-b667-6e0bdfd3f5ef.png" alt="De structuur-instellingen zijn open voor een pagina in de wizard. Er is een HTML-tag geselecteerd en de cursor klikt op Toepassen." /></div></div></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 je website op het gebied van toegankelijkheid.</div></div></div></div>

Identificeer en los toegankelijkheidsproblemen op een Wix-website op met de Toegankelijkheidswizard. Deze tool scant de website en geeft twee tabbladen weer die je moet invullen: 
  Gevonden problemen...

Toegankelijkheid: De Toegankelijkheidswizard gebruiken

Ontdek hoe je toegankelijkheidsproblemen op je Wix-website kunt identificeren en oplossen met de Toegankelijkheidswizard. Deze handige tool scant je site en biedt oplossingen voor gedetecteerde problemen, evenals handmatige taken die je moet uitvoeren om de toegankelijkheid te verbeteren. Volg de aanbevelingen om ervoor te zorgen dat je website voor iedereen toegankelijk is en raadpleeg een expert voor naleving van lokale toegankelijkheidswetten.

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

Leer hoe je de DOM-volgorde van je website optimaliseert in de Wix Editor en Studio Editor om een betere navigatie-ervaring voor bezoekers te garanderen. Dit artikel legt uit waarom een logische DOM-volgorde belangrijk is voor gebruikers van schermlezers en de Tab-toets, en biedt stappen om de volgorde handmatig aan te passen of automatisch te organiseren via de Toegankelijkheidswizard. Zorg ervoor dat je website toegankelijk is voor iedereen!

<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="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Dit artikel verwijst naar het optimaliseren van de DOM-volgorde voor websites die je bouwt in de Wix Editor en Studio Editor. <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-met-dom-volgorde-werken" target="">Klik hier</a> om meer te lezen over het werken met de DOM-volgorde in de Wix Harmony-editor.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-sites" 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. 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="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-dom-order-is-important" level="3">Waarom de DOM-volgorde belangrijk is</h2></div><div data-component-type="text"><div>Het is mogelijk dat sommige websitebezoekers 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 de website testen?</div><div class="info-content"><div>Je kunt de automatische DOM-volgorde van een website testen door de Tab-toets van je toetsenbord te gebruiken of een schermlezer op 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="auto-dom-in-the-accessibility-wizard" level="3">Automatische DOM in de Toegankelijkheidswizard</h2></div><div data-component-type="text"><div>Wanneer je de Toegankelijkheid-wizard opent in de Studio Editor, zie je mogelijk de optie om de DOM-volgorde automatisch te ordenen. 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#disabling-auto-dom" target="">automatische DOM op de website uitgeschakeld</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manually-changing-the-dom-order-of-a-site" 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, kun je deze handmatig aanpassen 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 te wijzigen op Wix Editor-websites. 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>Omdat 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="">Toegankelijkheidswizard</a>. Je kunt de DOM-volgorde van elementen dan 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-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>Klik bovenaan op <strong>Instellingen </strong>en selecteer <strong>Toegankelijkheidswizard</strong>. </li>  <li>Selecteer <strong>Website scannen</strong> in de wizard rechts.</li>  <li>Klik op het <strong>Gedetecteerde problemen</strong>-tabblad.</li>  <li>Selecteer <strong>Websiteniveau</strong>.</li>  <li>Klik op <strong>DOM-volgorde organiseren</strong>.</li>  <li>Selecteer <strong>Handmatig</strong>.</li>  <li>Klik op <strong>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/2025/06/03/0098eff9-aa4c-4861-8184-4e4783f158a2/098e6413-5b93-4610-b0f0-26860fd3fa9b.jpg" alt="De DOM-instellingen in de wizard. Handmatig is geselecteerd en de cursor klikt op Toepassen." /></div></div><div data-component-type="text"><ol>
  <li>Selecteer links in de editor <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>Open de mobiele editor 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, elementenstapels of de hele website</a>. Je kunt de volgorde daarna 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><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="site-language-and-dom" level="3">Websitetaal en DOM</h2></div><div data-component-type="text"><div>Verschillende talen hebben verschillende leesrichtingen (bijvoorbeeld: Engels leest van links naar rechts en Hebreeuws leest van rechts naar links. Als je de taal van een website hebt gewijzigd naar een taal met een andere leesrichting, zijn de visuele en DOM-volgorde van elementen mogelijk niet langer uitgelijnd.</div></div><div data-component-type="text"><div>We raden aan de automatische DOM-optie in de Toegankelijkheidswizard in te schakelen om ervoor te zorgen dat de volgorde van elementen overeenkomt met de leesrichting van de websitetaal. </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 website inhoud heeft in zowel talen van links naar rechts als van rechts naar links, raden we aan in plaats daarvan de DOM-volgorde handmatig aan te passen.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om automatische DOM in de wizard in te schakelen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken#scanning-a-site-with-the-accessibility-wizard" target="">Scan de website met de Toegankelijkheidswizard</a>.</li>  <li>Klik op het <strong>Gedetecteerde problemen</strong>-tabblad.</li>  <li>Selecteer <strong>Websiteniveau</strong>.</li>  <li>Klik op <strong>DOM-volgorde organiseren</strong>.</li>  <li>Selecteer<strong> Automatisch (aanbevolen)</strong>.</li>  <li>Klik op <strong>Toepassen</strong>.</li>  <li>(Optioneel) Controleer de visuele weergave van website-elementen om er zeker van te zijn dat ze zijn uitgelijnd.</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"><ul>
  <li>Deze optie kan de visuele weergave van elementen wijzigen, dus we raden aan de wijzigingen te bekijken om er zeker van te zijn dat de website eruitziet zoals jij wilt.</li>  <li>Deze functie ondersteunt niet alle websitecomponenten en mogelijk moet je hun leesrichting handmatig aanpassen.</li></ul></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/2025/08/11/fe4e25d2-2c0d-408f-819c-0a0d0fa13ab9/e84290f2-ef78-44c3-adeb-b53481e5b1d3.png" alt="De DOM-volgorde organiseren-dropdown is geopend in de wizard. De cursor klikt op 'Automatisch'." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Ben je van gedachten veranderd?</div><div class="info-content"><div>Je kunt de automatische DOM-volgorde vanuit je editor terugdraaien:</div><ul>
  <li><strong>Wix Editor:</strong> Klik op het <strong>Ongedaan maken</strong>-pictogram <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXev3RlsXu8Ztn3REDYoVOB6OBPieQLKahXHelulLElTvP10koaO48cSHz1PjEB4VU68QxBN62iBqARvsG8b5JGMphtol2z9A24s6L7Lc0iehQRBliNj1Fx85UuYQhNey1Ti7ywtl4m6T_Fpe-i7bTMDRNXb?key=dRllTO6NEoYu0-D1JuBE8A" /> in de <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-de-editor-menus-gebruiken#the-top-bar-menu">bovenste balk van je editor</a>. <br />
<strong>Let op:</strong> Deze optie is alleen van toepassing als de laatste actie die je hebt ondernomen het automatisch reorganiseren van de DOM-volgorde was. </li>  <li><strong>Studio Editor:</strong> Herstel een vorige versie van de website <a data-composite="true" href="https://support.wix.com/nl/article/websitegeschiedenis-bekijken-en-beheren?tabs=Studio-Editor" target="">vanuit de websitegeschiedenis</a>.</li></ul></div></div></div>

Bezoekers met visuele aandoeningen of problemen kunnen het moeilijk vinden om het verschil te zien tussen de voorgrond en achtergrond van de pagina's van een website. Daarom raden we aan het kleurcont...

Toegankelijkheid: Tekst en afbeeldingen voorbereiden

Verbeter de toegankelijkheid van je website door het kleurcontrast tussen tekst en achtergrond te optimaliseren. Leer hoe je de juiste contrastverhoudingen kunt instellen voor verschillende elementen, zodat bezoekers met visuele beperkingen de inhoud gemakkelijker kunnen waarnemen. Ontdek ook hoe je kleurcodes kunt vinden en aanpassen in de Wix Editor of Studio Editor, en gebruik de Toegankelijkheidswizard om mogelijke problemen te identificeren en op te lossen.

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

Toegankelijkheid: Afbeeldingen en galerijen voorbereiden

Leer hoe je alt-tekst toevoegt aan afbeeldingen op je Wix-website om deze toegankelijk te maken voor bezoekers met visuele beperkingen. Dit artikel biedt richtlijnen voor het schrijven van effectieve alt-tekst, het toevoegen ervan via verschillende editors, en het gebruik van de Toegankelijkheidswizard. Door alt-tekst correct toe te voegen, verbeter je niet alleen de toegankelijkheid van je site, maar ook de SEO-prestaties.

Bezoekers van de website kunnen een of meer aandoeningen hebben die van invloed zijn op hun zicht, gehoor of beide. Dit kan op zijn beurt invloed hebben op hoe ze media-inhoud gebruiken en begrijpen (...

Toegankelijkheid: Video's en audio toegankelijk maken

Zorg ervoor dat je media-inhoud toegankelijk is voor alle bezoekers, inclusief degenen met visuele of auditieve beperkingen. Dit artikel leert je hoe je de toegankelijkheid van media op je website kunt verifiëren met de Toegankelijkheidswizard en biedt alternatieven zoals tekstbeschrijvingen, audiobeschrijvingen en ondertiteling. Door deze stappen te volgen, verbeter je de gebruikerservaring en zorg je ervoor dat iedereen toegang heeft tot je inhoud.

<div data-component-type="text"><div>Bezoekers van de website kunnen een of meer aandoeningen hebben die van invloed zijn op hun zicht, gehoor of beide. Dit kan op zijn beurt invloed hebben op hoe ze media-inhoud gebruiken en begrijpen (bijvoorbeeld: video's, audiotracks). </div></div><div data-component-type="text"><div>Het is daarom essentieel om de toegankelijkheid van de media op de website te controleren en bezoekers andere manieren te bieden om toegang te krijgen tot de inhoud. Gebruik dit artikel om meer te lezen over het verifiëren van de toegankelijkheid van je media en onze aanbevolen alternatieven.</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 de <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/time-based-media" target="_blank">succescriteria voor op tijd gebaseerde media</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="verifying-media-accessibility" level="3">Toegankelijkheid van media verifiëren</h2></div><div data-component-type="text"><div>Je kunt <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-over-de-toegankelijkheidswizard-in-de-wix-editor" target="">de Toegankelijkheidswizard</a> gebruiken om de toegankelijkheid van media op een website te controleren en te verbeteren. De wizard lokaliseert deze elementen voor je en biedt handige aanbevelingen op basis van het mediatype (bijvoorbeeld: alleen audio, alleen video, enzovoort). </div></div><div data-component-type="heading"><h2 id="" level="4">Om media te verifiëren in de Toegankelijkheidswizard:</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>Scan je website met de wizard:
    <ul>
      <li><strong>Wix Editor:</strong>
        <ol>
          <li>Klik bovenaan op <strong>Instellingen </strong>en selecteer <strong>Toegankelijkheidswizard</strong>. </li>          <li>Klik rechts in het Toegankelijkheidswizard-paneel op <strong>Website scannen</strong>. </li>        </ol>      </li>      <li><strong>Studio Editor:</strong>
        <ol>
          <li>Klik links in je 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" /><strong></strong>.</li>          <li>Selecteer <strong>Toegankelijkheidsproblemen oplossen</strong>. </li>          <li>Klik op <strong>Website scannen</strong>.</li>        </ol>      </li>    </ul>  </li>  <li>Klik op het <strong>Gedetecteerde problemen</strong>-tabblad.</li>  <li>Selecteer een websitepagina-dropdown in het paneel.</li>  <li>Klik op <strong>Controleer of mediabestanden toegankelijk zijn</strong>.</li>  <li>Klik op het mediabestand en selecteer het relevante bestandstype uit de opties:
    <ul>
      <li><strong>Alleen audio:</strong> Het bestand bevat geen visuele elementen en is puur audio (bijvoorbeeld: een opname van een nummer).</li>      <li><strong>Alleen video:</strong> De media is alleen visueel bevat geen geluiden (bijvoorbeeld: een GIF).</li>      <li><strong>Video met audio:</strong> De media bevatten zowel visuele als hoorbare elementen (bijvoorbeeld: een vlog)</li>      <li><strong>Decoratief video- of audiobestand:</strong> Het bestand biedt geen belangrijke informatie en is puur decoratief.</li>    </ul>  </li>  <li>Controleer de vereisten en werk het element indien nodig bij.</li>  <li>Klik wanneer je klaar bent in de wizard op <strong>Bevestigen</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/2025/08/05/53066051-c5a5-417e-85c7-cd8e48334046/d52387b1-7d5d-4420-8ad5-8c5de48d2b03.png" alt="De mediataak is geopend in de wizard op een Studio Editor-website. De cursor klikt op de decoratieve optie." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="text-descriptions" level="3">Tekstbeschrijvingen</h2></div><div data-component-type="text"><div>Tekstbeschrijvingen bieden belangrijke informatie over de inhoud van het bestand. Ze worden over het algemeen toegevoegd aan media met alleen video en audio, wat handig kan zijn voor bezoekers met aandoeningen die van invloed zijn op hun zicht of gehoor. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/media-alternative-prerecorded" target="_blank">Lees meer over tekstbeschrijvingen voor media</a></div></div><div data-component-type="heading"><h2 id="adding-text-descriptions-to-video-without-sound" level="4">Tekstbeschrijvingen zonder geluid aan video toevoegen</h2></div><div data-component-type="text"><div>Als een website GIF's of video's zonder geluid bevat, hebben bezoekers met zichtgerelateerde aandoeningen 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. Schermlezers kunnen deze tekst dan hardop voorlezen aan een gebruiker en hen informeren over de inhoud van het mediabestand. </div></div><div data-component-type="text"><div>De tekstbeschrijving van deze GIF zou bijvoorbeeld kunnen zijn: Een GIF van de zon met het woord 'Nieuw' er knipperend overheen.</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="heading"><h2 id="adding-text-descriptions-to-audio-files" level="4">Tekstbeschrijvingen aan audiobestanden toevoegen</h2></div><div data-component-type="text"><div>Tekstbeschrijvingen voor alleen-audio-bestanden moeten een transcriptie bevatten van alle gesproken communicatie en beschrijvingen van eventuele andere toetsklanken (bijvoorbeeld: muziek). Dit zorgt ervoor dat dove of slechthorende bezoekers toegang hebben tot het bestand 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 dan onder of boven het audiobestand te linken. </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="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="audio-descriptions" level="3">Audiobeschrijvingen</h2></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>Dit kan essentieel zijn voor bezoekers die afhankelijk zijn van audio om toegang te krijgen tot media-inhoud en deze te begrijpen. We raden daarom aan audiobeschrijvingen toe te voegen aan video's, zowel met als zonder geluid.</div></div><div data-component-type="text"><div>Als de video geluid bevat, moet de audiobeschrijving tussen dialoog en andere audio worden geplaatst om ervoor te zorgen dat het publiek alles 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://www.w3.org/WAI/WCAG21/Uunderstanding/audio-description-prerecorded" target="_blank">Lees meer over audiobeschrijvingen</a>.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="video-captions" level="3">Videobijschriften</h2></div><div data-component-type="text"><div>Videobijschriften zijn een belangrijk onderdeel van het toegankelijk maken van inhoud voor publiek met aandoeningen die van invloed zijn op hun gehoor of cognitieve processen. We raden aan ze toe te voegen aan alle video-inhoud — vooraf opgenomen of live gestreamd.</div></div><div data-component-type="heading"><h2 id="adding-closed-captions-to-pre-recorded-videos" level="4">Ondertiteling toevoegen aan vooraf opgenomen video's</h2></div><div data-component-type="text"><div>Ondertitels zijn niet alleen ondertitels. Net als tekstbeschrijvingen bevatten ze ook 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/WCAG21/Understanding/captions-prerecorded" target="_blank">Lees meer over vooraf opgenomen video-bijschriften</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="heading"><h2 id="adding-captions-to-live-streamed-events" level="4">Ondertiteling toevoegen aan live gestreamde evenementen</h2></div><div data-component-type="text"><div>Het toevoegen van ondertiteling aan live videofeeds kan evenementen toegankelijker maken voor bezoekers met hoor- en gehoorproblemen. Er zijn twee methoden om ondertiteling toe te voegen aan live evenementen die op een website worden gestreamd: via script of live ondertiteling. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/captions-live" target="_blank">Lees meer over het ondertitelen van live video's</a>.</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><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 waar mogelijk ondertiteling in meerdere talen te bieden, omdat ze ook handig zijn voor kijkers die mogelijk de taal in de video niet spreken.</div></div></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

Leer hoe je de beweging en automatisch afgespeelde inhoud op je website kunt minimaliseren om de toegankelijkheid voor bezoekers met cognitieve of neurologische aandoeningen te verbeteren. Ontdek de impact van scrolleffecten en automatisch afspelen, en krijg aanbevelingen om deze te beperken. Volg de richtlijnen van het W3C en zorg ervoor dat je website gebruiksvriendelijk is voor iedereen.

<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

Zorg ervoor dat je website toegankelijk is voor bezoekers die zoomtools gebruiken, zoals mensen met een visuele handicap. Leer hoe je de zoom van je website kunt controleren en optimaliseren, zodat alle inhoud duidelijk en leesbaar is bij 200% zoom. Ontdek tips om problemen met vastgezette elementen en inhoud buiten de rasterlijnen op te lossen, zodat je bezoekers een betere ervaring hebben. Volg de stappen in de Toegankelijkheidswizard om je website te verbeteren en markeer taken als voltooid.

<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

Leer hoe je formulieren kunt maken die toegankelijk zijn voor alle bezoekers, zodat ze eenvoudig informatie kunnen indienen en lid kunnen worden van je mailinglijst. Dit artikel biedt stappen om veldtitels weer te geven, deze duidelijk te definiëren, het ontwerp van je formulier aan te passen en visuele indicatoren in te schakelen. Door deze tips te volgen, verbeter je de gebruikservaring op je website en zorg je ervoor dat iedereen kan navigeren en communiceren.

<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="informative"><div class="info-container" info-color="orange"><div class="info-title">Belangrijk:</div><div class="info-content"><div>Oude Wix Forms-formulieren zijn niet toegankelijk. Als je aan de toegankelijkheidsregelgeving moet voldoen, schakel dan over naar het <a data-composite="true" href="https://support.wix.com/nl/article/wix-forms-het-verschil-tussen-het-nieuwe-en-het-oude-wix-forms" target="">nieuwe Wix Forms</a>.</div></div></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> op status (Standaard, Aanwijzen en Fout) kan een logische visuele ervaring creëren. We raden aan het ontwerp aan te passen voor bijvoorbeeld de Aanwijzen-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 in de toegankelijkheid van websites</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 te blijven verbeteren. </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

Helaas is het momenteel niet mogelijk om de tab- en DOM-volgorde van pagina-inhoud voor verschillende talen aan te passen, zoals voor talen die van rechts naar links worden gelezen. We waarderen jouw feedback en werken voortdurend aan verbeteringen. Als je deze functie in de toekomst wilt zien, stem dan op deze functie en blijf op de hoogte van updates.

<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>

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

Toegankelijkheid: Websitenavigatie

Ontdek hoe je de navigatie op je Wix-website kunt verbeteren door websitemenu's en een zoekbalk toe te voegen. Leer hoe je deze elementen kunt installeren en aanpassen, zodat bezoekers gemakkelijk door je inhoud kunnen navigeren. Consistente navigatie op alle pagina's verhoogt de toegankelijkheid en gebruiksvriendelijkheid van je site, wat resulteert in een betere ervaring voor je bezoekers.

<div data-component-type="text"><div>Websitenavigatie is de manier waarop bezoekers door de pagina's en inhoud van de website bewegen. Een website moet meerdere, consistente navigatiemethoden hebben, omdat dit de website toegankelijk kan maken voor een breder publiek. Sommige bezoekers vinden het bijvoorbeeld prettiger om te klikken en anderen vinden het prettiger om te typen.</div></div><div data-component-type="text"><div>Er zijn momenteel 2 navigatiemethoden beschikbaar die je kunt toevoegen aan een Wix-website: websitemenu's en de Site Search.</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 volgens het <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Web Content Accessibility Guidelines (WCAG)-document</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="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-site-menu" level="3">Een websitemenu toevoegen</h2></div><div data-component-type="text"><div>Websitemenu's zijn een populaire navigatiemethode en worden meestal in de kop- of voettekst van een website geplaatst. Gebruik ze om pagina's, onderdelen en links weer te geven, zodat bezoekers website-inhoud kunnen vinden en openen.</div></div><div data-component-type="text"><div>De meeste website-templates bevatten al menu's. Je kunt echter ook een menu toevoegen via het <strong>Elementen toevoegen</strong>-paneel in de editor van je website.</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 data-slug="Wix-Harmony-Editor" class="tab-heading heading-2">Wix Harmony 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 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 &amp; Anker</strong>.</li>  <li>Selecteer het type menu dat je wilt gebruiken (horizontaal, verticaal, enzovoort).</li>  <li>Klik op het menu en sleep het 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="Elementen toevoegen in de Wix Editor. Menu &amp; Anker is gemarkeerd en de cursor klikt op een horizontaal menu." /></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>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 &amp; Zoeken</strong>.</li>  <li>Selecteer het type menu dat je wilt gebruiken (horizontaal, verticaal, enzovoort).</li>  <li>Klik op het menu en sleep het 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="Elementen toevoegen in de Studio Editor. Menu &amp; 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><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 linksboven in de editor op <strong>+ Toevoegen</strong>.</li>  <li>Selecteer de <strong>Menu</strong>-categorie.<br />
<strong>Let op: </strong>Klik op het <strong>Pijl</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2025/12/07/584e3364-261a-4c90-a44e-8eb1504bf7e2/c4cf09c2-e2cf-481c-b6fd-a92150cb6437.png" /> naast de categorieën om door de lijst te bladeren.</li>  <li>Kies het menutype dat je wilt gebruiken (websitemenu of aangepast menu).</li>  <li>Klik op het menu en sleep het 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/2026/02/11/ad8becb7-44f9-4562-9ebe-46d7692ff363/bf0f5fcd-2cc1-4bef-bba0-59b3bde12de5.png" alt="Het tabblad Menu is geopend in het Toevoegen-paneel. De cursor klikt op een horizontaal menu om het aan de website toe te voegen." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-site-search" level="3">Een zoekbalk toevoegen</h2></div><div data-component-type="text"><div>Met Site Search kunnen bezoekers specifieke inhoud of informatie vinden via een zoekbalk, waarna de resultaten in een lijst worden weergegeven. Dit kan de toegankelijkheid verbeteren, omdat bezoekers niet door de inhoud hoeven te klikken of te scrollen om te vinden wat ze zoeken.</div></div><div data-component-type="text"><div>Installeer Wix Site Search via het <strong>Elementen toevoegen</strong>-paneel in je editor. Als je het al eerder hebt geïnstalleerd, kun je een nieuwe zoekbalk toevoegen.</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 data-slug="Wix-Harmony-Editor-2" class="tab-heading heading-2">Wix Harmony 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 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 &amp; Anker</strong>.</li>  <li>Selecteer <strong>Wix Site Search</strong>.</li>  <li>Voeg het toe aan de website:
    <ol>
      <li>(Indien je dit voor de eerste keer installeert) Klik op <strong>Aan website toevoegen</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcrZJ7ls2yKCv1uvXeLZCbudmC8gjaVk84R7xHn7HoGmzVDeqZ3NQdnCldUbhrk0AN4v07WmK49Y2o2Nwynv68UknnIhL_mNEFOSlcITjraeFTYNjnI9Z2qNUuV6zBTtY1Y4Zmh?key=k_2EM6zsnpqJcxQF7aCXIg" />.</li>      <li>Klik op de door jou gekozen zoekbalk en sleep deze om hem aan de website toe te voegen.</li>    </ol>  </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/12/02/8e38590b-5cea-4649-901c-4d213dda9efb/8e451a50-f4f7-4d8b-b000-ffc2be02e290.jpg" alt="Elementen toevoegen in de Wix Editor. Wix Site Search is gemarkeerd en de cursor klikt om het aan de website toe te voegen." /></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>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 &amp; Zoeken</strong>.</li>  <li>Selecteer <strong>Wix Site Search</strong>.</li>  <li>Voeg het toe aan de website:
    <ol>
      <li>(Indien je dit voor de eerste keer installeert) Klik op <strong>Aan website toevoegen</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcrZJ7ls2yKCv1uvXeLZCbudmC8gjaVk84R7xHn7HoGmzVDeqZ3NQdnCldUbhrk0AN4v07WmK49Y2o2Nwynv68UknnIhL_mNEFOSlcITjraeFTYNjnI9Z2qNUuV6zBTtY1Y4Zmh?key=k_2EM6zsnpqJcxQF7aCXIg" />.</li>      <li>Klik op de door jou gekozen zoekbalk en sleep deze om hem aan de website toe te voegen.</li>    </ol>  </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="Elementen toevoegen in de Studio Editor. Wix Site Search is gemarkeerd en de cursor klikt op het icon om het toe te voegen." /></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 op <strong>+ Toevoegen</strong> linksboven in de editor.</li>  <li>Klik op het <strong>Pijl</strong>-icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2025/12/07/584e3364-261a-4c90-a44e-8eb1504bf7e2/c4cf09c2-e2cf-481c-b6fd-a92150cb6437.png" /> om naar de categorie <strong>Apps</strong> te navigeren.</li>  <li>Gebruik de zoekbalk om naar de Zoekbalk te zoeken.</li>  <li>Klik op <strong>Wix Site Search</strong> en voeg het toe aan de website:
    <ol>
      <li>(Indien je dit voor de eerste keer installeert) Klik op <strong>Aan website toevoegen</strong>.</li>      <li>Klik op de door jou gekozen zoekbalk en sleep deze om hem aan de website toe te voegen.</li>    </ol>  </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/2026/02/11/55ae31d3-9628-407b-95d7-b483bdcade6d/cc27e368-644f-47cf-a1e1-6ca130242fa7.png" alt="Het tabblad Apps is geopend in het Toevoegen-paneel. De cursor klikt op de Wix Site Search-app." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Goed om te 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 of inhoud kunnen niet worden gevonden door de Site Search</a>.</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"><div><a data-composite="true" href="https://support.wix.com/nl/article/wix-site-search-toevoegen-en-instellen" target="">Stel de Site Search in</a> zodat deze eruitziet en werkt zoals jij wilt.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="consistent-site-navigation" level="3">Consistente websitenavigatie</h2></div><div data-component-type="text"><div>Zodra je websitenavigatiemethoden hebt toegevoegd, moet je ervoor zorgen dat ze op dezelfde positie zichtbaar zijn op alle pagina's van de website.</div></div><div data-component-type="text"><div>Als je een website bouwt met de Studio Editor, kun je de navigatie-elementen koppelen aan de <a data-composite="true" href="https://support.wix.com/nl/article/studio-editor-master-onderdelen-gebruiken" target="target">koptekst, voettekst of een master-onderdeel</a>.</div></div><div data-component-type="text"><div>Met de Wix Editor kun je navigatie-elementen koppelen aan de <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-elementen-in-je-koptekst-voettekst-en-pagina-plaatsen" target="target">koptekst of voettekst van de website</a>. Als je ze liever in de hoofdinhoud van de pagina weergeeft, kun je ze <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-een-element-op-alle-paginas-weergeven" target="target">instellen om op alle pagina's te tonen</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

Leer hoe je een toegankelijkheidsverklaring voor je website kunt opstellen om aan te geven welke stappen je hebt genomen om deze toegankelijker te maken voor mensen met een handicap. Dit artikel biedt richtlijnen over wat je moet opnemen, zoals de WCAG-normen die je hebt gevolgd en contactinformatie voor je toegankelijkheidscoördinator. Volg de stappen om een speciale pagina toe te voegen en zorg ervoor dat je voldoet aan de lokale wetgeving.

<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

Verbeter de toegankelijkheid van documenten op je website, zodat alle bezoekers ze kunnen bekijken en gebruiken. Leer hoe je PDF- en Word-documenten toegankelijk maakt via hun respectievelijke platforms. Volg de stappen in de toegankelijkheidschecklist om verder te werken aan de toegankelijkheid van je website.

<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 beperking, toegang heeft tot een website, deze kan navigeren en ervan kan genieten. Sommige bezoekers ervaren het internet anders. Het...

Toegankelijkheid: De toegankelijkheid van websites controleren met de toegankelijkheidsmonitor

Ontdek hoe je de toegankelijkheid van je website kunt verbeteren met de Toegankelijkheidsmonitor van Wix. Deze tool scant je live website op mogelijke toegankelijkheidsproblemen en biedt oplossingen via de Toegankelijkheidswizard in de editor. Leer hoe je de monitor gebruikt om ervoor te zorgen dat iedereen, inclusief mensen met een beperking, jouw website kan navigeren en ervan kan genieten. Vergeet niet dat het raadzaam is om een toegankelijkheidsexpert te raadplegen voor naleving van lokale wetgeving.

<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 beperking, toegang heeft tot een website, deze kan navigeren en ervan kan genieten. Sommige bezoekers ervaren het internet anders. Het is belangrijk om websites die je bouwt aan te passen om aan die ervaringen te voldoen.</div></div><div data-component-type="text"><div>Er zijn verschillende manieren om de toegankelijkheid van een website te controleren en te verbeteren met Wix, waaronder de Toegankelijkheidsmonitor. Dit een tool die een live Wix-website scant op mogelijke toegankelijkheidsproblemen en de status weergeeft op het dashboard 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>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="checking-and-using-the-accessibility-monitor" 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 Toegankelijkheidswizard in je editor te openen en deze 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>om de Toegankelijkheidswizard in je editor (Studio Editor of Wix Editor) te openen.</li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-de-toegankelijkheidswizard-gebruiken" target="">Volg de stappen in de wizard</a> om de toegankelijkheid van de 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="faqs" 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>De Toegankelijkheidsmonitor is beschikbaar voor websites die zijn gebouwd in de Wix Editor en in de Studio 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 Toegankelijkheidswizard identificeert problemen met de opgeslagen versie van de 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 de monitor te controleren telkens wanneer je nieuwe wijzigingen op een website publiceert, zodat je de toegankelijkheid kunt blijven verbeteren terwijl je het merk of de inhoud uitbreidt. </div></div></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

Ontdek hoe je de leesbaarheid van tekst op je website kunt verbeteren door de juiste lettertypen te kiezen en toe te voegen. Leer belangrijke richtlijnen voor toegankelijkheid, zoals het gebruik van duidelijke lettertypen, het vermijden van kleine lettergroottes, en het zorgen voor voldoende afstand tussen tekens en woorden. Deze tips helpen je om een gebruiksvriendelijke ervaring te creëren voor alle bezoekers, inclusief die met visuele of leesbeperkingen.

<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>

Er kunnen extra problemen met kleurcontrast zijn op de website die de wizard niet heeft geïdentificeerd. We raden aan het contrast handmatig te controleren om ervoor te zorgen dat website-inhoud duide...

Kleurcontrast beoordelen

Zorg ervoor dat je website toegankelijk is voor alle bezoekers door het kleurcontrast handmatig te controleren. Leer wat kleurcontrast is en waarom het belangrijk is, vooral voor mensen met visuele beperkingen. Ontdek hoe je de Contrast Checker-add-on kunt gebruiken om de juiste kleurverhoudingen te bereiken en pas kleuren aan om aan de toegankelijkheidseisen te voldoen. Dit helpt ervoor te zorgen dat je inhoud duidelijk zichtbaar is voor iedereen.

<div data-component-type="text"><div>Er kunnen extra problemen met kleurcontrast zijn op de website die de wizard niet heeft geïdentificeerd. We raden aan het contrast handmatig te controleren om ervoor te zorgen dat website-inhoud duidelijk en zichtbaar is voor bezoekers.</div></div><div data-component-type="text"><div>Selecteer een vraag om meer te lezen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wat is kleurcontrast en waarom is het belangrijk? </h4><div class="collapsible-content"><div>Kleurcontrast verwijst naar het gemeten verschil in waargenomen helderheid tussen twee kleuren.</div><div>Het verschil in waargenomen helderheidskleuren wordt weergegeven als een verhouding variërend van 1:1 (geen contrast) tot 21:1 (sterk contrast).</div><div><br /></div><div>Bezoekers met visuele beperkingen of aandoeningen hebben mogelijk een sterker kleurcontrast nodig om de inhoud te zien. Het creëren van sterke kleurcontrasten is daarom belangrijk, omdat het ervoor zorgt dat alle bezoekers de website kunnen bekijken en ervan kunnen genieten.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe bekijk ik het kleurcontrast handmatig?</h4><div class="collapsible-content"><ol>
  <li>Controleer of het element niet opgaat in de achtergrond.</li>  <li>Selecteer het element in je editor om de grootte te controleren (bijvoorbeeld: niet-vetgedrukte tekst onder 18px is moeilijker te zien) en maak deze indien nodig groter.</li>  <li><a data-composite="true" href="https://support.wix.com/nl/article/wix-apps-contrast-checker">Gebruik de Contrast Checker-add-on</a> om het contrast van het element te controleren en pas de kleuren indien nodig handmatig aan.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/07/24/9544d0be-3a2b-4329-963d-344857799550/13e146d3-f3f9-42e7-b19e-9ceac88df119.png" /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe helpt de Contrast Checker-add-on met contrastproblemen?</h4><div class="collapsible-content"><div>Met de <a data-composite="true" href="https://support.wix.com/nl/article/wix-apps-contrast-checker">Contrast Checker-add-on</a> kun je een contrast maken dat voldoet aan WCAG, de kleurcodes kopiëren en het ontwerp van het element bijwerken.</div><ol>
  <li>Pas de voorgrond- en achtergrondkleuren in de contrastcheck aan de aanbevolen verhouding aan.</li>  <li>Kopieer de kleurencodes van de kleuren rechtsonder in de kiezer.</li>  <li>Selecteer het relevante element in je editor en open de ontwerpinstellingen.<br />
<strong>Let op:</strong> Deze stap is afhankelijk van het element en/of je editor.</li>  <li>Open de kleurenkiezer.</li>  <li>Klik naast <strong>Mijn kleuren</strong> op <strong>Toevoegen</strong>.</li>  <li>Plak de gekopieerde code in het veld.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/07/24/954eaaa8-eabc-4943-b378-380fd991c09e/b202bfb1-e8e2-4e42-94df-a7e1872c5d0b.png" /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wat is de vereiste kleurcontrastverhouding?</h4><div class="collapsible-content"><div>De vereiste kleurcontrastverhouding hangt af van het type van het element en het niveau van <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">de Richtlijnen voor toegankelijkheid van webinhoud</a> dat je wilt bereiken - <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html" target="_blank">AA (de minimumvereiste)</a> of <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced.html" target="">AAA (enhanced)</a>:</div><div><br /></div><ul>
  <li><strong>Kleine tekst: </strong>Tekst kleiner dan 24px (18pt):
    <ul>
      <li><strong>AA:</strong> 4.5:1 en hoger</li>      <li><strong>AAA:</strong> 7:1 en hoger</li>    </ul>  </li>  <li><strong>Grote tekst:</strong> Tekst groter dan 24 px (18 pt) of tekst van meer dan 18 px (14 pt) en vet:  
    <ul>
      <li><strong>AA:</strong> 3:1 en hoger</li>      <li><strong>AAA:</strong> 4,5:1 en hoger</li>    </ul>  </li>  <li><strong>Niet-tekstuele componenten</strong> (bijvoorbeeld: pictogrammen):
    <ul>
      <li><strong>A</strong><strong>A:</strong> 3:1 en hoger</li>    </ul>  </li></ul><div><br /></div><div><strong>Let op:</strong> Alleen niveau AA is momenteel vereist in de Toegankelijkheidswizard.</div>   </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Waarom kan ik het kleurcontrast in de Toegankelijkheidswizard niet bekijken?</h4><div class="collapsible-content"><div>We werken er altijd aan om van toegankelijkheid een soepel proces te maken. De wizard biedt een heleboel oplossingen in het product. Sommige functies en elementen zijn echter niet volledig geïntegreerd met de wizard en moeten handmatig worden gecontroleerd.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wil je meer informatie?</div><div class="info-content"><div>De <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">richtlijnen voor toegankelijkheid van webcontent</a> bevatten aanvullende uitleg en richtlijnen over:</div><ul>
  <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html" target="_blank">Minimum contrastvereisten (AA-niveau)</a></li>  <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced.html" target="_blank">Vereisten voor verbeterd contrast (AAA-niveau)</a></li></ul></div></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

Aan de slag met de editor

De editor-tools gebruiken

Elementen toevoegen en personaliseren

Animaties en effecten toevoegen

Het merk van je website

Je website ontwerpen

Problemen met je website oplossen

De Wix Harmony-editor gebruiken

Media Manager basis

Media uploaden

Media kopen

Media beheren

Mediaproblemen

Media toevoegen en beheren

De Pro Gallery gebruiken

Afbeeldingen bewerken (Wix Photo Studio)

Aan de slag met Wixel

Projecten maken en beheren

Ontwerpen met Wixel

Upgraden en accountbeheer

Wixel

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

Aan de slag met Wix Vibe

Een Wix Vibe-website beheren

Een Wix Vibe-website personaliseren

Een Wix Vibe-website publiceren

Wix Vibe gebruiken

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

Een website op de Wix Leden-apps bewerken

Een website op de Wix Leden-apps beheren

Spaces by Wix

De Wix Leden-apps gebruiken

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.