De vier WCAG-principes
De WCAG (Web Content Accessibility Guidelines) zijn gebaseerd op vier principes: Waarneembaarheid, Bedienbaarheid, Begrijpelijkheid en Robuustheid. Deze zijn onafhankelijk van de taal van de inhoud. Waarneembaarheid betekent dat alle informatie ook kan worden waargenomen door gebruikers met een visuele of auditieve beperking. Bedienbaarheid zorgt ervoor dat alle functies met een toetsenbord en zonder tijdsbeperkingen kunnen worden gebruikt. Begrijpelijkheid vereist heldere taal en consistente navigatie. Robuustheid waarborgt de compatibiliteit met ondersteunende technologieën. Voor internationale websites moeten deze principes in elke taalversie op dezelfde manier worden toegepast.
Taalaanduiding met het lang-attribuut
Het lang-attribuut in het HTML-element geeft de natuurlijke taal van een pagina of sectie aan. Schermlezers gebruiken dit attribuut om de juiste uitspraak en klemtoon te kiezen. Voor meertalige pagina's moet het lang-attribuut correct worden ingesteld op de hoofdpagina en bij taalwisselingen in de tekst. Bijvoorbeeld: <html lang="nl"> voor Nederlands en <span lang="en"> voor Engelse passages. Ontbreekt dit attribuut, dan kan het gebruik van de pagina voor mensen met een visuele beperking aanzienlijk worden bemoeilijkt. Controleer daarom elke taalversie op volledige en correcte attributering.
Contrasten en kleuren
Voldoende contrast tussen tekst en achtergrond is essentieel voor de leesbaarheid. WCAG-niveau AA vereist een contrastverhouding van ten minste 4,5:1 voor normale tekst en 3:1 voor grote tekst. Dit geldt voor alle talen van een website. Vermijd het uitsluitend gebruiken van kleurverschillen om informatie over te brengen, omdat kleurenblinde gebruikers deze niet kunnen waarnemen. Gebruik daarnaast symbolen of tekstmarkeringen. Kleurenschema's moeten ook in alle lokale versies worden gecontroleerd, omdat culturele associaties kunnen variëren. Test uw pagina's met contrastanalysetools tijdens de ontwikkeling.
Toetsenbordbediening
Alle interactieve elementen moeten via het toetsenbord bereikbaar en bedienbaar zijn. Dit geldt voor links, knoppen, formuliervelden en menu's. De focus moet zichtbaar zijn, bij voorkeur met een duidelijke focusrand. Vermijd elementen die alleen met de muis of aanraking werken. Vooral bij internationale sites met complexe navigaties moet de toetsenbordbediening in elke taalversie worden getest. Dynamische inhoud zoals modale vensters moet de focus correct beheren. Zorg ervoor dat de volgorde van de elementen in de DOM overeenkomt met de logische volgorde en niet alleen door CSS wordt bepaald.
Alt-teksten in meertalige contexten
Alt-teksten beschrijven afbeeldingen voor schermlezers en moeten in de taal van de omringende pagina worden geschreven. Bij meertalige websites betekent dit: elke afbeelding krijgt een alt-tekst in de betreffende taalversie. Gebruik geen automatische vertalingen, maar maak passende beschrijvingen voor elke doelgroep. Afbeeldingen met tekst moeten de tekst als alt-tekst weergeven. Decoratieve afbeeldingen krijgen een lege alt-tekst (alt=""), zodat ze door ondersteunende technologieën worden genegeerd. Deze aanpak zorgt ervoor dat de inhoud in alle talen toegankelijk blijft.
