logo Brussels.be

Hoe maak je van 200 gefragmenteerde overheidswebsites één toegankelijk geheel?

Efficiënt en inclusief communiceren naar 1,2 miljoen burgers, in een regio die zo divers en complex is als het Hoofdstedelijk Gewest? Geen kleine opgave. In een labyrint van meer dan 200 gefragmenteerde websites moesten Brusselaars essentiële informatie zien te vinden over de diensten van hun lokale overheid. Om van die digitale eilandjes één coherent, toegankelijk portaal te maken, was een grootschalige digitale transformatie nodig. Maar dit project is veel meer dan een technische oplossing: het herdefinieert de normen voor digitale toegankelijkheid van openbare diensten. 

  • Diepgaande toegankelijkheidsaudit 

  • Workshops rond inclusief co-design 

  • Web Content Accessibility Guidelines (WCAG) 2.2 AA als minimumbasis 

  • Implementatie van WAI-ARIA best practices voor dynamische interfaces  

  • Ontwikkeling van een componentenbibliotheek 

  • Samensmelting van 200+ locaties tot één portaalsite met een moderne, veilige architectuur: be.brussels 

  • Meer dan 3.550 webpagina's volledig toegankelijk gemaakt  

BHG & iO 

Met 1,2 miljoen inwoners heeft het Brussels Hoofdstedelijk Gewest een groot en divers publiek. Al die personen moeten, ongeacht hun taal, digitale skills of capaciteiten, duidelijk geïnformeerd worden over essentiële diensten. Van geboorteregistratie tot parkeervergunningen, van culturele evenementen tot sociale voorzieningen; de burger rekent op toegankelijke communicatie. Voortaan staat al die cruciale informatie op één plek. 

Uitdaging

Meer dan 200 websites omzetten naar één helder en toegankelijk portaal, gestructureerd rond 13 thematische hubs die samen 1,2 miljoen Brusselaars bedienen.

Oplossing

Een inclusief ecosysteem dat alle openbare informatie structureert rond concrete burgerkwesties, in plaats van een versnipperde verzameling websites. De nieuwe aanpak is gebaseerd op coherentie, relevantie, inclusiviteit en verantwoording.

Van vele kleintjes naar één groot, toegankelijk geheel  

Het Brussels Hoofdstedelijk Gewest stond voor een dubbele uitdaging op het gebied van efficiëntie en digitale toegankelijkheid. Met meer dan 200 websites die door verschillende afdelingen worden beheerd vormde het digitale portaal van het gewest een administratieve wirwar.  

In de loop der jaren was een enorme diversificatie van de verschillende Brusselse administraties ontstaan, met een wildgroei van digitale kanalen. Zelfs voor basisinformatie moest de Brusselaar een digitale hindernisbaan doorlopen, vaak via meerdere websites en procedures. Elke afdeling hanteerde zijn eigen digitale logica, waardoor van een logische flow geen sprake was. Boven op die organisatorische complexiteit, stootten gebruikers bovendien op extra barrières, zoals defecte schermlezers, onmogelijke toetsenbordnavigatie of onvoldoende contrast.

Colorful 3D puzzle pieces interlocking, with glowing neon edges in shades of purple, blue, and orange on a reflective surface.

Één portaal, alle antwoorden

Met een regionale webstrategie maakten we een einde aan deze versnippering. Voortaan komt de Brusselaar terecht op een centraal toegangspunt waar alle informatie gebundeld is, duidelijk gestructureerd rond concrete topics en diensten. Universele toegankelijkheid staat in ons ontwerp centraal: de behoeften van alle burgers primeren. De burgerervaring voor alle gebruikers, ongeacht hun capaciteiten, werd radicaal getransformeerd.  

Toegankelijkheidsaudit en inclusief co-design

Met een uitgebreide analyse van de bestaande websites brachten we alle mogelijke gebruiksbarrières in kaart. Deze doorlichting onthulde een diepe kloof tussen het theoretische gebruik en de praktische realiteit van de websites. 

We organiseerden workshops rond inclusief design voor alle administratieve betrokken partijen, zodat we de behoeften van de gebruikers al vanaf de ontwerpfase konden integreren. Met het implementeren van WAI-ARIA best practices voor dynamische interfaces en de WCAG 2.2 AA-richtlijn als absolute minimum legden we de lat hoog.

Abstract image of concentric, wavy lines creating a ripple effect in shades of blue and white, with a blurred background.

Lezen zonder obstakels

Om onze inspanningen te beoordelen integreerden we geautomatiseerde toegankelijkheidstests in de ontwikkelingsworkflow en valideerden we NVDA en JAWS voor maximale compatibiliteit. We testten onder meer op exclusieve toetsenbordnavigatie zonder muis en zorgden ervoor dat kleurcontrasten voldeden aan de WCAG-normen.  

Voor burgers maakt dat een wereld van verschil. Iemand die volledig afhankelijk is van toetsenbordnavigatie kan nu probleemloos door alle diensten surfen. En een Brusselaar met slechtziendheid leest dankzij geoptimaliseerde contrasten informatie nu zonder obstakels. 

Blue abstract background with a wavy path and multiple blue spheres. A single orange sphere stands out in the path.

De nieuwe portaalsite be.brussels: modern, veilig en toekomstbestendig

Dankzij het eengemaakte ecosysteem be.brussels vindt de Brusselaar voortaan alle online diensten op een modern, intuïtief en veilig platform. De nieuwe architectuur ontkoppelde de backend (Drupal 10) en de frontend (NextJS) voor betere prestaties, meer flexibiliteit en extra onderhoudsgemak. Bij de ontwikkeling van het platform introduceerden we ook een componentenbibliotheek: herbruikbare toegankelijke componenten die technische consistentie en conformiteit garanderen. 

De belangrijkste gebruikte technologieën:

"Samen met iO hebben we digitale oplossingen gerealiseerd die het leven van burgers vereenvoudigen en bijdragen aan een inclusieve, duurzame digitale toekomst. De gewonnen award benadrukt de kracht van onze samenwerking en de concrete resultaten die we samen hebben bereikt."

Benjamin Snick

Benjamin Snick, Project Manager: Customer Relation, Product & Strategy – eCitizen

Abstract image of intertwined translucent ribbons in purple and blue hues, with glowing white dots scattered throughout.

Wat leverde de transformatie op voor burgers en overheid? 

De transformatie leverde zowel meetbare resultaten als een culturele omwenteling op. Enkele highlights: 

  • Verbeteringen op het vlak van toegankelijkheid: het uniforme portaal is WCAG 2.2 AA-conform 

  • Winnaar van de Impact Award for Digital Accessibility: erkenning van uitmuntendheid in inclusief ontwerp en positionering van het Gewest als Europese referentie 

  • We behaalden het AnySurfer label, een belangrijke erkenning voor digitale toegankelijkheid 

  • Meer dan 3.550 pagina’s zijn volledig toegankelijk gemaakt  

  • Succesvolle migratie van tien administraties naar het nieuwe platform 

  • 200+ websites zijn teruggebracht tot één samenhangend ecosysteem  

  • De integratie van andere administraties in het portaal zijn in volle gang

A crowd of people in a futuristic setting with intersecting light beams creating a dynamic and vibrant atmosphere.

Wat betekent dit nu voor het Brussels Hoofdstedelijk Gewest zelf?

Het heeft vandaag een efficiëntere en makkelijker vindbare website: 

  • Maximale SEO dankzij een betere semantische structuur en betere indexering  

  • Verbeterde prestaties dankzij geoptimaliseerde laadtijden 

  • Vereenvoudigde en meer intuïtieve ervaring 

  • Lagere onderhoudskosten: gestandaardiseerde architectuur en herbruikbare componenten  

  • Kleinere digitale voetafdruk 

Enkele resultaten in cijfers 

+100.000
unieke bezoekers per maand
20%
bounce rate afname in 2 jaar tijd
50%
van de conversies is succesvol

Maar de impact van deze transformatie gaat nog verder. Want door op een vernieuwende manier naar toegankelijkheid te kijken, dragen we bij tot een culturele revolutie. Deze ingrijpende transitie symboliseert de overgang van de ‘toegankelijkheid als wettelijke verplichting’-benadering naar een visie waarbij toegankelijkheid een kernwaarde is, geïntegreerd in alle ontwerp- en ontwikkelingsprocessen. 

Wil je weten hoe jouw digitale transformatie niet alleen wettelijk conform, maar ook écht gebruiksvriendelijk wordt voor iedereen?

Ontdek het met een toegankelijkheidsaudit of vraag onze whitepaper Van compliance naar uitmuntendheid in digitale toegankelijkheid aan. Laten ons samen bouwen aan een digitale wereld die echt voor iedereen werkt.

Mail iconMail icon to signify link to contact em-mail address
business@iodigital.com