Het web is allang geen speeltuin meer voor technisch geïnteresseerden, maar een centrale plek voor informatie, communicatie en handel. Toegankelijk webdesign is daarom geen optie maar een noodzaak, om redenen van toegankelijkheid en vanwege wettelijke eisen zoals de Europese toegankelijkheidsakte en de richtlijn digitale toegankelijkheid. Deze gids laat zien hoe je toegankelijke websites in WordPress en TYPO3 realiseert.
Basis: waarom toegankelijkheid telt
Toegankelijkheid gaat verder dan alleen bereikbaar zijn. Het betekent dat uw website bruikbaar is voor iedereen, ongeacht individuele vaardigheden of beperkingen. Daaronder vallen mensen met een visuele beperking, gehoorverlies, motorische problemen of cognitieve beperkingen. Die behoeften begrijpen is de eerste stap.
De voordelen zijn divers: hogere gebruikerstevredenheid, betere vindbaarheid in zoekmachines, een positiever bedrijfsbeeld en het voldoen aan wettelijke eisen. En toegankelijk betekent niet ouderwets: een doordacht toegankelijk ontwerp verbetert gebruiksgemak en esthetiek meestal juist.
WordPress: toegankelijkheid in de praktijk
WordPress biedt een solide basis, maar vraagt op meerdere plekken aandacht.
- Thema's: kies een toegankelijk thema met een schone semantische structuur, dus correct gebruik van header, nav, main en footer, en voldoende kleurcontrast. Controleer documentatie en testrapporten voordat u zich vastlegt.
- Plugins: gereedschap zoals Accessibility Checker voert geautomatiseerde tests uit. Het vervangt geen handmatige controle, maar vindt de voor de hand liggende fouten betrouwbaar.
- Afbeeldingen: geef elke afbeelding een alternatieve tekst. Beschrijf het doel van de afbeelding en breng de inhoud over, niet louter het uiterlijk.
- Formulieren: elk invoerveld heeft een gekoppeld label nodig. Foutmeldingen horen naast het betreffende veld, niet alleen bovenaan het formulier.
TYPO3: toegankelijkheid in een enterprise-omgeving
TYPO3 biedt dezelfde mogelijkheden, maar de aanpak is technischer.
- TypoScript: let erop dat de configuratie semantisch correcte markup oplevert en de documentstructuur schoon weergeeft.
- Extensions: controlegereedschap en Fluid-gebaseerde layouts helpen weergave en structuur consistent te houden.
- Templates: vermijd onnodige div-nesting en gebruik de passende HTML5-elementen.
- Contrast: controleer tekst tegen achtergrond systematisch, niet steekproefsgewijs. De eis is 4,5:1 voor lopende tekst.
Valkuilen en beproefde aanpak
Toegankelijk ontwerpen betekent niet dat u creatieve vrijheid opgeeft, maar dat u die bewust inzet. De typische struikelblokken zijn kleurcontrast, navigatielogica en de leesbaarheid van de tekst.
- Kleurcontrast: controleer met gereedschap in plaats van op gevoel. Wat op een gekalibreerd scherm goed oogt, faalt vaak in zonlicht.
- Typografie: goed leesbare letters, voldoende grootte, royale regelafstand.
- Navigatie: helder en voorspelbaar. Alle belangrijke pagina's moeten via de navigatie bereikbaar zijn, ook met alleen het toetsenbord.
- Begrijpelijkheid: eenvoudige taal, korte zinnen, geen onnodig jargon. Dat helpt iedereen, niet alleen mensen met cognitieve beperkingen.
Conclusie: vanaf het begin meenemen
Zowel WordPress als TYPO3 bieden alles wat nodig is voor toegankelijke websites. Beslissend is het moment: toegankelijkheid aan het begin van een project meenemen bespaart het herwerk aan het eind. Achteraf ingebouwd wordt het duur, en het is zelden compleet.
Wie de WCAG-criteria eenmaal begrijpt, past ze zonder meerwerk toe. Het is geen keurslijf maar een controlelijst voor dingen die toch al goed gedaan horen te worden.