Toegankelijkheid met WordPress

WordPress zelf kan toegankelijk zijn — de problemen komen meestal via het thema, de plug-ins en de paginablokken.

Veelvoorkomende vindplaatsen

Thema's met te weinig contrast of zonder zichtbare focus, sliderplug-ins zonder pauze/toetsenbordbediening, ingesloten formulieren (Contact Form 7 e.d.) met niet-gelabelde velden, afbeeldingsblokken zonder alt-tekst, en paginabouwers die koppen in louter grote alinea's veranderen. De WordPress-kernredactie is meestal niet het probleem — de laag erboven wel.

Thema controleren en kiezen

Een thema bepaalt contrast, focusweergave, koppenstructuur en toetsenbordbediening van de navigatie. Criteria vóór de keuze: tab door de pagina — is de focus altijd zichtbaar? Is het menu zonder muis te bedienen? Is het kleurcontrast van tekst en knoppen minstens 4,5:1? Blokgebaseerde standaardthema's (Twenty Twenty-Four/-Five) zijn een solide startpunt; bij gekochte thema's helpt een blik op de demo met uitgeschakelde CSS en de toetsenbordtest.

Netjes werken in de blokeditor

Gebruik koptekstblokken in de juiste volgorde (één H1 per pagina, sla geen niveau over) — maak tekst niet alleen groot en vet. Geef elk afbeeldingsblok een alt-tekst; markeer puur decoratieve afbeeldingen uitdrukkelijk als decoratief. Gebruik het knopblok voor acties en echte links om te navigeren. Lijsten als lijstblok, niet als alinea met streepjes. Tabellen alleen voor echte tabelgegevens en met een koprij.

Plug-ins en formulieren

Formulierplug-ins (Contact Form 7, WPForms, Gravity Forms) leveren alleen toegankelijke formulieren op als elk veld een zichtbaar, gekoppeld label heeft en foutmeldingen aan het veld gekoppeld zijn — alleen tijdelijke aanduidingstekst is niet genoeg. Sliders en carrousels hebben een pauzeknop nodig en mogen de toetsenbordfocus niet opsluiten; bij twijfel weglaten. Paginabouwers (Elementor, Divi, WPBakery) zijn niet per se ontoegankelijk, maar verleiden tot geneste div-structuren zonder semantiek — let hier vooral op koppen en focus.

Testen

Drie snelle tests zonder extra software: (1) bedien de pagina alleen met het toetsenbord — Tab, Enter, pijltjes; kom je overal en er weer uit? (2) zoom in de browser naar 200% — blijft alles leesbaar en bedienbaar? (3) draai een browserextensie zoals WAVE of axe DevTools. De gratis scan van a11yglass controleert bovendien de geleverde HTML van je startpagina op contrast, alt-teksten, labels, taal en structuur, en noemt bij elke bevinding het WCAG-criterium.

Veelgestelde vragen

Maakt een toegankelijkheidsplug-in mijn site conform? Nee — overlayplug-ins die contrast en lettergrootte via een widget omschakelen, lossen de structurele problemen niet op en worden bekritiseerd door belangenorganisaties van betrokkenen. Welk thema is toegankelijk? Er is geen keurmerk; doorslaggevend is de uitvoering in het concrete geval — de criteria hierboven helpen bij de keuze. Heeft mijn WordPress-site een toegankelijkheidsverklaring nodig? Dat hangt ervan af of de site onder het BFSG valt (elektronische handel) of door een overheidsinstantie wordt beheerd — zie de pagina over de toegankelijkheidsverklaring.

Hoe a11yglass helpt

De gratis scan controleert de geleverde HTML en CSS op automatisch herkenbare WCAG-schendingen en noemt per bevinding het succescriterium en een concrete maatregel. Hij vindt ruwweg 20–35 % van de problemen en vervangt geen volledige audit.

Verder lezen

Algemene informatie naar beste weten, geen juridisch advies. Raadpleeg voor het individuele geval een advocatenkantoor dat gespecialiseerd is in IT-recht.