Issues:
Content-audit digitale toegankelijkheid website Begrotingsapp Capelle aan den IJssel
(Alleen de bevindingen)
Scope van de evaluatie
| Naam website | Begrotingsapp Capelle aan den IJssel |
|---|---|
| Datum | 20 januari 2026 |
| Scope van de website |
Binnen de scope van het onderzoek valt:
|
| Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
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://capelleaandenijssel.begrotingsapp.nl/404/404 staat vóór de kop "404" een decoratieve afbeelding. Deze afbeelding is niet verborgen voor hulpsoftware. Een decoratieve afbeelding geeft geen extra informatie en moet daarom verborgen worden voor schermlezers. Dit kan op verschillende manieren. Gebruik voor afbeeldingen in een img-element een leeg alt-attribuut (alt="").
Bevinding 2: Op pagina https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/projecten openen knoppen zoals “BG22 | Actualiseren wegencategoriseringsplan” dialoogvensters. In deze dialoogvensters staan logo’s zonder tekstalternatief. Het alt-attribuut is leeg. Informatieve afbeeldingen zoals een logo moeten altijd een alt-tekst hebben. Wanneer een afbeelding informatie overbrengt, moet de alternatieve tekst die informatie volledig en betekenisvol beschrijven. In dit geval wordt de visueel aangeboden informatie niet overgebracht aan gebruikers van schermlezers. Voeg een beschrijvende alternatieve tekst toe aan het alt-attribuut. In die alt-tekst moet de volledige tekst staan die in het logo te zien is. Zo weten bezoekers die de afbeelding niet kunnen zien, ook wat er staat. Als het logo geen link is, voeg dan ook het woord ‘Logo’ toe aan de alternatieve tekst.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 3: Op pagina https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/programma/financieel-perspectief-te-voeren-beleid#onderdeel-2801087 staat onder “Afschrijvingsratio” een tekstblok met meerdere alinea’s dat onjuist is gemarkeerd als één p-element. Visueel lijkt deze tekst uit meerdere alinea’s te bestaan: blokjes tekst met witruimtes ertussen. Deze structuur moet ook in de code staan. Zorg dat elke alinea in een eigen p-element is geplaatst. Het aantal alinea’s dat visueel te zien is, moet dus gelijk zijn aan het aantal p-elementen in de code.
Bevinding 4: Op pagina https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/programma/financieel-perspectief-te-voeren-beleid#onderdeel-2801087 staat onder de kop “Eindstand” een datatabel waarvan de juiste markering ontbreekt. Een gegevenstabel heeft een rij of kolom met koppen die gerelateerd zijn aan gegevens in de tabel. Alleen met de juiste opmaak kunnen schermlezers deze relatie correct voorlezen. Zet hiervoor de koppen in th-elementen en de gegevens in td-elementen.
Op de pagina’s https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/programma/programma-6-sociaal-domein, https://capelleaandenijssel.begrotingsapp.nl/kadernota-2026/programma/aanbiedingsbrief, https://capelleaandenijssel.begrotingsapp.nl/bestuursrapportage-2025-2/programma/algemene-voortgang-financin# en anderen zijn vergelijkbare problemen aanwezig.
Bevinding 5: Op pagina https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/leeswijzer#onderdeel-4179600-algemeen staan teksten die bedoeld zijn als koppen, maar de kop-elementen ontbreken. Er wordt een strong-element gebruikt om deze teksten visueel als koppen weer te geven. Dit gebeurt onder andere bij “Jaarverslag”, “Jaarrekening”, “Autorisatieniveau gemeenteraad” en anderen. Het element strong is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een kop-element, zoals h2. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis.
Zie ook pagina https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-volksgezondheid-duurzaamheid-en-milieu# waar een strong-element wordt gebruikt voor teksten die functioneren als koppen: “Toelichting”, “Overzicht lasten en baten”, “KADERSTELLEND BELEID” en anderen. Op pagina https://capelleaandenijssel.begrotingsapp.nl/kadernota-2026/programma/aanbiedingsbrief gaat het om “Hoe staan we er voor?” en “Waar gaan we heen?”. Op pagina https://capelleaandenijssel.begrotingsapp.nl/bestuursrapportage-2025-2/programma/algemene-voortgang-financin# zie “De 6 mogelijke typen …”. Zie ook andere pagina's.
Bevinding 6: Op pagina https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/leeswijzer# is de kop “Voortgang activiteiten” niet gemarkeerd als koptekst. Voor bezoekers die hulpsoftware gebruiken, is een tekst die er visueel uitziet als kop maar niet als kop is gemarkeerd niet bruikbaar. Deze bezoekers navigeren via koppen om de inhoud te scannen of snel naar een specifieke sectie te springen. Dit is alleen mogelijk wanneer de koppen ook in de code als kop zijn vastgelegd. Wanneer koppen uitsluitend visueel zijn vormgegeven (bijvoorbeeld door vetgedrukte tekst), wijkt bovendien de structuur van de informatie in de code af van de visuele structuur. Markeer koppen met het juiste HTML-element, op het correcte kopniveau (h1 t/m h6).
Bevinding 7: Op pagina https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-volksgezondheid-duurzaamheid-en-milieu# openen de knoppen “Wat hebben we gedaan?” extra inhoud. Daarbinnen staan tussenkoppen die niet als kop zijn gemarkeerd: “BG23 | Ambassadeurs gezonde leefstijl trainen”, “Maatregel informatie”, “Portefeuillehouder” en anderen.
Bevinding 8: Op pagina https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-volksgezondheid-duurzaamheid-en-milieu# opent de knop "Wat hebben we gedaan?" onder de kop "Bevorderen en beschermen van de gezondheid van Capellenaren" extra inhoud. De link "BG23 | Ambassadeurs gezonde leefstijl trainen" opent een dialoog. In dit venster staan tussenkopjes “Portefeuillehouder”, “Stand van Zaken” en anderen zonder de juiste markering.
Zie ook andere dialoogvensters op andere pagina's, bijvoorbeeld https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-volksgezondheid-duurzaamheid-en-milieu#.
Bevinding 9: Op pagina https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-volksgezondheid-duurzaamheid-en-milieu# wordt onder de kop “Toelichting” het em-element gebruikt voor visuele opmaak. Dit element wordt niet gebruikt voor nadruk in de tekst, maar alleen om de tekst anders weer te geven. Dit is te zien bij de teksten “Bron: waarstaatjegemeente.nl (Rijkswaterstaat - Klimaatmonitor)” en “Bron: waarstaatjegemeente.nl (CBS - Statistiek Huishoudelijk afval)”. Het em-element heeft een semantische betekenis: het geeft aan dat tekst extra nadruk krijgt. Gebruik dit element daarom niet uitsluitend voor een visueel effect (cursief tekst).
Bevinding 10: Op pagina https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-volksgezondheid-duurzaamheid-en-milieu# wordt in een tabel gebruikgemaakt van kleuren in combinatie met letters om informatie over te brengen, zoals “Gn” voor groen en “O” voor oranje. Deze betekenis is visueel duidelijk voor bezoekers die de kleuren in de tabel kunnen zien. Voor bezoekers die gebruikmaken van hulpsoftware is deze betekenis niet duidelijk, waardoor de informatie mogelijk niet goed wordt begrepen. Zorg dat een duidelijke tekstuele uitleg of legenda wordt toegevoegd waarin de betekenis van de letters en kleuren wordt beschreven, zodat de informatie en onderlinge relaties voor alle bezoekers beschikbaar zijn.
Bevinding 11: Op pagina https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/programma/programma-6-sociaal-domein worden strong-elementen gebruikt voor opmaak. Zie teksten onder de koppen “6A.1 SWC”, “6A.2 Integraal Zorgakkoord (SPUK IZA)”, “6A.3 Opvang ontheemden Oekraïne”. Het strong-element is bedoeld om nadruk in de inhoud aan te geven en niet voor visuele opmaak. Het strong-element heeft een semantische betekenis: het geeft aan dat tekst extra nadruk krijgt. Gebruik dit element daarom niet uitsluitend voor een visueel effect (vetgedrukte tekst).
Dit probleem wordt ook waargenomen op pagina https://capelleaandenijssel.begrotingsapp.nl/kadernota-2026/programma/aanbiedingsbrief zie tekst “Aan: De leden van …”. Zie ook pagina https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/programma/onderzoeksopdrachten onder de kop “Voortgang”.
Bevinding 12: Op pagina https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/programma/programma-6-sociaal-domein staan teksten die functioneren als koppen, maar waar de kop-elementen ontbreken. Het em element wordt gebruikt om deze teksten eruit te laten zien als koppen, bijvoorbeeld bij “Maatschappelijke voorzieningen (sociale cohesie)”, “Huizen van de Wijk”, “Opvang Oekraïense ontheemden” en andere teksten. Het element em is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een kop-element, zoals h4. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis.
Dit probleem wordt ook waargenomen op pagina https://capelleaandenijssel.begrotingsapp.nl/kadernota-2026/programma/aanbiedingsbrief bij “Financieel kader”, “Stedelijk kader” en “Maatschappelijk kader”. Zie ook pagina https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/programma/onderzoeksopdrachten met de tussenkoppen: “Context”, “Onderzoeksvraag”, “Aanpak” en anderen.
Bevinding 13: Op pagina https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/programma/programma-6-sociaal-domein staat onder de kop “6A.1 SWC” een opsomming met 2 items, maar de juiste markering ontbreekt. Tekst die eruitziet als een opsomming, moet ook zo in de code worden gemarkeerd. Meestal is hier een knop voor in de content-editor in het CMS. Voor lijsten en opsommingen worden de HTML-elementen ol (lijst met cijfers) of ul (lijst met bullets) gebruikt. Hulpsoftware weet dan hoe de tekst is gestructureerd. Bovendien kondigen schermlezers dan het aantal items in de lijst aan, voordat ze die gaan voorlezen. Zo weet een blinde bezoeker hoeveel informatie er nog komt.
Dit probleem is ook te zien op pagina https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/programma/onderzoeksopdrachten onder de teksten “Het gaat om de volgende dossiers:”, “Voortgang bij Voorjaarsnota 2022”, “Voortgang bij Begroting 2023” en anderen.
Bevinding 14: Op pagina https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/programma/financieel-perspectief-te-voeren-beleid#onderdeel-2801087 staan twee tabellen onder “Afschrijvingsratio”. In de HTML zijn ze als één enkele tabel gecodeerd. Bij de tweede tabel is de kolomkoprij gemarkeerd met td-elementen. Zorg ervoor dat elke datatabel wordt gemarkeerd als een afzonderlijk table-element, zodat hulpsoftware de informatie correct kan interpreteren en presenteren. Wanneer meerdere tabellen in één worden samengevoegd, kan het voor bezoekers met een schermlezer moeilijk zijn de structuur en relaties binnen de gegevens te begrijpen. Gebruik voor elke tabel aparte table-elementen en markeer kolom- en rijkoppen met th en de gegevenscellen met td.
Dit probleem is ook te zien op pagina https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/programma/financieel-overzicht-programmas.
Bevinding 15: Op pagina https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/leeswijzer staat onder “Ieder programma bestaat uit de onderstaande onderdelen:,” een lijst die visueel één opsomming is gepresenteerd, in de code opgesplitst in twee afzonderlijke ul-elementen. Lijsten die als één doorlopende reeks worden gepresenteerd, moeten ook in de HTML als één enkele lijst zijn gestructureerd. Een correcte markering helpt hulpsoftware om de inhoud van de lijst goed te interpreteren.
Dit probleem is ook geconstateerd op pagina https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/programma/inleiding-en-leeswijzer.
Bevinding 16: De PDF op pagina https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/bestanden/Download/da1da12d-96d5-413e-80cd-0ee152a888ae is van tags voorzien. Hierin zijn kopteksten boven en in de tabellen echter niet opgemaakt als echte koppen (H1-H6). Bijvoorbeeld "Overzicht wijzigingen boekwerk Najaarsnota 2022...", "Wijzigingsvoorstellen", "0.9 Post onvoorzien" en meer. Maak deze teksten op als koppen, zodat ze ook door gebruikers van hulpsoftware herkend kunnen worden als kopteksten.
1.3.3 Zintuiglijke eigenschappen (Niveau A)
Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen
Uitkomst: Onvoldoende
Bevinding 17: Op pagina https://capelleaandenijssel.begrotingsapp.nl/begroting-2026 staat de instructie "Rechts bovenaan deze pagina vindt u bij de paperclip een PDF van de Begroting 2026". Deze instructie is afhankelijk van de visuele weergave en kan daarom gemist worden door blinde en slechtziende gebruikers. Voeg een instructie toe die niet alleen afhankelijk is van zintuiglijke eigenschappen.
Dit probleem komt vaker voor, bijvoorbeeld op pagina https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024.
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur (Niveau A)
Informatie over succescriterium 1.4.1 Gebruik van kleur
Uitkomst: Onvoldoende
Bevinding 18: Op pagina https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/programma/financieel-perspectief-te-voeren-beleid wordt in tabellen onder de koppen “Netto schuldquote (gecorrigeerd voor doorverstrekte leningen)”, “Solvabiliteit”, “EMU-saldo” en anderen alleen kleur gebruikt om informatie te geven. In de tabellen worden groene, gele en oranje kleuren gebruikt om cellen in categorieën te verdelen. Alleen mensen die de kleuren kunnen zien en van elkaar kunnen onderscheiden zien welke kleur bij welke categorie in hoort. Dit kan opgelost worden door naast kleur bijvoorbeeld ook verschillende soorten arcering of tekst te gebruiken.
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 19: Op de pagina https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-volksgezondheid-duurzaamheid-en-milieu# staat witte tekst “O” op een oranje achtergrond (HEX #F5681B). De contrastratio is te laag, namelijk 2,9:1. Op dezelfde pagina staat ook witte tekst “R” op een rode achtergrond (HEX #F3121B). Ook hier is de contrastratio te laag: 4,0:1. Omdat deze tekst kleiner is dan 19 px, moet het contrast minimaal 4,5:1 zijn.
Op dezelfde pagina heeft de tekst “1” onder het kopje “Voortgang activiteiten” een te lage contrastratio wanneer deze wordt aangewezen met de muis of focus krijgt via het toetsenbord. De witte tekst op de rode achtergrond (HEX #D8676A) heeft dan een contrastratio van 3,5:1. Interactieve elementen moeten in alle toestanden voldoende contrast hebben, dus ook bij hover- en focusstatussen. Zorg ervoor dat de link of knop ook bij muisover minimaal een contrastratio van 4,5:1 heeft ten opzichte van de achtergrond.
Dit probleem doet zich ook voor op de pagina https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/leeswijzer#.
Bevinding 20: Op pagina's https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/projecten, https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022, https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/programma/financieel-perspectief-te-voeren-beleid#onderdeel-2801087-eindstand en meer staat onderaan in de footer witte tekst op een lichtblauwe achtergrond (HEX #778EB4). De contrastratio is hier 3,3:1 waar dat minimaal 4,5:1 moet zijn.
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 21: De PDF op pagina https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/bestanden/Download/da1da12d-96d5-413e-80cd-0ee152a888ae 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.
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
- Homepagina:
https://capelleaandenijssel.begrotingsapp.nl/ - 404:
https://capelleaandenijssel.begrotingsapp.nl/404/404 - Activiteiten:
https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/projecten - Begroting 2026:
https://capelleaandenijssel.begrotingsapp.nl/begroting-2026 - Najaarsnota 2022:
https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022 - Jaarstukken 2024:
https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024 - Financieel perspectief te voeren beleid:
https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/programma/financieel-perspectief-te-voeren-beleid#onderdeel-2801087 - Leeswijzer:
https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/leeswijzer# - Programma 7 Volksgezondheid, duurzaamheid en milieu:
https://capelleaandenijssel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-volksgezondheid-duurzaamheid-en-milieu# - Programma 6 Sociaal domein:
https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/programma/programma-6-sociaal-domein - Aanbiedingsbrief:
https://capelleaandenijssel.begrotingsapp.nl/kadernota-2026/programma/aanbiedingsbrief - Algemene voortgang financiën:
https://capelleaandenijssel.begrotingsapp.nl/bestuursrapportage-2025-2/programma/algemene-voortgang-financin# - Onderzoeksopdrachten:
https://capelleaandenijssel.begrotingsapp.nl/voorjaarsnota-2024/programma/onderzoeksopdrachten - PDF Overzicht wijzigingen:
https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/bestanden/Download/da1da12d-96d5-413e-80cd-0ee152a888ae - Inleiding en leeswijzer:
https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/programma/inleiding-en-leeswijzer - Financieel overzicht programma's:
https://capelleaandenijssel.begrotingsapp.nl/najaarsnota-2022/programma/financieel-overzicht-programmas
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.