Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Buurt Booster

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Buurt Booster
Datum 7 november 2025
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 71

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://www.buurtbooster.nl/geboost/beweegpark-born/ staat onderaan een informatieve afbeelding met meerdere gymtoestellen. Het tekstalternatief van deze afbeelding is "Beweegpark Born met gymtoestellen". De afbeelding bevat echter meer informatie, zoals de namen van de toestellen en het merk. Deze informatie is nu niet beschikbaar voor bezoekers die de afbeelding niet kunnen zien en laten voorlezen. Zorg ervoor dat deze informatie ook in het tekstalternatief staat of ergens anders op de pagina. Zie ook succescriterium 1.4.5.

Bevinding 2: Op pagina https://www.buurtbooster.nl/ staan twee decoratieve afbeeldingen onder de kop "Ik heb een goed idee!". Deze afbeeldingen hebben allebei een tekstalternatief gekregen, waardoor ze ook gepresenteerd worden door hulpsoftware, bijvoorbeeld screenreaders. Bijvoorbeeld "Afbeeldinging van een persoon die belt.". Deze afbeeldingen voegen geen informatie toe en daarom moeten ze genegeerd kunnen worden. Laat daarom het tekstalternatief leeg (alt=""). Let op: "Afbeeldinging" is verkeerd gespeld en daarnaast is de tekst "Afbeelding van…" sowieso overbodig.

Bevinding 3: Op pagina https://www.buurtbooster.nl/ staat onderaan, vlak boven de footer een svg-element met de tekst "Samen voor een betere buurt". Deze afbeelding heeft geen tekstalternatief, waardoor blinde bezoekers niet kunnen weten wat in deze afbeelding staat. Voeg een title-element toe aan dit svg-element waarin tenminste de zichtbare tekst staat. Andere oplossingen zijn ook mogelijk. Zie ook succescriterium 1.4.5.

Bevinding 4: In de PDF https://www.buurtbooster.nl/wp-content/uploads/2025/03/PresentatiefLeefbaarheidsaanpakProvLimburg.pdf staan op alle pagina's meerdere afbeeldingen die allemaal geen tekstalternatief hebben. Informatieve afbeeldingen, zoals de voorbeelden op pagina 3 en het schema op pagina 5 moeten een tekstalternatief krijgen dat beschrijft wat op deze afbeeldingen staat. Decoratieve afbeeldingen, zoals de kaders op pagina 1, 12 en 13 moeten als decoratief (artifact) aangemerkt worden, zodat ze uit de tags verdwijnen.

Bevinding 5: in de footer op alle webpagina's staan twee iconen vóór "Telefoon:" en "E-mail:". Deze zijn decoratief en hebben geen tekstalternatief, dat is goed. Deze moet expliciet worden verborgen, bijvoorbeeld via aria-hidden="true". Op die manier kunnen alle hulpsoftware deze afbeeldingen negeren. Dit geldt ook voor de twee gelijkwaardige afbeeldingen op pagina https://www.buurtbooster.nl/.

Bevinding 6: Advies: op pagina https://www.buurtbooster.nl/partners/ staan meerdere afbeeldingen met logo's zonder tekstalternatief (alt=""). Er staat wel een alternatief in de kopteksten ernaast en daarom wordt dit niet afgekeurd. Het zou wel beter zijn om deze afbeeldingen een tekstalternatief te geven, bijvoorbeeld "Logo Provincie Limburg" en "Logo Katalys" etc.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: Op pagina https://www.buurtbooster.nl/geboost/het-buitenlokaal-in-griendtsveen/ zijn de kopteksten "Wifi-hotspot" en "Mooi weer" niet opgemaakt als koppen (h2). Maak hier kopteksten van.
Vergelijkbare problemen komen vaker voor, bijvoorbeeld op pagina https://www.buurtbooster.nl/informatie/ onder "Wat zijn de voorwaarden voor mijn project?". Zie ook pagina's https://www.buurtbooster.nl/geboost/top-venlo-samen-maken-we-het-verschil/, https://www.buurtbooster.nl/geboost/beweegpark-born/ en https://www.buurtbooster.nl/geboost/op-de-koffie/.

Bevinding 8: Op pagina https://www.buurtbooster.nl/informatie/ staan onder de kop "Deze vragen worden vaak aan ons gesteld" teksten die semantisch en visueel kopteksten moeten worden: "Regeling voor kleinschalige initiatieven…" en "Regeling voor stichtingen…". Deze teksten zijn daarnaast opgemaakt met het strong-element. Dit is echter niet bedoeld voor kopteksten, maar voor teksten die nadruk nodig hebben. Verwijder het strong-element en maak van deze teksten kopteksten (h2, h3 etc.). Zie ook succescriterium 2.4.6.
Dit probleem komt vaker voor, bijvoorbeeld op pagina https://www.buurtbooster.nl/geboost/beleef-en-doetuin-in-tienray/ de teksten "Doel van het project", "Toegankelijkheid belangrijk aandachtspunt" en "Middelen voor realisatie…". Zie ook pagina https://www.buurtbooster.nl/geboost/en-opstaan-een-verhalenzoektocht-in-heerlen/.

Bevinding 9: Op pagina https://www.buurtbooster.nl/geboost/beleef-en-doetuin-in-tienray/ is de introductietekst "In het voorjaar 2024 is in Tienray gestart…" opgemaakt met het strong-element. Dit element is bedoeld om één of enkele woorden de nadruk te geven en niet om een bepaalde opmaak te krijgen. Verwijder dit element en gebruik CSS voor de opmaak.
Dit probleem komt vaker voor, bijvoorbeeld op pagina's https://www.buurtbooster.nl/geboost/fortuna-museum-sittard/ en https://www.buurtbooster.nl/geboost/beweegpark-born/.

Bevinding 10: Op pagina https://www.buurtbooster.nl/informatie/ staan onder "Fysieke projecten" en "Sociale projecten" opsommingslijsten. Hierbij is elk lijstonderdeel opgemaakt als eigen, afzonderlijke lijst en dat klopt niet. Onder "Fysieke projecten" en onder "Sociale projecten" moet steeds één lijst komen met elk twee lijstonderdelen.
Dit probleem komt vaker voor op deze en andere pagina's, bijvoorbeeld op https://www.buurtbooster.nl/geboost/top-venlo-samen-maken-we-het-verschil/.

Bevinding 11: Op pagina https://www.buurtbooster.nl/geboost/beweegpark-born/ staat onder "Extra resultaten" een opsommingslijst met drie onderdelen. Dit is echter niet als een opsommingslijst opgemaakt. Gebruik hiervoor de elementen ul en li om het als opsommingslijst op te maken. Op die manier kunnen ook gebruikers van hulpsoftware dit herkennen als opsommingslijst.

Bevinding 12: Op pagina https://www.buurtbooster.nl/geboost/het-buitenlokaal-in-griendtsveen/ zijn "Wifi-hotspot" en de teksten "De school heeft een deel…" en "In het nieuwe buitenlokaal is plek…" opgemaakt als één alinea (p-element). Dit moet een koptekst (h2) en twee losse alinea's worden. Dit geldt ook voor de koptekst "Mooi weer" en de tekst "Het buitenlokaal is geen vervanging…".
Vergelijkbare problemen komen vaker voor, bijvoorbeeld op pagina https://www.buurtbooster.nl/buurtbooster-festival-fondsenplein-2025/ onder "Avondprogramma".

Bevinding 13: De PDF op pagina https://www.buurtbooster.nl/wp-content/uploads/2025/04/Presentatie-Jouw-verhaal-jouw-KrachtHvK.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat codes of tags ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 14: De PDF op pagina https://www.buurtbooster.nl/wp-content/uploads/2025/03/PresentatiefLeefbaarheidsaanpakProvLimburg.pdf is wel voorzien van codes, wat betekent dat hulpsoftware het document kan interpreteren en dat is goed. Er zijn echter wel problemen met deze codes of tags gevonden. Hier volgen enkele voorbeelden.
Op pagina 7 zijn de teksten "Lijn 1", "Lijn 2" en "Lijn 3" koppen voor de inhoud eronder en daarom moeten ze opgemaakt worden als kopteksten (H2). Dit probleem komt ook voor op pagina 8.
Op pagina 13 staat een schema waarin de onderdelen een bepaalde relatie met elkaar hebben. Deze relaties zijn niet te achterhalen in de tags. Zorg ervoor dat dit wel duidelijk wordt, bijvoorbeeld door deze informatie ook in tekst aan te bieden.
Op pagina 14 staat een tabel. Deze tabel is niet regelmatig, want de meeste rijen hebben 4 cellen, maar de eerste rij heeft er 3 en de zesde en achtste rij hebben slechts 2 cellen. Zorg ervoor dat elke rij evenveel cellen heeft. Verder moeten de cellen in de eerste kolom ook als tabelkoppen (TH) getagd worden.
Vergelijkbare problemen komen voor in de tabel op pagina 15. Hier is verder nog een probleem met de relaties tussen de samengevoegde cellen in de eerste kolom (bijvoorbeeld "Kleinschalige (inwoners)initiatieven") en de cellen ernaast vanaf "Sociaal". Hierbij moet aangegeven worden dat die horen bij de cellen in de eerste kolom.

Bevinding 15: Advies: Pagina https://www.buurtbooster.nl/ mist een kop op het hoogste niveau (h1). Dit is niet verplicht, maar het zou de toegankelijkheid wel ten goede komen als er een kop op niveau 1 zou zijn.

Bevinding 16: Advies: Vrijwel alle webpagina's (behalve de homepagina) hebben de titel in een kop van niveau 1 (h1). De volgende kop is er een op niveau 3 (h3). Dit is niet direct een toegankelijkheidsprobleem, maar het is wel beter om geen niveau's in de koppenstructuur over te slaan en van niveau 1 naar niveau 2 (h2) te gaan. Zie bijvoorbeeld pagina's https://www.buurtbooster.nl/informatie/, https://www.buurtbooster.nl/geboost/beleef-en-doetuin-in-tienray/ en https://www.buurtbooster.nl/partners/.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 17: Op pagina https://www.buurtbooster.nl/voorbeelden/ staan blokken met een afbeelding, een kop en een link. Als de blokken achter elkaar worden voorgelezen, is het niet duidelijk bij welke kop de afbeelding hoort. Zet de koppen vooraan in de HTML-code en zet hierachter de afbeelding. Visueel mag de huidige indeling wel aangehouden worden. Dit kan ook opgelost worden door de afbeeldingen een leeg tekstalternatief (alt="") te geven, want dan worden ze genegeerd door hulpsoftware.

Bevinding 18: De volgorde van de tags in de PDF op pagina https://www.buurtbooster.nl/wp-content/uploads/2025/03/PresentatiefLeefbaarheidsaanpakProvLimburg.pdf is niet logisch. Hier volgen enkele voorbeelden, maar er zijn meer problemen.
Op pagina 1 komt de titel "De Limburgse Leefbaarheidsaanpak" na de tekst "Presentatie BuurtBooster…".
Op pagina 5 komt eerst het schema "Elke Limburger telt", dan de tekst "Eén provincie" en daarna pas de tekst "Samen leven en bestaanszekerheid" in het eerstgenoemde schema.
Op pagina 7 komen eerst de tekst "Inwonersinitiatieven" en dan pas de (kop)tekst "Lijn 1". Dit geldt ook voor de andere blokken. Iets vergelijkbaars komt ook voor op pagina 8. Daar gaat de tagvolgorde ook van het ene blok naar het andere. Dat is ook het geval op pagina 9.
In het schema op pagina 13 is de volgorde van de tags ook niet logisch. Let erop dat de volgorde in PowerPoint vaak de volgorde is waarin je onderdelen op de dia zet. Dit is in PowerPoint nog wel aan te passen.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://www.buurtbooster.nl/ staat onder "Ik heb een goed idee" een formulier waar de bezoeker zijn eigen telefoonnummer en e-mailadres kan invullen. Het doel van deze velden moet programmatisch kunnen worden bepaald, zodat deze velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen: voor het telefoonnummer autocomplete="tel" of autocomplete="tel-national" en voor het e-mailadres autocomplete="email". Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut staat op de pagina: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 20: Op de website https://www.buurtbooster.nl/ zijn meerdere contrastproblemen gevonden. Hier volgen enkele voorbeelden, maar er kunnen meer problemen zijn.
Op meerdere pagina's staat groene tekst (HEX #008891) op een witte achtergrond of andersom. Bijvoorbeeld "Wij helpen je op weg!!" op pagina https://www.buurtbooster.nl/. De contrastratio is hier 4,2:1, waar het minimaal 4,5:1 moet zijn.
Dit komt dus vaker voor, bijvoorbeeld op pagina https://www.buurtbooster.nl/voorbeelden/ en in het hoofdmenu op pagina https://www.buurtbooster.nl/geboost/beleef-en-doetuin-in-tienray/. Voor grotere teksten, zoals "Wat is BuurtBooster?" en "Voor wie is BuurtBooster?" op de homepagina en de kopteksten op pagina https://www.buurtbooster.nl/geboost/beleef-en-doetuin-in-tienray/ is dit overigens wel voldoende.

Bevinding 21: Op pagina https://www.buurtbooster.nl/ staat de roze tekst "buurtbewoners en maatschappelijke organisaties" (HEX #e94190) op een lichtroze achtergrond (HEX #ffd0e4). De contrastratio is 2,7:1 waar dit minimaal 4,5:1 moet zijn.
Dit komt vaker voor, bijvoorbeeld op pagina https://www.buurtbooster.nl/buurtbooster-festival-fondsenplein-2025/.

Bevinding 22: Op pagina https://www.buurtbooster.nl/, onder de invoervelden bij "Bel mij!" en "Mail mij!" kunnen knoppen verschijnen, zoals "Versturen". De witte tekst op deze knoppen heeft een contrastratio van 3,7:1 op de roze achtergrond (HEX #e94190). Dit kan vaker voorkomen.

Bevinding 23: Op pagina https://www.buurtbooster.nl/buurtbooster-festival-fondsenplein-2025/ staan meerdere roze teksten (HEX #ffd0e4) op een witte achtergrond met een contrastratio van 1,3:1, waar dit minimaal 4,5:1 moet zijn.
Dit komt ook voor op pagina https://www.buurtbooster.nl/geboost/op-de-koffie/.

Bevinding 24: Op pagina https://www.buurtbooster.nl/voorbeelden/ staan meerdere witte linkteksten "Lees meer over dit project" op een lichtgroene achtergrond (HEX #bed67a). De contrastratio is hier 1,6:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 25: Op pagina https://www.buurtbooster.nl/ staan invoervelden bij "Bel mij!" en "Mail mij!". De grijze placeholderteksten "vul je telefoonnummer in" en "vul je e-mail adres in" (HEX #CCCCCC) hebben een contrast van 1,6:1 op de witte achtergrond, waar dit minimaal 4,5:1 moet zijn.

Bevinding 26: Op pagina https://www.buurtbooster.nl/geboost/beweegpark-born/ staat onderaan een afbeelding met tekst op verschillende achtergrondafbeeldingen, bijvoorbeeld "MULTIFUNCTIONEEL BEWEEGPARK BORN", "CROSS", etc. Deze witte teksten hebben op meerdere punten een te laag contrast op de achtergrond, bijvoorbeeld 1,6:1 op een lichtblauwe achtergrond (HEX #9ED5FE) of lichtbruine achtergrond (HEX #E6C59B). Dit moet minimaal 4,5:1 zijn.

Bevinding 27: Op pagina https://www.buurtbooster.nl/buurtbooster-festival-fondsenplein-2025/ staat de witte titel "BuurtBooster Festival en…" op een roze achtergrond (HEX #ffd0e4). De contrastratio is hier 1,3:1. Dit moet minimaal 3,0:1 zijn, omdat dit grote tekst is.

Bevinding 28: In de PDF https://www.buurtbooster.nl/wp-content/uploads/2025/03/PresentatiefLeefbaarheidsaanpakProvLimburg.pdf staat op pagina 5 een schema met onder andere de witte tekst "Samen leven en bestaanszekerheid" op een bruine achtergrond. De contrastratio is hier 4,0:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 29: In de PDF https://www.buurtbooster.nl/wp-content/uploads/2025/03/PresentatiefLeefbaarheidsaanpakProvLimburg.pdf staan op pagina 8 meerdere contrastproblemen. De witte teksten op een paarse achtergrond, zoals "Kleinschalige (inwoners)initiatieven" hebben een contrastratio van 2,8:1; de opsommingen eronder zijn paarse teksten (HEX #5B54B8) op een lichtpaarse achtergrond (HEX #CCCAE9) met een contrastratio van 3,9:1; de blauwe opsommingen, zoals onder "Gebiedsgerichte publieke initiatieven" hebben een contrastratio van 3,3:1 op de lichtblauwe achtergrond. Deze contrastratio's moeten minimaal 4,5:1 zijn.
Deze problemen komen ook op andere pagina's voor.

Bevinding 30: In de PDF https://www.buurtbooster.nl/wp-content/uploads/2025/03/PresentatiefLeefbaarheidsaanpakProvLimburg.pdf staat op pagina 14 een tabel met onder andere de witte tekst "Kleinschalige (inwoners)initiatieven" op een lichtbruine achtergrond. De contrastratio is hier 1,6:1, waar dat minimaal 4,5:1 moet zijn.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 31: Als de website https://www.buurtbooster.nl/ wordt ingezoomd tot 200% bij een schermresolutie van 1280 x 1024 pixels, worden de meeste teksten niet 200% vergroot. Bijvoorbeeld op de homepagina de kopteksten "Wat voor soort projecten komen in aanmerking?", "Hoe werkt dat?" en de 'gewone' teksten en lijstonderdelen. Dit is ook niet het geval als verder wordt ingezoomd, bijvoorbeeld tot 500%. Ook de titel op de pagina's wordt niet vergroot, deze wordt zelfs kleiner. Zorg ervoor dat er een manier is waarop alle teksten 200% vergroot kunnen worden. Dit komt op alle webpagina's voor.

Bevinding 32: Als de website https://www.buurtbooster.nl/ wordt ingezoomd tot 200% bij een schermresolutie van 1280 x 1024 pixels, is het hoofdmenu verplaatst onder een knop. Als deze knop geopend is, kunnen niet alle menu-onderdelen bereikt worden. Voeg bijvoorbeeld een scrollbalk toe, zodat alle onderdelen bereikt kunnen worden.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 33: Op pagina https://www.buurtbooster.nl/geboost/beweegpark-born/ staat onderaan een informatieve afbeelding. Dit is een afbeelding met tekst erin. Voor bezoekers met een visuele beperking is het belangrijk dat tekst als HTML wordt geplaatst en niet in een afbeelding. Zij kunnen tekst in HTML namelijk met een eigen stylesheet naar hun wensen opmaken, terwijl tekst in een afbeelding niet aanpasbaar is. Plaats de tekst indien mogelijk als platte tekst of voeg een toegankelijk alternatief toe. Let op: het toevoegen van een alternatieve tekst zoals beschreven in succescriterium 1.1.1 is niet voldoende om te voldoen aan dit succescriterium.

Bevinding 34: Voor bezoekers met een visuele beperking is het nodig dat zij tekst kunnen lezen als 'echte' tekst en eventueel deze tekst kunnen selecteren, kopiëren en plakken in een ander programma, zodat ze de weergave ervan kunnen aanpassen. Op pagina https://www.buurtbooster.nl/ staan onder "Hoe werkt dat?" de cijfers "1." t/m "4.". Dit zijn svg-elementen en dus afbeeldingen van tekst. Hoewel deze wel meeschalen, kunnen ze niet geselecteerd of aangepast worden. Zorg ervoor dat dit als 'echte' tekst op de webpagina staat.
Dit probleem geldt ook voor afbeelding van tekst "Samen voor een betere buurt" onderaan op deze pagina.

Bevinding 35: Voor bezoekers met een visuele beperking is het nodig dat zij tekst kunnen lezen als 'echte' tekst en eventueel deze tekst kunnen selecteren, kopiëren en plakken in een ander programma, zodat ze de weergave ervan kunnen aanpassen. Op pagina's 5 en 6 in het PDF-document https://www.buurtbooster.nl/wp-content/uploads/2025/03/PresentatiefLeefbaarheidsaanpakProvLimburg.pdf staan schema's met daarin afbeeldingen van tekst: het schema "Elke Limburger telt" (met uitzondering van "Samen leven en bestaanszekerheid") op pagina 5 en "Definitie" en "Behoefte inwoners" met de tekst eronder op pagina 6. Zorg ervoor dat dit als 'echte' tekst in het document staat.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 36: Als de website https://www.buurtbooster.nl/ wordt ingezoomd tot 400% bij een schermresolutie van 1280 x 1024 pixels, is het hoofdmenu verplaatst onder een knop. Als deze knop geopend is, kunnen niet alle menu-onderdelen bereikt worden. Voeg bijvoorbeeld een scrollbalk toe, zodat alle onderdelen bereikt kunnen worden.

Bevinding 37: Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, is de titel op pagina https://www.buurtbooster.nl/buurtbooster-festival-fondsenplein-2025/ niet meer volledig leesbaar. Dit komt doordat het aan de rechterkant deels buiten het scherm valt. Zorg ervoor dat lange woorden worden afgebroken en doorgaan op de volgende regel.
Dit probleem komt vaker voor, bijvoorbeeld op pagina https://www.buurtbooster.nl/geboost/het-buitenlokaal-in-griendtsveen/. Op pagina https://www.buurtbooster.nl/voorbeelden/ geldt het ook voor andere kopteksten op deze pagina. Ook op pagina https://www.buurtbooster.nl/partners/ komt dit probleem voor.

Bevinding 38: Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, vallen op pagina https://www.buurtbooster.nl/partners/ teksten zoals "Maatschappelijke projecten" onder de verschillende partijen onder "Ben je op zoek naar hulp?" over elkaar, waardoor ze niet goed te lezen zijn. Zorg ervoor dat deze woorden binnen de eigen 'kolom' blijven en doorgaan op de volgende regel.

Bevinding 39: Advies: Op pagina https://www.buurtbooster.nl/ staan op twee plekken logo's van de partners. Deze zijn niet allemaal waar te nemen als bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%. Hiervoor is een alternatief gevonden op pagina https://www.buurtbooster.nl/partners/ en daarom wordt dit niet afgekeurd. Het zou echter wel goed zijn om alle partners ook op de homepagina zichtbaar te maken als wordt ingezoomd of als de pagina op een klein scherm wordt bekeken.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 40: Als de website https://www.buurtbooster.nl/ op een klein scherm (320 px) wordt bekeken, is er een knop voor het tonen van het hoofdmenu. Dit is een icoon met drie witte liggende streepjes. Dit icoon heeft in veel gevallen een te laag contrast ten opzichte van de achtergrond. Bijvoorbeeld op de homepagina is de contrastratio 1,4:1 op een roze achtergrond (HEX #FFD0E4), waar dit minimaal 3,0:1 moet zijn. Op vrijwel alle pagina's kan dit witte icoon ook op een witte achtergrond getoond worden, waarbij er dus helemaal geen contrast is. Geef dit icoon een andere kleur of een rand dat altijd voldoende contrast heeft ten opzichte van de achtergrond.

Bevinding 41: Op de website is een aangepaste focusindicator aanwezig. Deze aangepaste focusindicator moet altijd een contrast van minimaal 3,0:1 hebben ten opzichte van de achtergrond. Dit is niet overal het geval, bijvoorbeeld in het hoofdmenu op pagina https://www.buurtbooster.nl/informatie/. Hier heeft de blauwe focusindicator (HEX #233C7F) een contrastratio van 1,5:1 op de paarse achtergrond (HEX #863B8F).
Op pagina https://www.buurtbooster.nl/voorbeelden/ heeft dezelfde focusindicator een contrastratio van 2,4:1 op de groene achtergrond (HEX #008891).
Op pagina https://www.buurtbooster.nl/partners/ heeft dezelfde focusindicator een contrastratio van slechts 1,1:1 op de blauwe achtergrond (HEX #213B54).

Bevinding 42: Op pagina https://www.buurtbooster.nl/voorbeelden/ staan meerdere links "Lees meer over dit project". Als deze links de focus krijgen, verschijnt een aangepaste focusindicator. Deze aangepaste focusindicator moet altijd voldoende contrast hebben ten opzichte van de achtergrond. Op een groene achtergrond (HEX #008891) heeft deze focusindicator een contrastratio van 2,4:1, waar dit minimaal 3,0:1 moet zijn.

Bevinding 43: Op pagina https://www.buurtbooster.nl/ staan invoervelden bij "Bel mij!" en "Mail mij!". Deze witte invoervelden hebben een contrast van 1,6:1 ten opzichte van de lichtblauwe achtergrond (HEX #91D7FD), waar het minimaal 3,0:1 moet zijn.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 44: Wanneer bezoekers op pagina https://www.buurtbooster.nl/ de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium én als deze pagina op een klein scherm (320 px breed) wordt bekeken, zijn de placeholderteksten in de invoervelden onder "Ik heb een goed idee!" niet meer (goed) leesbaar. Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen.

Bevinding 45: Wanneer bezoekers op pagina https://www.buurtbooster.nl/voorbeelden/ de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium én als deze pagina op een klein scherm (320 px breed) wordt bekeken, zijn een aantal kopteksten niet meer goed leesbaar, omdat ze deels buiten beeld vallen. Dit is onder andere het geval bij "Mozaïekbank in Gulpen-Wittem…". Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen.
Dit probleem komt vaker voor, bijvoorbeeld op https://www.buurtbooster.nl/geboost/en-opstaan-een-verhalenzoektocht-in-heerlen/, de titel en bij "Volg ons ook op…". Ook op pagina's https://www.buurtbooster.nl/geboost/het-buitenlokaal-in-griendtsveen/ en https://www.buurtbooster.nl/partners/ is de titel niet meer volledig leesbaar.

Bevinding 46: Wanneer bezoekers op pagina https://www.buurtbooster.nl/partners/ de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, vallen sommige woorden deels over elkaar bij de partijen onder "Ben je op zoek naar hulp?". Dit wordt nog erger als de pagina op een klein scherm (320 px) wordt bekeken. Dan vallen ook sommige andere teksten buiten beeld.

2. Bedienbaar

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevinding 47: Op pagina https://www.buurtbooster.nl/ staan naast de titel meerdere bewegende iconen. Deze bewegende content kan niet gepauzeerd, gestopt of verborgen worden. Dit is belangrijk voor bijvoorbeeld mensen die snel zijn afgeleid door bewegingen op het scherm. Dit voorkomt dat zij zich kunnen concentreren op de rest van de pagina en daarom moet het mogelijk zijn om deze bewegende content te pauzeren of te stoppen. Voeg een pauzeknop toe of laat de beweging alleen uitvoeren als de bezoeker daar zelf voor kiest. Let op: bij meerdere bewegende onderdelen op de pagina moet er één mechaniek zijn om direct alle bewegingen uit te zetten.
Dit komt ook op andere pagina's voor, maar dan is de beweging iets subtieler. Zie bijvoorbeeld https://www.buurtbooster.nl/buurtbooster-festival-fondsenplein-2025/, https://www.buurtbooster.nl/voorbeelden/ en https://www.buurtbooster.nl/partners/. Ook deze subtiele bewegingen moeten gepauzeerd, gestopt of verborgen kunnen worden.

Bevinding 48: Advies: Op pagina https://www.buurtbooster.nl/informatie/ beweegt de ster naast de titel als de pagina wordt geladen. Deze beweging duurt niet langer dan 5 seconden en daarom is dit niet afgekeurd. Het zou wel goed zijn als ook deze beweging uitgezet kan worden.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 49: Alle pagina's op https://www.buurtbooster.nl/ bevatten een skiplink "Ga naar de inhoud" (een mechanisme om naar een ander deel van de pagina te springen), maar deze skiplink werkt niet. Dit komt doordat er geen element met id="maincontent" aanwezig is op de pagina's. Zorg dat bezoekers direct naar de hoofdinhoud van een pagina kunnen springen, zonder dat zij daar extra handelingen voor moeten uitvoeren. Dit kan opgelost worden door <main class="maincontent"> te wijzigen in <main id="maincontent">.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 50: De PDF op pagina https://www.buurtbooster.nl/wp-content/uploads/2025/04/Presentatie-Jouw-verhaal-jouw-KrachtHvK.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat de titel van het document wordt getoond in plaats van de bestandsnaam.

Bevinding 51: De PDF op pagina https://www.buurtbooster.nl/wp-content/uploads/2025/03/PresentatiefLeefbaarheidsaanpakProvLimburg.pdf heeft wel een titel, namelijk "RO Wonen". Dit omschrijft niet het onderwerp of doel van het document. Wijzig dit naar bijvoorbeeld "De Limburgse Leefbaarheidsaanpak".

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 52: Als de website wordt bekeken op een klein scherm (bijvoorbeeld 320 px), is het hoofdmenu verplaatst achter de knop "Open menu…". Hier ontstaan meerdere problemen met de focusvolgorde. Ten eerste kan de toetsenbordfocus terechtkomen op de verborgen onderdelen van het hoofdmenu. Dit is niet toegestaan.
Ten tweede komt de knop om het menu te openen in de focusvolgorde na de menu-onderdelen. Dit moet andersom.
Ten derde kan, als vervolgens de knop wordt geopend, de toetsenbordfocus terechtkomen op de webpagina die door het geopende menu bedekt wordt. De focus mag niet terechtkomen op verborgen onderdelen. Zie ook succescriterium 2.4.11.

Bevinding 53: Op pagina https://www.buurtbooster.nl/ staan invoervelden bij "Bel mij!" en "Mail mij!". Als hier een telefoonnummer of e-mailadres wordt ingevoerd en de knop "Versturen" wordt geactiveerd, verschijnt een dialoogvenster. De focus gaat direct naar de knop "Akkoord" in dit dialoogvenster, maar moet naar het begin van dit dialoogvenster gaan. Na het laatste focusbare onderdeel in dit dialoogvenster, gaat de focus naar de browserbediening en vervolgens naar de onderliggende pagina. Dat is niet toegestaan. Zorg voor een goede focusvolgorde, bijvoorbeeld door het op te maken volgens https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/. Zie ook succescriterium 2.4.11.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 54: Op pagina https://www.buurtbooster.nl/voorbeelden/ staan links met de linktekst "lees meer over dit project". Deze links hebben geen context met de content erboven. Dit betekent dat het niet duidelijk is over welk project het gaat. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van het bericht of pagina waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn.

Bevinding 55: Op pagina https://www.buurtbooster.nl/geboost/beleef-en-doetuin-in-tienray/ staat vóór de tekst "Doel van het project" een onzichtbare link. Deze link heeft geen duidelijk linkdoel. Verwijder deze link of maak het linkdoel duidelijk.

Bevinding 56: Advies: op pagina https://www.buurtbooster.nl/geboost/en-opstaan-een-verhalenzoektocht-in-heerlen/ staat onder "Meer informatie" de link "Instagram en". Het doel van deze link lijkt niet helemaal duidelijk door het woord "en". Dit wordt niet afgekeurd maak kan beter wel aangepast worden.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 57: Er is maar één manier om alle pagina's binnen deze website te vinden en dat is door het volgen van links. Zorg dat er nog een manier is om elke pagina te kunnen bereiken, bijvoorbeeld via een zoekmachine of sitemap.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 58: Op pagina https://www.buurtbooster.nl/informatie/ staat twee keer de koptekst "Deze vragen worden vaak aan ons gesteld". Doordat dit twee keer dezelfde kopteksten zijn, is het niet duidelijk welke content er onder staat. Verwijder de tweede koptekst en maak van de teksten "Regeling voor kleinschalige initiatieven…" en "Regeling voor stichtingen…" kopteksten (h4). Andere oplossingen zijn ook mogelijk.

Bevinding 59: Op pagina https://www.buurtbooster.nl/geboost/beleef-en-doetuin-in-tienray/ staat twee keer dezelfde koptekst "Behoefte aanleg beleef- en doetuin in Tienray" achter elkaar. Dit zorgt ervoor dat de tweede koptekst niet duidelijk is. Verwijder de tweede kop.
Dit probleem komt ook voor op pagina's https://www.buurtbooster.nl/geboost/top-venlo-samen-maken-we-het-verschil/ en https://www.buurtbooster.nl/geboost/op-de-koffie/.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 60: Als de website wordt bekeken op een klein scherm (bijvoorbeeld 320 px), is het hoofdmenu verplaatst achter de knop "Open menu…". Als vervolgens met het toetsenbord genavigeerd wordt, is de focus niet zichtbaar op de onderdelen van dit hoofdmenu. Zorg ervoor dat ziende toetsenbordgebruikers altijd kunnen zien waar zij zich bevinden. Zie ook succescriterium 2.4.3.

Bevinding 61: Als pagina https://www.buurtbooster.nl/ wordt geladen, is er geen logo zichtbaar linksboven, naast het hoofdmenu. Dit is echter wel een link die focus kan ontvangen. Dit is dan ook niet zichtbaar en dat is niet toegestaan. Zorg ervoor dat ziende toetsenbordgebruikers altijd kunnen zien waar zij zich bevinden.

Bevinding 62: Op pagina https://www.buurtbooster.nl/ staan twee invoervelden onder "Bel mij!" en "Mail mij!". Hieronder kunnen de knoppen "Versturen", "Bel mij terug" en "Mail mij terug" verschijnen. Als deze knoppen niet zichtbaar zijn, kunnen zij wel de toetsenbordfocus ontvangen, dit is dan niet zichtbaar. Zorg ervoor dat ziende toetsenbordgebruikers altijd kunnen zien waar zij zich bevinden.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 63: Op pagina https://www.buurtbooster.nl/ staan twee invoervelden onder "Bel mij!" en "Mail mij!". Deze invoervelden hebben geen naam. Dit betekent dat de visueel zichtbare teksten "Bel mij!" en "Mail mij!" niet gebruikt kunnen worden met spraakbedieningssoftware. Geef deze invoervelden een naam die in ieder geval de zichtbare teksten bevatten, het liefst vooraan. Zie ook succescriterium 4.1.2.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 64: In de eigenschappen van PDF https://www.buurtbooster.nl/wp-content/uploads/2025/04/Presentatie-Jouw-verhaal-jouw-KrachtHvK.pdf is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF, in dit geval "Nederlands" of "nl".

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 65: Op pagina https://www.buurtbooster.nl/ staat onder "Ik heb een goed idee" een invoerveld onder "Mail mij". Als hier een foutief e-mailadres wordt ingegeven (zonder "@" en "."), verschijnt er geen foutmelding. De enige hint dat de invoer fout is, is dat de knop "Versturen" niet aanwezig is. Het kan daarom voor gebruikers onduidelijk zijn dat er iets fout is gegaan. Zorg ervoor dat er een duidelijk foutmelding wordt getoond die aangeeft dat er iets fout is gegaan en wat er fout is gegaan. Let erop dat deze foutmelding ook moet worden voorgelezen en dat standaard browservalidaties niet voldoen. Zie ook succescriterium 3.3.3.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 66: Op pagina https://www.buurtbooster.nl/ staat onder "Ik heb een goed idee" een invoerveld onder "Mail mij". Als hier een foutief e-mailadres wordt ingegeven (zonder "@" en "."), verschijnt geen suggestie voor een goed e-mailadres. Er verschijnt ook geen fout, maar de knop "Versturen" is dan ook niet aanwezig. Het kan daarom voor gebruikers onduidelijk zijn wat ze moeten doen. Geef daarom een suggestie van een goed e-mailadres, het liefst vooraf. Let erop dat dit niet als placeholdertekst wordt getoond, want die is niet meer zichtbaar wanneer de bezoeker al iets heeft ingevuld. Zie ook succescriterium 3.3.1.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 67: Als de website https://www.buurtbooster.nl/ op een klein scherm (320 px) wordt bekeken, zit het hoofdmenu achter de knop "Open menu op mobiele weergaves". Als deze knop geopend is, heeft het dezelfde naam. De status van deze knop is daarom niet duidelijk. Zorg dat de naam dan wijzigt naar bijvoorbeeld "Sluit menu op mobiele weergaves". Andere oplossingen zijn ook mogelijk, bijvoorbeeld door "Open" uit de naam te verwijderen en gebruik maken van het aria-expanded-attribuut, waarvan de waarde dynamisch wijzigt.

Bevinding 68: Op pagina https://www.buurtbooster.nl/ staan twee invoervelden onder "Bel mij!" en "Mail mij!". Deze invoervelden hebben geen naam en dat komt doordat de gekoppelde labels verborgen zijn. Zorg ervoor dat deze labels beschikbaar worden voor hulpsoftware en dat de inhoud van deze labels overeenkomt met de visueel zichtbare teksten "Bel mij!" en "Mail mij!". Andere oplossingen zijn ook mogelijk. Zie ook succescriterium 2.5.3.

Bevinding 69: Op pagina https://www.buurtbooster.nl/ staan twee invoervelden onder "Bel mij!" en "Mail mij!". Als hier een telefoonnummer of een e-mailadres wordt ingevuld, kunnen knoppen "Versturen" verschijnen. Als een van deze knoppen wordt geactiveerd, opent het dialoogvenster "Toestemmingsverklaring verwerking…". Dit interactief element heeft geen naam en geen rol die door software bepaald kan worden. Maak dit op als een modaal dialoogvenster volgens https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/. Andere oplossingen zijn ook mogelijk.

Bevinding 70: Op pagina https://www.buurtbooster.nl/geboost/beleef-en-doetuin-in-tienray/ staat vóór de tekst "Doel van het project" een onzichtbare link. Deze link heeft geen naam. Verwijder deze link of geef het een naam. Zie ook succescriterium 2.4.4.

Bevinding 71: Op pagina https://www.buurtbooster.nl/geboost/het-buitenlokaal-in-griendtsveen/ heeft de alinea vanaf "Wifi-hotspot" het attribuut aria-level="2" gekregen. Dit attribuut is echter alleen toegestaan op een element met role="heading". Zie ook succescriterium 1.3.1 voor andere problemen en een oplossingssuggestie.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2025-11-30 22:04:56 v2.4-011