Rapport:
Audit digitale toegankelijkheid website Buurt Booster

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

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/.

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.

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: 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/.

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/.

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/.

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/.

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.

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".

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.

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.

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.

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/.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: 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.

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/.

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.

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/.

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.

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.

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.

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.

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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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).

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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">.

Uitkomst: Onvoldoende

Bevindingen: 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.

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".

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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/.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: 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".

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

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.

Uitkomst: Voldoende