Een website die altijd bereikbaar is en voldoet aan de toegankelijkheidswetgeving

Veiligheid voor 460.000 inwoners

De Veiligheidsregio Zuid-Holland Zuid zorgt voor de veiligheid van ruim 460.000 inwoners in tien gemeenten. De organisatie helpt bij rampen, grote incidenten en crisissituaties. Denk bijvoorbeeld aan het coördineren van de inzet van hulpdiensten zoals brandweer, politie, GGD en ambulancediensten. Heldere communicatie staat centraal in alles wat de veiligheidsregio doet. Het vernieuwde platform moet VRZHZ hierin ondersteunen.

Scrum, co-creatie en korte lijnen

Het project startte met een aftrap waarin we samen met VRZHZ de prioriteiten, risico’s en technische randvoorwaarden in kaart brachten. Vanaf dat moment werkten we volgens onze Scrum-methodiek in sprints van twee weken, met demo’s, testen en tussentijdse afstemming.

Vanuit Netvlies waren vanaf het begin meerdere disciplines aangehaakt: UX-design, front-end, back-end, DevOps en projectmanagement. Vanuit VRZHZ waren woordvoerders, communicatieadviseurs en technische beheerders betrokken.

 In co-creatie aan de slag gegaan

1. De nieuwe corporate website – zhzveilig.nl

   De oude website was technisch verouderd en voldeed niet aan de toegankelijkheidseisen. We ontwierpen een website die technisch gezien aansluit op de gestelde WCAG-eisen en kozen een gebruiksvriendelijk CMS om het in te bouwen: Drupal.
   
   Een belangrijke toevoeging aan de nieuwe website is de crisiscommunicatiebalk. Dit is een melding die automatisch bovenaan de site verschijnt als er een nieuw incident wordt aangemaakt door een woordvoerder. Deze balk brengt bezoekers in één klik naar de juiste informatie. Het bericht over het indicent verschijnt ook op de websites van aangesloten gemeenten als pop-up.

    

2. CICT via een liveblog
   Tijdens een crisissituatie willen inwoners maar één ding: actuele en betrouwbare updates. Daarom ontwikkelden we een aparte omgeving waarop de liveblog draait, technisch losgekoppeld van het CMS van de corporate website. Hierdoor kan de website honderden verzoeken per seconde aan. Want juist als de stroom uitvalt of er een grote brand is, komen er tienduizenden bezoekers tegelijkertijd naar de website voor updates.

    

3. Publicatie-omgeving voor woordvoerders en voorlichters
   Woordvoerders en voorlichters kunnen via een aparte publicatie-interface informatie publiceren op de liveblog en sociale media. 

Technische realisatie

In crisissituaties zoeken veel mensen tegelijk naar wat er aan de hand is. Precies op dat soort momenten moet de website van VRZHZ goed blijven werken. Daarom hebben we de corporate website gebouwd in Drupal, met hosting op Amazon Web Services (AWS). Dat zorgt voor snelheid, stabiliteit en flexibiliteit. En mocht er ooit een verstoring optreden, dan zorgt een zorgvuldig ingerichte fallback ervoor dat de website altijd bereikbaar blijft voor bezoekers.

De crisiscommunicatie-omgeving (het liveblog) draait op een apart domein, met daarachter een eigen publicatieomgeving. Die loskoppeling van de corporate website is een bewuste keuze. Als er iets misgaat op het ene domein, blijft het andere domein gewoon beschikbaar. Zo kunnen woordvoerders tijdens een crisis altijd updates blijven delen.

Tijdens piekmomenten, bijvoorbeeld direct na een NL-Alert, bezoeken in korte tijd tienduizenden mensen de website van VRZHZ. Om te voorkomen dat de server overbelast raakt en de website traag of onbereikbaar wordt, maken we gebruik van zogenaamde 'pre-generated' pagina’s. Deze worden vooraf klaargezet als statische bestanden. Daardoor hoeft de server de inhoud niet steeds opnieuw te laden of op te bouwen. Bezoekers krijgen razendsnel een volledig werkende pagina te zien, zonder vertraging. Deze techniek maakt de website niet alleen supersnel, maar ook uiterst schaalbaar en robuust - zelfs bij extreem hoge bezoekersaantallen tijdens crisissituaties.

Toegankelijkheid volgens WCAG 2.1 AA

Het streven zou natuurlijk altijd moeten zijn dat je website toegankelijk is voor iedereen, maar voor publieke organisaties zoals VRZHZ is deze digitale toegankelijkheid wettelijk verplicht. WCAG 2.1 AA was vanaf dag één leidend in ontwerp en bouw.

Designers hielden in het ontwerp van de website rekening met onder andere kleurcontrast, lettergrootte en genoeg klikruimte. Developers testten elke sprint handmatig en met tools zoals Axe en Lighthouse. Tijdens de CMS-training voor VRZHZ hebben we ook extra aandacht besteed aan advies over toegankelijke teksten, alt-teksten en toegankelijke PDF’s.

We blijven de komende acht jaar met VRZHZ samenwerken aan verdere doorontwikkeling. Denk aan het toevoegen van dashboards, het toevoegen van meer content mogelijkheden of integratie met landelijke waarschuwingssystemen.