Een WCAG-compliant website die werken bij gemeente Hoeksche Waard voor iedereen toegankelijk maakt

Gemeente Hoeksche Waard

Uitdaging

Inclusiviteit en toegankelijkheid staan bij gemeente Hoeksche Waard hoog op de agenda. In de nog jonge gemeente, opgericht in 2019 na een fusie van meerdere gemeenten, is het immers belangrijk dat iedereen zich thuis voelt. Dat geldt voor inwoners, maar óók voor werknemers van de gemeente. Harborn werd nauw betrokken bij de employer branding strategie van gemeente Hoeksche Waard, om ook de online communicatie hier volledig op aan te laten sluiten. Daarin spelen de Web Content Accessibility Guidelines, of WCAG, een grote rol. Want hoewel Harborn hier standaard rekening mee houdt, is het voldoen aan regelgeving voor digitale toegankelijkheid bij overheidswebsites verplicht. Bij gemeente Hoeksche Waard staan ze daar helemaal achter. Daardoor voldeed de reguliere website als een van de eerste aan de nieuwe wetgeving, en was het niet meer dan logisch om ook de eigen vacaturewebsite (werkenbijdehw.nl) volledig toegankelijk te maken voor iedereen. Harborn kreeg van gemeente Hoeksche Waard alle vertrouwen en nam zowel het redesign van de website als de technische eisen voor de WCAG voor haar rekening.

Technology

PHP
Symfony
Sulu
Elasticsearch
SAML SSO (Single Sign On)
HTML, CSS & Javascript

Scoren op techniek… en gevoel

Wie een website opnieuw gaat vormgeven doet er goed aan om, naast de gebruiksvriendelijkheid, direct na te denken over de accessibility. Een website die voor iedereen toegankelijk is, scoort bijvoorbeeld ook beter op de user experience en vindbaarheid van de website. Het is dus altijd aan te raden dit minimaal door te voeren in een nieuwe website. Met gemeente Hoeksche Waard ging het team echter nog een stapje verder. Niet alleen vanwege de WCAG, maar ook omdat de website onderdeel is van het neerzetten van een sterk werkgeversmerk. Het moet laten zien wie de gemeente als werkgever is, de juiste mentaliteit overbrengen én laten zien wat er binnen de gemeente belangrijk is. Ook daarvoor werkte Harborn nauw samen met het team van de gemeente. Want hoewel de WCAG technisch van belang is, speelt de manier waarop een vacature getoond wordt, of hoe je goed overbrengt wat werken voor gemeente Hoeksche Waard inhoudt, een grote rol in de beleving van (potentiële) nieuwe collega’s.

Een sterke samenwerking

Naast manieren om de nieuwe website gebruiksvriendelijker, mooier en interactiever te maken, keek het team naar de technische implementatie van de WCAG. Ook hier werd een stap extra gezet, met aanvullingen die verder gaan dan de benodigde toegankelijkheidsvoorschriften. Alles om te laten zien dat inclusiviteit voor gemeente Hoeksche Waard verder gaat dan mooie woorden. Een sterke samenwerking was daarbij onmisbaar: hoewel het voldoen aan de Accessibility Guidelines technisch niet erg ingewikkeld is, moesten er vanuit verschillende afdelingen zaken worden aangeleverd. Zowel binnen de gemeente als bij het team van Harborn was een sterke drive om die benodigde onderdelen zo snel mogelijk in de website te verwerken. Bovendien besteedden beide partijen intern aandacht aan de WCAG, waardoor iedereen wist waarmee zij rekening moesten houden.

Hoeksche Waard website op een laptop vooraanzicht

Van gebruiksvriendelijk naar accessible

Voor accessibility zijn extra’s nodig, waarvan niet iedereen zich direct bewust is. Zo denk je bij een gebruiksvriendelijke website misschien aan goede leesbaarheid, grote knoppen of heldere navigatie. Op een toegankelijke website is daarnaast bijvoorbeeld het contrast aan te passen, zodat zowel mensen met een overgevoeligheid voor licht als mensen met slecht zicht de tekst kunnen lezen. Ook zorgen dat navigeren op een website volledig via het toetsenbord kan, of informatie zo verwerken dat een schermlezer dit op de juiste manier en in de juiste volgorde kan voorlezen zijn voorbeelden van een verbeterde accessibility. Het zijn die zaken die de website van werken bij gemeente Hoeksche Waard ook gebruiksvriendelijk maken voor gebruikers met een beperking of een tijdelijke aandoening, zoals een gebroken hand.

Verzamelen, checken en bijsturen

In de footer van de nieuwe website is de toegankelijkheidsverklaring te zien, waarin staat dat gemeente Hoeksche Waard voldoet aan de vereisten voor de WCAG. Om dit te kunnen vermelden is het echter noodzakelijk om de website te testen middels de ‘WCAG Evaluation Methodology’. Harborn werkt daarvoor samen met Stichting Accessibility. Dit maakte het makkelijker om toe te werken naar de externe audit, die bevestigt dat de website voldoet. Een extraatje, dat niet noodzakelijk was voor de richtlijnen maar wel de gebruikerservaring verbetert, is de toolbar aan de zijkant van de website. Hiermee kunnen gebruikers binnen de website inzoomen, switchen van light naar dark mode en de website laten voorlezen zonder dat hiervoor een extern programma nodig is.

Voorbeeld Hoeksche Waard website op een laptop zijaanzicht

Accessibility in een dynamisch jasje

Het grootste deel van het werk betrof echter niet de accessibility, maar het redesign van de website. Uiteraard voeren ook in het redesign duidelijkheid en herkenbaarheid de boventoon. Zo opent het overzicht met het aantal beschikbare vacatures, zie je direct het aantal uren, en klik je makkelijk en snel door naar de volledige functiebeschrijving. De nieuwe website is dynamisch en past, met overgangen in groen en blauw, helemaal bij de huisstijl van gemeente Hoeksche Waard. Daarnaast is de website uiteraard volledig mobile-friendly. Met video’s, die op verschillende pagina’s te zien zijn, zorgt de gemeente bovendien voor aansprekende content, waarmee ze nog meer in staat is om leuke en talentvolle collega’s aan te trekken. In de toekomst volgen ook video’s om potentiële collega’s alvast te laten zien op welke locatie ze komen te werken. Het laat zien dat bij de gemeente, net als op de website, iedereen van harte welkom is.

Vrouw met baby die met een hand een laptop bedient

Ferdinando

Commercieel Directeur

Wil jij ook een WCAG-compliant website?

Voelt een toegankelijke website voor jou na het lezen van deze case ook niet meer dan logisch? Of ben je benieuwd welke aanpassingen je kunt doen om je website te verbeteren? Neem dan contact op met Ferdinando, de project lead van deze case óf lees de blog van onze Lisanne, die je meer uitlegt over wat de WCAG inhoudt en welke voordelen dit oplevert voor jouw website!

+316 1368 1514 ferdinando.vandepanne@harborn.com