Ga naar inhoud
Toegankelijkheid
Animatie

HCA-ICT

De Corona-crisis heeft er toe geleid dat er veel thuis wordt gewerkt gaan en beroepsgroepen gedigitaliseerd die tot nu toe achterbleven. Niet iedereen en niet ieder bedrijf kan in deze ontwikkeling meekomen.

Nederland heeft meer digitaal vaardigen en ICT-geschoolden nodig om veilig, goed en effectief te blijven werken. De Human Capital Agenda ICT (HCA-ICT) zet zich samen met haar partners in om om aan deze groeiende vraag naar ICT-professionals te voldoen. Zij doen dit door jongeren te inspireren om voor het ICT vak te kiezen, maar ook door middel van het ondersteunen van regionale initiatieven die zich inzetten voor om- en bijscholing.

  • Showcase HCA-ICT
  • Expertise Digitoegankelijkheid / Development
  • Branche B2B
  • CMS Craft CMS
Visual van de website van HCA op een tablet

De opdracht.

Al ruim 14 jaar werkt Bubblefish samen met Stichting ECP. De website van HCA-ICT, een onderdeel van ECP, was verouderd, had een onduidelijke content structuur en voldeed nog niet aan de regelgeving Digitale toegankelijkheid.

In samenwerking met Stichting ECP is besloten om de website opnieuw te ontwikkelen.

Doelen.

  • Voldoen aan de regelgeving Digitale toegankelijkheid WCAG 2.1. AA voor (semi)overheidsinstantie.
  • Een gebruiksvriendelijk ontwerp waarbij kleuren de juiste kleur contrast ratio hebben.
  • Een gebruiksvriendelijk user interface voor gebruikers met een functiebeperking zodat zij zonder problemen de website kunnen bezoeken.
  • Een helder en gebruiksvriendelijk overzicht van samenwerkingen en topsectoren.
  • Optimalisatie van het CMS en de mogelijkehden.
  • Binnenhalen van nieuwe partners en samenwerkingen.
man bezoekt website op macbook in een cafe

Strategie.

Omdat dit project specifiek om een rebuild met bestaand ontwerp ging hanteerden we een andere aanpak dan we normaliter zouden doen voor een nieuwe website. Door onze UX designers en webdevelopers is er gekeken welke onderdelen visueel of technisch een aanpassing of uitbreiding nodig hadden. Deze analyse diende vervolgens als plan van aanpak. Ontwerp gerelateerde zaken zijn vervolgens als iteratief proces samen met de klant aangepakt en afgestemd.

Echter, het digitaal toegankelijk maken van een bestaande website, daar ligt het zwaartepunt aan de technische kant van het project. Toen het ontwerp gedeelte dus afgebakend en bepaald was konden we direct overgaan tot de bouw van de website.

Redesign.

HCA-ICT heeft al een bestaande huisstijl die ook al sterk herkenbaar was in de oude website. Het belangrijkste was nagaan of het huidige ontwerp voldoet aan de criteria omtrent digitale toegankelijkheid en waar nodig aanpassingen door te voeren. Eventuele wijzigingen natuurlijk altijd in overleg met de klant omdat dergelijke wijzigingen invloed kunnen hebben op het visuele uiterlijk.

Een digitaal toegankelijke website moet voldoen aan de criteria van de WCAG 2.1 AA regelgeving. Zo moeten bijvoorbeeld kleuren voldoende contrast hebben, titels en teksten een logische opbouw hebben, teksten groot genoeg zijn en formulieren de juiste feedback geven wanneer deze correct of incorrect zijn ingevuld.

Digitaal toegankelijk bouwen.

Als strategie, structuur en ontwerp samen met de klant zijn afgebakend en akkoord zijn bevonden is wordt de technische ontwikkeling van de website gestart.

Tijdens de bouw van digitaal toegankelijke projecten voeren wij een quick scan uit of een volledige inspectie WCAG 2.1. na oplevering welke nodig is voor de toegankelijkheidsverklaring op de website. Nadat deze resultaten zijn verwerkt door onze developers en criteria officieel akkoord zijn bevonden konden we het bijbehorende certificaat en verklaring plaatsen.

Naast deze inspectie kijken we, parallel aan het technische gedeelte, in samenwerking met de klant naar website content. Denk dan aan teksten, afbeeldingen, video’s en PDF bestanden. Zo voorkom je dat de website direct na livegang weliswaar technisch wel aan alle criteria voldoet, maar vanwege het vullen van content direct niet meer toegankelijk is.

imac mockup van de website met een zichbare skiplink

Optimalisatie en borging.

Eenmaal afgerond betekent het dat de website daadwerkelijk voor ruim 4 miljoen mensen met een functiebeperking in Nederland een prettige bezoekerservaring garandeert.

Hoe blijft een website toegankelijk, gebruiksvriendelijk en wordt er content geplaatst die toegankelijk is? Middels UX tools wordt de website in het traject hierna uitgebreid getest op verschillende browsers, devices en door ervaringsdeskundigen. Waar nodig gebruiken we deze resultaten dan om de website door te ontwikkelen en blijven aansturen op een optimale gebruikerservaring. Tevens geven we de gebruikers een workshop hoe zij zelf content als video en PDF files toegankelijk kunnen maken.

Resultaten.

Resultaten waar we op trots op zijn en graag met je willen delen.

De voordelen van bij Bubblefish werken.

Digitaal toegankelijk.

Een website die digitaal toegankelijk is voor ruim 4 miljoen mensen met een functiebeperking en voldoet aan de WCAG 2.1. AA criteria.

Verbetering gebruikerservaring.

Door het toepassen van UX optimalisatie is de website verbeterd en aangescherpt zodat het nog beter aansluit op behoeften van doelgroep én klant.

Geoptimaliseerde contentstructuur.

Het maken van een contentstructuur is belangrijk. Je houdt alles netjes overzichtelijk, zodat bezoekers en zoekmachines makkelijk hun weg kunnen vinden.

Bekijk ook onze andere projecten

profielfoto werknemer, leon bouterse, Directeur en strateeg
Léon Bouterse
Directeur & Digital Strategist
010.304.50.40 info@bubblefish.agency

Heb je ook een online uitdaging voor ons?

Stichting ECP | One conference

  • Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.