Denk je dat je Wix-website al toegankelijk is? Met 3465 Wix-gebruikers die dit jaar voor het eerst een rechtszaak hebben gekregen wegens ontoegankelijkheid, is het geen vraag of, maar wanneer je zelf ook in de problemen komt. Het is niet alleen een juridische risico, maar ook een verlies van klanten. In onze praktijk zien we veel bedrijven die denken dat een Wix-website automatisch toegankelijk is. Dat is een dure vergissing. Het is tijd voor concrete technische stappen, niet voor vage beloften. Hier is hoe je je Wix-website echt toegankelijk maakt – met focus op wat werkt in de Wix-omgeving zelf.
Waarom Wix-gebruikers nu echt moeten handelen
De wetgeving in Nederland en België wordt strenger. De Eerste Aanpassingswet (EAA) 2026, die in januari 2026 in werking treedt, verplicht alle publieke websites en apps aan strenge WCAG 2.2-standaarden. Zelfs bedrijven met een Wix-website die alleen maar een online winkel of informatiepagina heeft, vallen hieronder. Veel Wix-gebruikers denken: "Ik heb de Wix-website gemaakt, die is toch wel goed?" Helaas niet. Veel standaard Wix-elementen – zoals modals, navigatiemenu's, en interactieve componenten – hebben verborgen barrières voor schermleesprogramma's. Een recente zaak bij een Nederlandse e-commercebedrijf (met een Wix-website) ging over een onjuiste ARIA-label voor een "voeg toe aan winkelwagen"-knop. Het resultaat? Een schadevergoeding van €15.000 en een verplichte herstructurering. Dat is geen uitzondering.
De 7 technische stappen voor Wix-accessibility
1. Start met het Wix Accessibility Panel (niet de algemene instellingen)
Het eerste wat je moet doen, is niet naar de algemene instellingen, maar naar het Wix Accessibility Panel. Dit is een specifiek paneel voor technische implementatie, niet voor algemene instellingen. Ga naar Wix Editor > Instellingen > Toegankelijkheid. Hier vind je de Focus Order-instelling. Deze is cruciaal voor schermleesprogramma's. Zorg ervoor dat de focus volgorde logisch is: van links naar rechts, van boven naar beneden. Gebruik de "Focus Order" knoppen om de volgorde te wijzigen. Vergeet niet: een modaal venster (bijv. een pop-up voor een aanbieding) moet een focus trap hebben. Dit betekent dat als een gebruiker in het modaal is, hij alleen binnen dat modaal kan navigeren. Gebruik Wix Code (Advanced) om dit te implementeren met een tabindex-attribuut.
2. Gebruik Wix Code voor ARIA-labels bij interactieve elementen
Wix heeft een beperkte manier om ARIA-labels toe te voegen. Voor elementen die niet automatisch een label krijgen (bijv. een "zoek" icon in een navigatiebalk), moet je Wix Code gebruiken. Ga naar Wix Code > App Studio > HTML > HTML Element. Kies het element waar je een label aan wilt toevoegen. Voeg bijvoorbeeld dit toe aan de onReady-functie:
$w("#mySearchIcon").setAttribute("aria-label", "Zoek naar producten");
Dit is essentieel voor schermleesprogramma's om te begrijpen wat het element doet. Zonder dit label, zegt het schermleesprogramma alleen "icon" of "button", wat niet helpt.
3. Test je focus met NVDA (gratis schermleesprogramma)
Gebruik NVDA (een gratis schermleesprogramma voor Windows) om te testen of je focus logisch werkt. Laat NVDA starten en navigeer met de Tab-toets. Je moet horen wat het schermleesprogramma zegt bij elke focus. Als je een modaal venster opent, moet het focus automatisch naar het eerste interactieve element in het venster gaan. Als je niet naar het modaal venster kunt navigeren, of als het focus verloren gaat, heb je een probleem. Dit is een cruciale test die veel Wix-gebruikers overslaan.
4. Controleer contrastverhouding met Wix's eigen tool
Wix heeft een Contrast Checker in het Wix Editor. Ga naar Wix Editor > Instellingen > Toegankelijkheid > Contrast. Kies een kleur voor tekst en achtergrond. De tool geeft direct aan of het voldoet aan WCAG 2.2 (minimaal 4.5:1 voor normale tekst). Gebruik deze tool voor alle tekstelementen. Een veelvoorkomende fout is een lichtgrijze tekst op een lichtgrijze achtergrond. De contrastverhouding is dan te laag. Wix toont dit direct, maar veel gebruikers negeren het.
5. Gebruik de Wix Accessibility Inspector voor snelheid
De Wix Accessibility Inspector is een krachtig hulpmiddel dat je in de Wix Editor kunt gebruiken. Ga naar Wix Editor > Instellingen > Toegankelijkheid > Inspecteur. Klik op het element dat je wilt inspecteren. De tool toont direct welke barrières er zijn (bijv. ontbrekende ARIA-labels, onvoldoende contrast). Dit is veel sneller dan het gebruik van externe tools. Gebruik deze inspecteur voor elke pagina die je maakt. Het is een essentiële stap voor het vinden van problemen voordat je publiceert.
6. Maak interactieve elementen toegankelijk met Wix Code
Veel Wix-componenten (bijv. een "volgende" knop in een carousel) hebben geen standaard toegankelijkheidsattributen. Gebruik Wix Code om dit te corrigeren. Bijvoorbeeld, voor een carousel:
$w("#myCarousel").on("click", (event) => {
if (event.target.id === "nextButton") {
$w("#myCarousel").next();
event.target.setAttribute("aria-label", "Volgende afbeelding");
}
});
Dit zorgt ervoor dat het schermleesprogramma de actie begrijpt. Zonder dit, zegt het schermleesprogramma alleen "button", wat niet helpt.
7. Test met een echte schermleesprogramma
Gebruik een echte schermleesprogramma zoals JAWS (Windows) of VoiceOver (Mac) om te testen. Dit is de enige manier om te weten of je website werkt voor mensen met een visuele beperking. Test met een echte schermleesprogramma voor elke belangrijke pagina. Dit is een cruciale stap die veel Wix-gebruikers overslaan.
8. Gebruik Wix's built-in accessibility features
Wix heeft veel ingebouwde toegankelijkheidsfuncties. Gebruik deze volledig. Bijvoorbeeld, de Wix Editor heeft een Toegankelijkheidsmodus die je kunt inschakelen. Ga naar Wix Editor > Instellingen > Toegankelijkheid > Toegankelijkheidsmodus. In deze modus kun je de focus volgorde en andere instellingen aanpassen. Gebruik deze modus voor het testen van je website.
9. Zorg voor een goede structuur met HTML5
Gebruik HTML5 elementen zoals <header>, <nav>, <main>, <footer>. Wix maakt dit automatisch voor je, maar zorg ervoor dat het correct is. Gebruik de Wix Editor om de structuur te controleren. Een goede structuur helpt schermleesprogramma's om de inhoud te begrijpen.
10. Test met een echte gebruiker
De beste test is een echte gebruiker met een visuele beperking. Vraag iemand om je website te testen met een schermleesprogramma. Dit is de enige manier om te weten of je website werkt voor mensen met een visuele beperking. Dit is een cruciale stap die veel Wix-gebruikers overslaan.
Conclusie
Toegankelijkheid is niet alleen een technische kwestie, maar ook een ethische verantwoordelijkheid. Door deze stappen te volgen, maak je je website toegankelijker voor iedereen. Gebruik Wix's ingebouwde tools en Wix Code om problemen op te lossen. Test met echte schermleesprogramma's en vraag feedback van echte gebruikers. Dit is de enige manier om een echt toegankelijke website te maken.