De Web Content Accessibility Guidelines (WCAG) zijn internationale richtlijnen en aanbevelingen voor digitale toegankelijkheid. Dit is niet alleen om mensen met verschillende beperkingen, zoals cognitieve beperkingen (bijv. moeite met het begrijpen van complexe teksten) en motorische beperkingen (bijv. moeilijkheden met het bedienen van een muis), te ondersteunen, maar ook om websites toegankelijk te maken op diverse platformen. Voorheen was dit verplicht voor overheidswebsites, maar met de inwerkingtreding van inwerkingtreding van de European Accesibility Act, moeten websites vanaf juni 2025 aan de strengere digitale toegankelijkheidseisen voldoen (of aantonen dat hier al stappen voor worden gezet).
De vier principes van WCAG zijn:
- Waarneembaar – zorg dat mensen de inhoud van je website kunnen zien en horen, ook als ze niet alles kunnen zien of horen;
- Bedienbaar: Maak het mogelijk dat mensen je website ook kunnen gebruiken met een toetsenbord of andere hulpmiddelen, niet alleen met een muis.
- Begrijpelijk: Zorg dat de informatie en bediening op je website begrijpelijk zijn voor mensen en software.
- Robuust: Zorg dat je website werkt op verschillende apparaten en met verschillende hulptechnologieën.
Wat betekent dit voor mvw.nl?
In de zomer is een check gedaan welke aanpassingen nodig zouden zijn zodat mvw.nl aan deze nieuwe richtlijnen voldoet. Dit najaar heeft WP Brothers (bouwer en beheerder van onze website) de nodige aanpassingen doorgevoerd. Inmiddels voldoet de website aan WCAG 2.1 level A en worden de laatste aanpassingen gedaan om het verplichte level AA te verkrijgen. Een beknopt overzicht:
1. Kleurcontrast
We hebben de kleuren aangepast om te zorgen voor een betere contrastverhouding, zodat onder andere mensen met kleurenblindheid het verschil beter kunnen waarnemen.
2. Headings versus kleine teksten
Voor headings gelden andere contrastvereisten dan voor kleinere teksten. Daarom hebben we twee verschillende voorbeelden en bijbehorende kleuren toegevoegd.
3. Toetsenbordnavigatie
Daarnaast hebben we toetsenbordnavigatie beschikbaar gemaakt. Dit is gerealiseerd door het toevoegen van ARIA-labels (om vast te leggen welk component tot welke regio behoort) en door het toevoegen van focus-states (de blauwe rand).
