Wanneer je aan de toegankelijkheid van een website werkt, zie je mogelijk een instelling die focusindicatoren wordt genoemd. Dit zijn blauwe rechthoeken die verschijnen rond interactieve elementen zoa...

Toegankelijkheid: Over focusindicatoren (visuele indicatoren)

<div data-component-type="text"><div>Wanneer je aan de toegankelijkheid van een website werkt, zie je mogelijk een instelling die focusindicatoren wordt genoemd. Dit zijn blauwe rechthoeken die verschijnen rond interactieve elementen zoals knoppen en links wanneer bezoekers een toetsenbord gebruiken om door de live website te navigeren. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/24/5392965c-0d96-41fc-b26c-0991fea45819/85b68dd0-01d0-4601-bfdc-b88d6eb68f8a.png" alt="Een afbeelding van een website met een visuele indicator rond het menu-item met de naam 'Home'." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Waar haalt Wix de informatie vandaan?</div><div class="info-content"><ul>
  <li>We doen aanbevelingen op basis van het document <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Web Content Accessibility Guidelines (WCAG)</a>, dat is ontwikkeld door het <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>.  </li>  <li>Dit artikel is gebaseerd op het <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html" target="_blank">Focus Zichtbaar-criterium (2.47)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-focus-indicators-are-important" level="3">Waarom focusindicatoren belangrijk zijn</h2></div><div data-component-type="text"><div>Sommige bezoekers navigeren door websites met de Tab-toets op hun toetsenbord. Focusindicatoren geven de huidige positie van de Tab-toets weer, zodat bezoekers precies weten waar ze zich op de pagina bevinden. </div></div><div data-component-type="text"><div>Als deze indicatoren niet zijn ingeschakeld, kunnen websitebezoekers mogelijk niet door de pagina of de website-inhoud navigeren. Focusindicatoren zijn daarom een belangrijk onderdeel van de toegankelijkheid van een website. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="focus-indicators-on-your-wix-site" level="3">Focus-indicatoren op je Wix-website</h2></div><div data-component-type="text"><div>Focusindicatoren worden automatisch ingeschakeld op alle websites die je met Wix bouwt.</div></div><div data-component-type="text"><div>De indicator is ontworpen om bij de meeste kleurencombinaties van websites te passen. Hij is echter minder zichtbaar op knoppen met een witte vulling op een blauwe achtergrond. We raden daarom aan de kleur van je website-elementen te controleren om er zeker van te zijn dat alle bezoekers de indicator kunnen zien.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Hoe kan ik de focusindicator op een website testen?</div><div class="info-content"><div>Om te controleren hoe de focusindicator eruitziet, open je je live website of websitevoorbeeld en navigeer je door de pagina met de Tab-toets van je toetsenbord.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-focus-indicators" level="3">Focus-indicatoren inschakelen</h2></div><div data-component-type="text"><div>Tijdens het controleren van een live Wix Editor-website, merk je mogelijk dat de focusindicator niet verschijnt. Als je eerder focusindicatoren hebt uitgeschakeld, wordt je gevraagd om deze in te schakelen en kun je deze inschakelen in de Toegankelijkheidswizard. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Gebruik je de Studio Editor?</div><div class="info-content"><div>Focus-indicatoren zijn altijd ingeschakeld op Studio Editor-websites, dus je hoeft deze instelling niet te controleren. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om visuele indicatoren in te schakelen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik bovenaan op <strong>Instellingen </strong>en selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Klik in het paneel rechts in de editor op <strong>Website scannen</strong>.</li>  <li>Klik op het <strong>Gedetecteerde problemen</strong>-tabblad.</li>  <li>Open de <strong>Websiteniveau</strong>-dropdown en klik op <strong>Focusindicatoren tonen</strong>.</li>  <li>Schakel <strong>Visuele indicatoren opnemen </strong>in. </li>  <li>Klik op <strong>Toepassen</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Zodra je focusindicatoren op je Wix Editor-website hebt ingeschakeld, is het niet mogelijk om ze uit te schakelen.</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/05/30/e14f55c3-776b-419a-8fea-dbf25cdfbb56/b312085b-1950-49f3-81e5-ac06d1c799e3.png" alt="De cursor klikt op de schakelaar om indicatoren in de wizard in te schakelen." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Volgende stap:</div><div class="info-content"><div>Ga terug naar de <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">toegankelijkheidschecklist</a> om de toegankelijkheid van de website te blijven verbeteren. </div></div></div></div>

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

Toegankelijkheid: Over 'Doorgaan naar hoofdinhoud'

<div data-component-type="text"><div>'Doorgaan naar hoofdinhoud' is een functie waarmee bezoekers die aanvullende en/of ondersteunende technologieën gebruiken irrelevante of herhaalde inhoud kunnen omzeilen. </div></div><div data-component-type="text"><div>Zo ziet het eruit op een live Wix-website:</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/13/04bd498b-4bcc-471d-9078-111775493073/0d4f6684-5a9a-49f5-9279-b83acfee00b9.png" alt="Een live website met de 'Doorgaan naar hoofdinhoud'-knop ingeschakeld." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Waar haalt Wix de informatie vandaan?</div><div class="info-content"><ul>
  <li>We doen aanbevelingen op basis van het document <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Web Content Accessibility Guidelines (WCAG)</a>, dat is ontwikkeld door het <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>.  </li>  <li>Dit artikel is gebaseerd op <a data-composite="“true”" href="https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks.html” target=" blank="blank">succescriterium 2.4.1 (blokkades omzeilen)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-skip-to-main-content-is-important" level="3">Waarom 'Doorgaan naar hoofdinhoud' belangrijk is</h2></div><div data-component-type="text"><div>Bezoekers die goed kunnen zien / bezoekers die een muis gebruiken, kunnen de belangrijkste inhoud van een pagina visueel vinden of door door de website te scrollen. Sommige websitebezoekers, zoals bezoekers met visuele omstandigheden, kunnen echter ondersteunende technologieën en/of een toetsenbord gebruiken om te navigeren. </div></div><div data-component-type="text"><div>'Doorgaan naar hoofdinhoud' biedt deze bezoekers directe toegang tot de hoofdinhoud van de pagina, zonder dat ze eerst door herhaalde inhoud (bijvoorbeeld de websitetitel, het menu, enzovoort) hoeven te gaan.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="skip-to-main-content-and-wix-sites" level="3">'Doorgaan naar hoofdinhoud' en Wix-websites</h2></div><div data-component-type="text"><div>Doorgaan naar hoofdinhoud wordt automatisch ingeschakeld op alle websites die je met Wix bouwt. Het verschijnt als een link wanneer bezoekers door de pagina navigeren met de 'Tab'-toets.</div></div><div data-component-type="text"><div>De link is ontworpen om bij de meeste kleurencombinaties van de website te passen. Het kan echter minder zichtbaar zijn op kopteksten / onderdelen van websites die een wit en blauw kleurenschema gebruiken. We raden daarom aan de kleur van deze onderdelen te controleren om er zeker van te zijn dat de link opvalt voor bezoekers.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Hoe kan ik 'Doorgaan naar hoofdinhoud' testen?</div><div class="info-content"><div>Open om te controleren hoe de tool werkt, je live website of websitevoorbeeld en navigeer door de pagina met de Tab-toets van je toetsenbord.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-skip-to-main-content" level="3">'Doorgaan naar hoofdinhoud' inschakelen</h2></div><div data-component-type="text"><div>Als je merkt dat de link niet verschijnt op de voorbeeld- of live versie van een Wix Editor-website, kun je dit controleren en inschakelen vanuit de Toegankelijkheidswizard. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bouw je een website met de Studio Editor?</div><div class="info-content"><div>Doorgaan naar hoofdinhoud is altijd ingeschakeld op Studio Editor-websites, dus je hoeft deze instelling niet te controleren. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om 'Doorgaan naar hoofdinhoud' in te schakelen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik bovenaan op <strong>Instellingen </strong>en selecteer <strong>Toegankelijkheidswizard</strong>.</li>  <li>Klik in het paneel rechts in de editor op <strong>Website scannen</strong> .</li>  <li>Klik op het <strong>Gedetecteerde problemen</strong>-tabblad.</li>  <li>Open de <strong>Website</strong>-dropdown en klik op <strong>'Doorgaan naar hoofdinhoud'-link toevoegen</strong>.</li>  <li>Klik op de <strong>Doorgaan naar hoofdinhoud toestaan</strong>-schakelaar.</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/05/30/f72e7a62-0f9b-405e-8380-a6bacc71b7f6/0631eb61-6455-4b3a-8392-503423216f1f.png" alt="De cursor klikt op de schakelaar om 'Doorgaan naar hoofdinhoud' in de wizard in te schakelen." /></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>Zodra je 'Doorgaan naar hoofdinhoud' vanuit de wizard hebt ingeschakeld, kan dit niet worden uitgeschakeld.</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 data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-checklist-voor-het-verbeteren-van-de-toegankelijkheid-van-je-website" target="">Toegankelijkheidschecklist</a> om de toegankelijkheid van de website te blijven verbeteren. </div></div></div></div>

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

Toegankelijkheid: ARIA-attributen toevoegen aan aangepaste webapplicaties

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

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

Toegankelijkheid: Een toegankelijkheidswerkbalk toevoegen aan je website

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

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

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

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

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

Toegankelijkheidsaanvraag: Een dynamische HTML-sitemap maken

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

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

Toegankelijkheidsaanvraag: Een toegankelijkheidswerkbalk toevoegen aan je website

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

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

Toegankelijkheid: Externe software of tools ter controle gebruiken

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

Zo begin je

Een template kiezen

Een professional inhuren om je website te bouwen

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

Aan de slag

Hoe Wix gebruiken om je website en bedrijf te bouwen.

Wix Editor basis

De Editor-tools gebruiken

Paginastructuur

Stroken en kolommen

De structuur van je website

Een website ontwerpen

Pagina's

Menu's

Pagina's en menu's beheren

Tekst

Knoppen

Containers en vakken

Diavoorstellingen

Vormen en lijnen

Elementen toevoegen en aanpassen

Afbeeldingen

Galerijen

Video

Documents and files

Bestanden en media toevoegen

Met elementen werken

Effecten en animaties gebruiken

Een website delen en promoten

Meer

Mobiele tools

Pagina's op mobiel

Achtergrond op mobiel

Indeling van de mobiele website

Websitemenu op mobiel

Tekst op de mobiele site

Media op de mobiele site

Andere elementen op mobiel

Problemen oplossen

De mobiele Editor

Problemen met je Editor-website oplossen

De Wix Editor gebruiken

Het dashboard van je website gebruiken

Websites beheren

Rollen en machtigingen beheren

Websitebeheer

Aan de slag met AI

AI gebruiken om je website te maken en te beheren

AI gebruiken om je bedrijf op te richten

AI-tools

Media Manager basis

Media uploaden

Media kopen

Media beheren

Mediaproblemen

Media toevoegen en beheren

De Pro Gallery gebruiken

Afbeeldingen bewerken (Wix Photo Studio)

Mediabeheer

Wix Multilingual basis

Een website vertalen

Talen beheren

SEO in Wix Multilingual

Een meertalige website maken

Privacy en de AVG (GDPR)

Over toegankelijkheid

Een website toegankelijk maken

Geavanceerde toegankelijkheidsfuncties

Een toegankelijke website maken

Over het CMS

CMS-verzamelingen beheren

Verzamelingsinhoud aan je website koppelen

Met dynamische pagina's en het CMS werken

Gebruikersinvoer aan het CMS koppelen

Het CMS met andere Wix-producten gebruiken

Geavanceerde CMS-functies

Wix voor developers

Testwebsites

SSO-logins

Wix Blocks

Geavanceerde functies

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

Een website maken

Ontwerp en beheer je website met slimmme functionaliteiten.

Accountinstellingen wijzigen

Inlogproblemen

Accountbeheer

Naar een Premiumpakket upgraden

Facturering voor Premiumpakketten

Facturering voor domeinen

Facturering voor zakelijke e-mail van Google Workspace

Abonnementsbeheer

Kosten, betalingen en belasting

Facturen voor Wix-diensten

Promoties en vouchers gebruiken

Facturering en premium abonnementen

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

Account en facturering

Beheer abonnementen, pakketten en facturen.

Websitebeheer via de Wix-app

Mobiele apps basis

Een eigen mobiele app aanpassen

Een eigen mobiele app beheren

Een eigen mobiele app ter goedkeuring indienen

Een eigen mobiele app maken

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.

Domeinen basis

Wix-domeinen

Elders gekochte domeinen

Domeinen overzetten

Domeinbeheer

Domeinproblemen oplossen

Lees hoe je een domein koopt, koppelt, of overzet, en hoe je de gegevens van je website veilig houdt.

Een domein koppelen

Lees hoe je een domein koopt, koppelt of overzet.

Een webshop instellen

Producten en categorieën beheren

Verzending en afhandeling instellen

Betalingen en checkout instellen

Een webshop ontwerpen

Bestellingen beheren

Voorraad beheren

Het ledengedeelte beheren

E-mails van je webshop beheren

Winkelkortingen promoten

Dropshipping met Wix Stores

Verkoopkanalen instellen

De Wix-app voor Wix Stores

Wix Stores upgraden

Wix Stores

Wix Bookings instellen

Diensten aanmaken

Medewerkers beheren

Agenda en reserveringen beheren

Lidmaatschappen, pakketten en betalingen

Wix Bookings-pagina's aanpassen

E-mail, SMS, en promoties

De Wix-app gebruiken om reserveringen te beheren

Videoconferenties met Wix Bookings

Fit by Wix

Wix Bookings

Wix Events instellen

Een evenement aanmaken

Evenementen ontwerpen

Evenementen beheren

Gasten beheren

Ticketverkoop

Een evenement promoten

De Wix-app voor Wix Events

Check-in by Wix voor Wix Events

Wix Events

Abonnementen instellen

Abonnementen aanmaken

Het ontwerp van je abonnementenpagina aanpassen

Abonnementen verkopen

Aangeschafte abonnementen beheren

De Wix-app voor abonnementen

Wix Abonnementen

Een restaurant instellen

Menu's maken met Wix Restaurants Menus (Nieuw)

Online bestellingen opnemen (Nieuw)

Wix Table Reservations

Wix Restaurants

Wix Photo Albums instellen

Via de Wix Photo Albums Store verkopen

De Wix Art Store instellen

Via de Wix Art Store verkopen

Wix Fotografie

Online programma's instellen

Programmadeelnemers beheren

Online programma's

Zakelijke oplossingen en apps

Vind de juiste tools om je bedrijf te laten groeien: ontvang betalingen, bekijk analytics, leg contact met bezoekers, en meer.

Je bedrijf beheren

De juiste tools om je bedrijf op het web te laten groeien.