Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website meppel.begrotingsapp.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website meppel.begrotingsapp.nl
Datum 13 november 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op meppel.begrotingsapp.nl.
  • Alle PDF's op meppel.begrotingsapp.nl.
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.
  • De techniek van alle pagina's op meppel.begrotingsapp.nl. Dit vereist een apart onderzoek.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 35

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: Het logo bovenaan de website toont de volledige tekst "Gemeente Meppel", maar de alt-tekst is alleen "Logo Meppel". In het tekstalternatief staat dus niet alle tekst die in het logo te zien is. Dit moet wel. Zo weten bezoekers die het plaatje niet kunnen zien, ook precies wat er staat. Verander het tekstalternatief zodat de volledige tekst van het logo erin staat. Voeg tevens het linkdoel toe, gezien het tevens de bezoeker terugbrengt naar het beginscherm. Een goede beschrijving zou zijn "Logo Gemeente Meppel, ga terug naar beginpagina". Zie ook succescriterium 2.4.4.

Bevinding 2: Op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-3-sociaal-domein staan onder meerdere koppen “Wat hebben we daarvoor gedaan?” interactieve kaartjes die een dialoogvenster openen. In elk dialoogvenster staat een logo "Gemeente Meppel" waarvan het img-element een lege alt-tekst heeft, waardoor hulpsoftware geen beschrijving van dit logo kan voorlezen. Als het alt-attribuut van een afbeelding leeg is (alt=""), negeren schermlezers de afbeelding. Een lege alt-tekst betekent dat deze afbeelding puur decoratief is en geen informatie geeft. Er wordt dan dus niets voorgelezen. Daarom moeten informatieve afbeeldingen altijd een alt-tekst krijgen. Voeg een alt-tekst toe die de volledige tekst van het logo bevat.
Hetzelfde probleem staat op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-sport-en-bewegen met vergelijkbare dialoogvensters, op pagina https://meppel.begrotingsapp.nl/jaarstukken-2023-/programma/programma-8-ontwikkeling-openbare-ruimte en op andere pagina’s van de website.

Bevinding 3: Op pagina https://meppel.begrotingsapp.nl/financile-tussenrapportage-2025/404 staat een afbeelding die is toegevoegd met een img-element, maar een alt-attribuut mist. Een img-element moet altijd een alt-attribuut hebben. Alleen bij een decoratieve afbeelding die geen betekenis overdraagt, moet dit attribuut leeg blijven (alt=""). Bij een informatieve afbeelding moet het alt-attribuut een duidelijke beschrijving van de afbeelding bevatten.

Bevinding 4: In het PDF-document op https://meppel.begrotingsapp.nl/Data/48d6462f-968a-4346-8ed4-deadb7cc5d1a/Public/financile-tussenrapportage-2025.pdf staat op pagina 1 een logo als artefact. Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor schermlezers. De informatie in deze afbeeldingen is daardoor niet toegankelijk voor bezoekers die de tekst laten voorlezen. Informatieve afbeeldingen moeten via een Figure-tag worden geplaatst en een tekstalternatief krijgen die de afbeelding duidelijk beschrijft.
Op pagina 1 van het PDF-document op https://meppel.begrotingsapp.nl/Data/d20da2af-db81-45c5-9e51-c689189e6fe1/Public/perspectiefnota-2026---2029.pdf wordt een vergelijkbaar probleem met het logo waargenomen: het logo is een artefact. Voeg dit logo toe met een figure-element en een tekstalternatief die de tekst van het logo bevat, zodat schermlezers de informatie kunnen weergeven.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://meppel.begrotingsapp.nl/bestuursrapportage-2025/programma/bestuursrapportage-op-hoofdlijnen, staat onder de tekst "Belangrijke actuele ontwikkelingen zijn:" een lijst met 11 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.
Hetzelfde probleem staat op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/beleidsjaar-samengevat met drie lijsten onder de kop “Investeringen”, op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-3-sociaal-domein met lijsten onder de koppen “Samenkracht en burgerparticipatie”, “Eigen kracht en individuele ondersteuning”, “Inkomensregelingen” en andere, en op andere pagina’s van de website.

Bevinding 6: Op pagina https://meppel.begrotingsapp.nl/bestuursrapportage-2025/programma/bestuursrapportage-op-hoofdlijnen zijn de volgende teksten niet als koppen gemarkeerd: "Financiële positie", "Reservepositie", "Moties" en "Toezeggingen". Bezoekers die hulpsoftware gebruiken hebben niets aan een (tussen)kop die er wel uitziet als kop, maar niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren. Maar dat kan alleen als de kop ook echt in de code staat. Als koppen alleen visueel als kop zijn vormgegeven (bijvoorbeeld vetgedrukt), ontstaat bovendien nog een ander probleem: de structuur van de informatie in de code wijkt dan af van de visuele structuur. Dit kan voorkomen worden door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6. Meestal is dit niveau instelbaar via de content-editor in het CMS. De HTML-code voor de kop wordt dan automatisch toegepast.
Hetzelfde probleem staat op pagina https://meppel.begrotingsapp.nl/financile-tussenrapportage-2025/programma/toelichting-per-programma met koppen “Wet Inburgering”, “Publieke gezondheid (GGD)”, “Gemeentelijke opvang Oekraïners” en vele andere, op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/beleidsjaar-samengevat met koppen “Projecten”, “Uitvoering”, “Beleid en randvoorwaarden” en andere, en op andere pagina’s van de website.

Bevinding 7: Op pagina https://meppel.begrotingsapp.nl/bestuursrapportage-2025/programma/bestuursrapportage-op-hoofdlijnen, zijn de volgende teksten onjuist gemarkeerd met strong in plaats van met de juiste kop-elementen: "Resultaat" en "Voortgang Moties perspectiefnota 2025-2028 en Begroting 2025". 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. Het strong-element is wel geschikt om nadruk te geven aan enkele woorden of een zinsdeel.
Hetzelfde probleem staat op pagina https://meppel.begrotingsapp.nl/financile-tussenrapportage-2025/programma/toelichting-per-programma met meerdere koppen “Exploitatie” en de kop “Investeringen”, op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/beleidsjaar-samengevat met koppen “Beleidsontwikkelingen”, “Vergelijking met actuele begroting 2024”, “Sociale zaken en werkgelegenheid” en andere, en op andere pagina’s van de website.

Bevinding 8: Op pagina https://meppel.begrotingsapp.nl/bestuursrapportage-2025/programma/bestuursrapportage-op-hoofdlijnen staat onder de kop “Resultaat” een tabel. Deze tabel bevat overbodige kolommen met lege koppen en cellen die door hulpsoftware worden voorgelezen, wat verwarring veroorzaakt. De onnodige koppen moeten uit de tabel worden verwijderd.
Hetzelfde probleem komt voor in tabellen op andere pagina’s van de website: op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-3-sociaal-domein in de tabellen onder de koppen “Beleidsindicatoren” en “Analyse financiële afwijkingen”, op pagina https://meppel.begrotingsapp.nl/perspectiefnota-2026---2029/programma/beleidsontwikkelingen in de tabellen onder de koppen “Programma 2: Participatie, zorg en minima”, “Programma 3: Onderwijs, cultuur en media” en “Programma 4: Leefomgeving”, en op andere pagina’s.

Bevinding 9: Op pagina https://meppel.begrotingsapp.nl/bestuursrapportage-2025/programma/bestuursrapportage-op-hoofdlijnen, staat onder de kop “Voortgang Moties perspectiefnota 2025-2028 en Begroting 2025” een tabel met een onjuiste markering. De tekst “Moties” is gemarkeerd als tabelkopcel (th), terwijl de visuele koppen “Onderwerp”, “Stand van zaken begroting 2025” en “Status bestuursrapportage 2025” zijn gemarkeerd als tabeldatacellen (td). Dit is niet correct. De markering moet worden aangepast: gebruik een h3-element voor de tekst “Moties” en th-elementen voor de echte tabelkoppen.
Een vergelijkbaar probleem staat op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-3-sociaal-domein in de tabel onder de kop “Analyse financiële afwijkingen” en op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-sport-en-bewegen in de tabel onder dezelfde kop.

Bevinding 10: Op pagina https://meppel.begrotingsapp.nl/bestuursrapportage-2025/programma/bestuursrapportage-op-hoofdlijnen, staat onder de kop “Voortgang Moties perspectiefnota 2025-2028 en Begroting 2025” een tabel die uit twee delen bestaat: “Moties” en “Toezeggingen”, maar beide delen zijn samengevoegd in één tabel met een onjuiste markering. De tabel moet worden verdeeld in twee afzonderlijke tabellen, elk met een eigen kop en correcte tabelkoppen.

Bevinding 11: Op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/beleidsjaar-samengevat, staat een kop van niveau 3 (h3) direct gevolgd door een andere kop van hetzelfde niveau. Dit is te zien bij de koppen “Beleidsontwikkelingen” en “Omschrijving (toelichting)”, “Financiën” en “Omschrijving (toelichting)” en meerdere andere op de pagina. Als twee koppen van hetzelfde niveau direct onder elkaar staan zonder inhoud ertussen, dan is één van de koppen niet op de juiste manier gebruikt.
Hetzelfde probleem staat op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-3-sociaal-domein met de koppen “Wat valt onder dit programma?” en “Terug naar navigatie - Programma 3: Sociaal domein - Wat valt onder dit programma?”, “Omschrijving (toelichting)”, “Algemeen” en “Omschrijving (toelichting)” en andere, op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-sport-en-bewegen met vergelijkbare koppen, en op andere pagina’s van de website.

Bevinding 12: Op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-sport-en-bewegen staat onder de kop “Beleidsindicatoren” een tabel. De tabel bevat informatie die niet in de tabel hoort, beginnend met “Bron…” (bronnen en toelichtende opmerkingen), die is gemarkeerd met tr- en td-elementen binnen de hoofdstructuur van de tabel. Deze teksten maken geen deel uit van de eigenlijke gegevenstabel, maar worden weergegeven als extra rijen. Hulpsoftware leest ze voor als datacellen van dezelfde tabel, waardoor de logische structuur en de relaties tussen gegevens worden verstoord. De informatie die niet in de tabel hoort moet worden verplaatst naar aparte p-elementen buiten het table-element of naar een caption- of tfoot-element binnen het table-element.
Hetzelfde probleem staat op pagina https://meppel.begrotingsapp.nl/programmabegroting-2026---2029/programma/thema-leefomgeving-ruimte-en-economie in de tabellen onder de koppen “Programma 4”, “Programma 5” en “Programma 6”.

Bevinding 13: Op pagina https://meppel.begrotingsapp.nl/perspectiefnota-2026---2029/programma/kiezen-voor-de-toekomst, staat onder de kop “Tussentijdse conclusie” een multidimensionale tabel; de juiste markering ontbreekt. De tabel heeft zowel kolomkoppen als rijkoppen. Dat betekent dat de gegevens in de tabel aan meerdere koppen zijn gerelateerd: zowel aan die van de kolom, als aan die van de rij. Alleen met de juiste markering kunnen schermlezers deze relaties aan de gebruiker overbrengen. Gebruik voor de kolomkoppen en de rijkoppen het th-element, en voor de cellen met gegevens het td-element. Voeg bij de rijkoppen bovendien scope="row" toe aan het th-element. Eventueel kunnen voor de rijkoppen ook td-elementen worden gebruikt , maar dan moet elk td-element wel een id-attribuut krijgen. Vervolgens moet vanuit de cellen met gegevens naar deze id’s worden verwezen. Dit kan met het header-attribuut. Meer uitleg is te vinden op https://www.w3.org/WAI/tutorials/tables/multi-level/.

Bevinding 14: Op pagina https://meppel.begrotingsapp.nl/programmabegroting-2026---2029/programma/thema-leefomgeving-ruimte-en-economie staat onder de kop “Wat valt onder dit programma?” een tabel. De tabel is niet logisch opgebouwd, zowel visueel als in de code. De tekst “Onderdelen”, die visueel en inhoudelijk als tabelkop fungeert, is onjuist gemarkeerd als datacel. Deze tekst moet worden verplaatst naar een th-element boven de kolom met teksten zoals “Wegen, mobiliteit en verkeer”.

Bevinding 15: Op pagina https://meppel.begrotingsapp.nl/programmabegroting-2026---2029/programma/begroting-op-hoofdlijnen staat onder de kop “Financieel actieplan en de financiële kengetallen” een tabel met onjuiste markering: twee tabellen zijn samengevoegd tot één. De tabel moet worden verdeeld in twee afzonderlijke tabellen. De tabel met “Provinciale categorie” is geen gegevenstabel maar een lay-outtabel; een tabel mag op deze manier worden gebruikt, maar dan mogen er geen th-elementen in staan. Het tweede deel van de tabel, beginnend met “Financiele kengetallen”, moet een aparte tabel zijn met juiste th-elementen.
Hetzelfde probleem staat op pagina https://meppel.begrotingsapp.nl/bestuursrapportage-2025/programma/bestuursrapportage-op-hoofdlijnen waar twee tabellen onder de kop “Financiële positie” zijn samengevoegd tot één tabel.

Bevinding 16: Op pagina https://meppel.begrotingsapp.nl/bestuursrapportage-2025/programma/bestuursrapportage-op-hoofdlijnen staat onder de tekst “Op basis van deze bestuursrapportage 2025 hebben we de kengetallen geactualiseerd:” een tabel waarin kleur wordt gebruikt om informatie over te brengen: groen voor “Minst risicovol”, rood voor “Meest risicovol” en oranje voor “Middelmatig risicovol”. Deze informatie is nu alleen visueel waar te nemen en kan dus gemist worden door mensen die de webpagina niet visueel zie. Zorg dat deze informatie ook aanwezig is in de code of als tekst. Zie ook succescriterium 1.4.1.
Een vergelijkbaar probleem staat op pagina https://meppel.begrotingsapp.nl/programmabegroting-2026---2029/programma/begroting-op-hoofdlijnen in de tabel onder de kop “Financieel actieplan en de financiële kengetallen”.

Bevinding 17: In het PDF-document op https://meppel.begrotingsapp.nl/Data/48d6462f-968a-4346-8ed4-deadb7cc5d1a/Public/financile-tussenrapportage-2025.pdf staan meerdere koppen die niet als koppen zijn gemarkeerd, zoals “Financiële tussenrapportage 2025” op pagina 1, “Resultaat” op pagina 3, “Thema Samenleving” op pagina 6 en andere. Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Vervang de P-tag door een H1-H6-tag, zodat de tag-structuur gelijk is aan de visuele structuur.

Bevinding 18: In het PDF-document op https://meppel.begrotingsapp.nl/Data/48d6462f-968a-4346-8ed4-deadb7cc5d1a/Public/financile-tussenrapportage-2025.pdf staat op pagina 7 een gegevenstabel. De tabelkoppen daarin zijn leeg, en de cellen die eigenlijk tabelkoppen zijn, zijn gemarkeerd als gewone tabelcellen. Dit veroorzaakt verwarring voor gebruikers van hulpsoftware. Lege tabelkoppen moeten worden verwijderd. De cellen in de koprij van de tabel die visueel en inhoudelijk tabelkoppen zijn, maar nu zijn gemarkeerd met TD-tags, moeten worden gemarkeerd met TH-tags.

Bevinding 19: In het PDF-document op https://meppel.begrotingsapp.nl/Data/d20da2af-db81-45c5-9e51-c689189e6fe1/Public/perspectiefnota-2026---2029.pdf staan ook meerdere koppen die niet als koppen zijn gemarkeerd, zoals “Perspectiefnota 2026 - 2029” op pagina 1, “Investeringen” op pagina 3, “Noodklok en verbeteringen” op pagina 4 en andere. Gebruik een H1-H6-tag in plaats van een P-tag, zodat de tagstructuur overeenkomt met de visuele structuur.

Bevinding 20: In het PDF-document op https://meppel.begrotingsapp.nl/Data/d20da2af-db81-45c5-9e51-c689189e6fe1/Public/perspectiefnota-2026---2029.pdf staat op pagina’s 4 en 5 een lijst met 4 items, maar de juiste markering ontbreekt. Inhoud die eruitziet als een lijst, moet ook in de tags zo zijn gemarkeerd. Zo krijgen blinde bezoekers dezelfde informatiestructuur door als ziende bezoekers. Een ander voordeel van het markeren van een lijst is dat schermlezers het aantal items dan aankondigen voordat ze gaan voorlezen. Markeer de lijst met een L-, Li-, Lbl- en LBody-tags.
Hetzelfde probleem staat bij de lijsten op pagina’s 7, 8, 9 en op andere pagina’s.

Bevinding 21: In het PDF-document op https://meppel.begrotingsapp.nl/Data/d20da2af-db81-45c5-9e51-c689189e6fe1/Public/perspectiefnota-2026---2029.pdf staat op pagina 15 een complexe tabel. Datatabellen die een rij en een kolom met koppen bevatten, noemen we ‘complex’. Schermlezers hebben moeite met complexe tabellen. De relaties tussen de cellen worden vaak niet goed geïnterpreteerd, vooral als cellen zijn samengevoegd en delen van de tabel zijn opgesplitst in secties met tussenkoppen. Maak de tabel eenvoudiger of splits de tabel op in meerdere eenvoudige tabellen.

Bevinding 22: In het PDF-document op https://meppel.begrotingsapp.nl/Data/d20da2af-db81-45c5-9e51-c689189e6fe1/Public/perspectiefnota-2026---2029.pdf staat op pagina’s 17 en 18 een lijst met 3 items. In de tags is deze lijst gemarkeerd met 2 L-tags. Inhoud die eruitziet als een lijst, moet ook in de tags zo zijn gemarkeerd. Zo krijgen blinde bezoekers dezelfde informatiestructuur door als ziende bezoekers. Een ander voordeel van het markeren van een lijst is dat schermlezers het aantal items dan aankondigen voordat ze gaan voorlezen. Gebruik de juiste markering voor de lijst: L-, Li-, Lbl- en LBody-tags.

Bevinding 23: In het PDF-document op https://meppel.begrotingsapp.nl/Data/d20da2af-db81-45c5-9e51-c689189e6fe1/Public/perspectiefnota-2026---2029.pdf staan op pagina 21 de tabelkoppen leeg, terwijl de eigenlijke kopinhoud is geplaatst in gewone tabeldatacellen in plaats van in tabelkopcellen. Hierdoor kunnen schermlezers de juiste kolomkoppen niet herkennen en begrijpen gebruikers van hulpsoftware de relatie tussen de datacellen en hun bijbehorende koppen niet. De eigenlijke koppen moeten worden verplaatst naar de juiste th-cellen, zodat schermlezers de kolomkoppen correct kunnen aankondigen bij het navigeren door de tabel.
Een vergelijkbaar probleem staat bij de tabel op pagina 32 onder de kop “Programma 5: Ruimtelijke ontwikkeling”.

Bevinding 24: In het PDF-document op https://meppel.begrotingsapp.nl/Data/d20da2af-db81-45c5-9e51-c689189e6fe1/Public/perspectiefnota-2026---2029.pdf, staat op pagina 31 een lege H5-tag. Dit is verwarrend voor een blinde bezoeker wanneer hij van kop naar kop navigeert. Het element moet worden verwijderd of er moet inhoud aan worden toegevoegd.
Hetzelfde probleem staat op pagina’s 32, 34 en 35.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://meppel.begrotingsapp.nl/bestuursrapportage-2025/programma/bestuursrapportage-op-hoofdlijnen staat onder de tekst “Op basis van deze bestuursrapportage 2025 hebben we de kengetallen geactualiseerd:” een tabel waarin kleur wordt gebruikt om informatie over te brengen: groen voor “Minst risicovol”, rood voor “Meest risicovol” en oranje voor “Middelmatig risicovol”. Alleen mensen die de kleuren kunnen zien en onderscheiden, kunnen begrijpen tot welke categorie een cel behoort. Gebruik naast kleur bijvoorbeeld ook verschillende soorten arcering. Zie ook succescriterium 1.3.1.
Een vergelijkbaar probleem staat op pagina https://meppel.begrotingsapp.nl/programmabegroting-2026---2029/programma/begroting-op-hoofdlijnen in de tabel onder de kop “Financieel actieplan en de financiële kengetallen”.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 26: De website heeft een hoogcontrast-knop, waarmee het contrast van de site kan worden vergroot voor bezoekers die dit nodig hebben. Het onderzoek van de website is uitgevoerd in de modus met hoog contrast.

Bevinding 27: Wanneer een bezoeker de website voor het eerst opent, verschijnt onderaan elke pagina een cookiebanner. Voor de links “Privacy Statement”, “Alleen strikt noodzakelijk” en “Accepteren” wordt de combinatie van oranje (HEX #EA5403) en wit gebruikt. De contrastratio is te laag: 3,6:1. Deze teksten zijn kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.
Hetzelfde probleem staat op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-3-sociaal-domein bij klikbare kaarten onder meerdere koppen “Wat hebben we daarvoor gedaan?” wanneer ze in hovertoestand zijn, op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-sport-en-bewegen met vergelijkbare kaarten en op andere pagina’s.

Bevinding 28: Op pagina https://meppel.begrotingsapp.nl/financile-tussenrapportage-2025/zoeken heeft de zoekbalk onvoldoende kleurcontrast voor de plaatshoudertekst. De grijze (HEX #999999) tekst op de witte achtergrond heeft een contrastratio van 2,8:1, wat lager is dan de vereiste 4,5:1 voor standaardtekst.

Bevinding 29: Wanneer op pagina https://meppel.begrotingsapp.nl/financile-tussenrapportage-2025/zoeken een zoekopdracht wordt uitgevoerd, verschijnt onder het zoekveld een suggestielijst. De opties in deze lijst bevatten links in de vorm van een kruimelpad. Wanneer een optie in hovertoestand is, zijn deze links grijs (HEX #737280) op een lichtgrijze (HEX #F2F4F7) achtergrond met een lage contrastratio van 4,3:1. Wanneer een specifieke link in hovertoestand is, wordt deze oranje (HEX #EA5403) op een grijze (HEX #F2F4F7) achtergrond. De contrastratio is dan 3,3:1. Beide waarden liggen onder de vereiste minimale contrastratio van 4,5:1.

Bevinding 30: Op pagina https://meppel.begrotingsapp.nl/jaarstukken-2023-/programma/programma-8-ontwikkeling-openbare-ruimte staat onder de kop “Investeringen” een tabel. De teksten in de tabelkop zijn wit op een oranje (HEX #FF6600) en lichtoranje (HEX #F4B183) achtergrond. De contrastratio’s zijn respectievelijk 2,9:1 en 1,8:1. Zorg dat de contrastratio’s voor deze teksten hoger zijn dan 4,5:1.
Hetzelfde probleem staat in de kop van de tabel onder de kop “Analyse financiële afwijkingen”.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Voldoende

Bevinding 31: De website heeft een hoogcontrast-knop, waarmee het contrast van de site kan worden vergroot voor bezoekers die dit nodig hebben. Het onderzoek van de website is uitgevoerd in de modus met hoog contrast.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 32: De PDF's op pagina's https://meppel.begrotingsapp.nl/Data/48d6462f-968a-4346-8ed4-deadb7cc5d1a/Public/financile-tussenrapportage-2025.pdf en https://meppel.begrotingsapp.nl/Data/d20da2af-db81-45c5-9e51-c689189e6fe1/Public/perspectiefnota-2026---2029.pdf hebben allebei de documenttitel "Voorbeeld van de titel van het document van Gemeente Meppel". Dit omschrijft niet het onderwerp of doel van de documenten en is niet uniek. Wijzig dit naar bijvoorbeeld "Financiële tussenrapportage 2025" en "Perspectiefnota 2026 - 2029".

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 33: Het logo bovenaan de website toont de volledige tekst "Gemeente Meppel", maar de alt-tekst is alleen "Logo Meppel". Dit tekstalternatief is het enige dat het linkdoel aangeeft en dat geeft niet duidelijk aan waar de link naartoe gaat, namelijk naar het beginscherm. Verander het tekstalternatief naar bijvoorbeeld "Logo Gemeente Meppel, ga terug naar beginpagina". Zie ook succescriterium 1.1.1.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 34: Het volgende is waarschijnlijk een technisch probleem:
Op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-3-sociaal-domein staan onder meerdere koppen “Wat hebben we daarvoor gedaan?” interactieve kaarten die dialoogvensters openen. De toegankelijke naam van elk dialoogvenster bevat overbodige woorden: “Sluiten” en “Beschrijving”. Dit maakt de titel van het dialoogvenster onduidelijk en misleidend voor schermlezers. Zorg dat het attribuut aria-labelledby van het dialoogvenster alleen verwijst naar het element dat de titel van het dialoogvenster bevat en niet naar de hele container.
Eenzelfde probleem staat op pagina https://meppel.begrotingsapp.nl/jaarstukken-2024/programma/programma-7-sport-en-bewegen met vergelijkbare dialoogvensters, op pagina https://meppel.begrotingsapp.nl/jaarstukken-2023-/programma/programma-8-ontwikkeling-openbare-ruimte en op andere pagina’s van de website.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 35: Bovenaan alle pagina’s staat het logo met de tekst “Gemeente Meppel”. De toegankelijke naam van deze link is “Logo Meppel”. De toegankelijke naam van de link is dus niet hetzelfde als de zichtbare tekst in het logo. Daardoor werkt de link niet goed als deze met spraakbedieningssoftware wordt geactiveerd. Daarvoor spreekt de bezoeker de tekst uit die zichtbaar is in het logo. Als de toegankelijke naam anders is, zal het systeem de link niet herkennen. Zorg daarom dat de tekst die in het logo zichtbaar is, voorkomt in de toegankelijke naam, het liefst vooraan.

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-12-08 04:14:53 v2.4-011