Toegankelijkheidsonderzoek

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

(Alleen de bevindingen)

Scope van de evaluatie

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

Uitgebreide toetsresultaten

Aantal bevindingen: 9

1. Waarneembaar

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://meppel.incijfers.nl/dashboard/bevolking is in de sectie “Werkenden versus niet-werkenden (demografische druk)”, een knop met de tekst “Meer info” aanwezig. Deze knop opent een paneel. In dit paneel staat de tekst “Toelichting:”. Deze tekst is onjuist gemarkeerd met een strong-element in plaats van een juist kop-element. Het strong-element is niet bedoeld om koppen te markeren. Dit moet altijd worden gedaan met een kop-element, zoals h2. Koppen zijn bedoeld om structuur aan te brengen in de tekst. Alleen wanneer deze teksten gemarkeerd worden met een kop-element, kan hulpsoftware de betekenis ervan begrijpen. Het strong-element is wel geschikt om nadruk te geven aan enkele woorden of een zinsdeel.

Bevinding 2: Op pagina https://meppel.incijfers.nl/dashboard/duurzaamheid is in de sectie “Bekende CO₂-uitstoot”, een knop met de tekst “Meer info” aanwezig. Deze knop opent een paneel. In dit paneel staat de tekst “Toelichting:” die niet als kop is gemarkeerd. Bezoekers die hulpsoftware gebruiken hebben niets aan een (tussen)kop die er visueel uitziet als kop, maar technisch niet als kop is gemarkeerd. Via de koppen op een pagina kan de inhoud worden gescand of snel naar een bepaalde sectie worden genavigeerd. Dit is alleen mogelijk als de koppen ook daadwerkelijk als kop in de code zijn opgenomen. Als koppen alleen visueel zijn vormgegeven, bijvoorbeeld vetgedrukt, wijkt de structuur in de code af van de visuele structuur. Dit probleem kan worden voorkomen 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.
Ditzelfde probleem komt voor in andere secties binnen panelen die worden geopend met de knop “Meer info”. In de sectie “Bekende CO₂-uitstoot incl. vermeden CO₂-uitstoot door hernieuwbare energie” staat de tekst “Toelichting:”, in de sectie “Bekend energieverbruik” staan de teksten “Definitie:” en “Toelichting:”, in de sectie “Bekend energieverbruik naar sector” staan de teksten “Definitie:” en “Toelichting:”, en in andere secties.

Bevinding 3: Op pagina https://meppel.incijfers.nl/dashboard/ruimte-en-leefomgeving/leefbaarometer is onder de kop "Dimensie scores" een lijst met vijf items aanwezig die niet correct is gemarkeerd als lijst. In de sectie “Totaalscore Leefbaarometer 3.0” opent de knop “Meer info” een paneel. In dit paneel staat onder "Onderwerpen" eveneens een lijst met vijf items die niet correct als lijst is gemarkeerd. Tekst die eruitziet als een opsomming, moet ook zo in de HTML-code worden gemarkeerd. Meestal is hier een knop voor beschikbaar in de content-editor van het CMS. Voor opsommingen worden de HTML-elementen ul (voor lijsten met bullets) of ol (voor genummerde lijsten) gebruikt. Hulpsoftware weet dan hoe de tekst is gestructureerd. Bovendien kondigen schermlezers dan het aantal items in de lijst aan voordat deze worden voorgelezen. Zo weet een blinde bezoeker hoeveel informatie er nog komt.
Dit probleem komt ook voor op pagina https://meppel.incijfers.nl/dashboard/ruimte-en-leefomgeving in de sectie “Totaalscore Leefbaarometer 3.0”. Daar opent de knop “Meer info” een paneel waarin onder "Onderwerpen" een lijst met vijf items staat die niet correct is gemarkeerd als lijst.

Op pagina https://meppel.incijfers.nl/dashboard/ruimte-en-leefomgeving/leefbaarometer staat in de sectie “Totaalscore Leefbaarometer 3.0” de knop “Meer info” die een paneel opent. In dit paneel staat onder "Uitleg Leefbaarometer 3.0" een blok tekst dat visueel bestaat uit meerdere alinea’s, maar dat in de code onjuist is gemarkeerd als één enkel p-element. Visueel lijkt deze tekst uit meerdere alinea’s te bestaan, met witruimtes ertussen. Deze structuur moet ook in de HTML-code zijn opgenomen. Zorg dat elke alinea in een eigen p-element staat. Het aantal visueel weergegeven alinea’s moet overeenkomen met het aantal p-elementen in de code.
Ditzelfde probleem komt voor in andere secties. In de secties “Totaalscore Leefbaarometer 3.0” en “Afwijking totaalscore” onder de kop “Ontwikkeling Totaalscore”, in de sectie “Afwijking per dimensies” onder de kop “Dimensie scores”, en in andere secties is ook sprake van meerdere visuele alinea’s die ten onrechte zijn samengevoegd in één p-element.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 4: Op pagina https://meppel.incijfers.nl/dashboard/nieuws staat de grijze tekst “Nieuws” met kleurcode HEX#999999 op een lichtroze achtergrond met kleurcode HEX #FEF8F5. De contrastratio tussen deze kleuren is 2,7:1, wat te laag is. Deze tekst is groter dan 24px. Daarom moet de contrastratio minimaal 3,0:1 zijn om voldoende leesbaar te zijn voor bezoekers met een visuele beperking.
Ditzelfde probleem komt voor op pagina https://meppel.incijfers.nl/dashboard/over-deze-site, bij de tekst “Over deze site”. Ook daar is het contrast tussen de tekstkleur en de achtergrondkleur te laag.

Bevinding 5: Op pagina https://meppel.incijfers.nl/dashboard/bevolking staat naast de schakelknop “Vergelijk met” een knop met de zichtbare tekst “Nederland”. Wanneer deze knop wordt geactiveerd, opent het dialoogvenster “Kies een vergelijking”. In dit venster staan de oranje teksten “Gebied” en “Nederland” met kleurcode HEX#EA5403 op een witte achtergrond. De contrastratio tussen deze kleuren is 3,6:1. Deze tekst is vetgedrukt maar kleiner dan 19px. Daarom moet de contrastratio minimaal 4,5:1 zijn om te voldoen aan de toegankelijkheidseisen.
Ditzelfde probleem komt voor op pagina’s https://meppel.incijfers.nl/dashboard/duurzaamheid en https://meppel.incijfers.nl/dashboard/ruimte-en-leefomgeving. Op pagina https://meppel.incijfers.nl/dashboard/ruimte-en-leefomgeving/leefbaarometer doet dit probleem zich ook voor bij de oranje teksten in het dialoogvenster dat wordt geopend via de knop met de zichtbare tekst “Meppel”.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 6: Op de website hebben meerdere pagina’s dezelfde tekst in het title-element: “Meppel in Cijfers - Gemeente Meppel”. Dit is niet de bedoeling. In het title-element van elke pagina moet een unieke tekst staan die de inhoud van die specifieke pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Wanneer twee of meer pagina’s dezelfde tekst in het title-element hebben, kan dit verwarrend zijn voor de bezoeker. De navigatie tussen pagina’s wordt dan moeilijker, vooral voor mensen die hulpsoftware gebruiken of meerdere tabbladen open hebben staan. Verander de tekst in het title-element, zodat deze op elke pagina uniek is en nauwkeurig weergeeft waar de pagina over gaat.
Dit probleem komt onder andere voor op de pagina’s https://meppel.incijfers.nl/dashboard, https://meppel.incijfers.nl/dashboard/nieuws, https://meppel.incijfers.nl/dashboard/over-deze-site en andere pagina’s.

Bevinding 7: Op pagina https://meppel.incijfers.nl/Jive/detailview?detailview_guid=8b50a373-0c8e-4f75-8c0e-bcb97e3564ef&isstories=false&geolevel=gemeente&geoitem=119&geocompareitemmosaic=nederland_1&unittitle=x%201.000%20inwoners&period=2023,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023&title=Personenauto%27s is de tekst in het title-element “Gemeente in Cijfers - Personenauto's”. Deze tekst is geen goede beschrijving van de inhoud van de pagina. In het title-element van elke pagina moet een tekst staan die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Zo begrijpen bezoekers beter waar de pagina over gaat. Wanneer deze tekst correct is ingesteld, wordt deze ook getoond in de tab van de browser. Met een duidelijke beschrijving in het title-element kunnen bezoekers makkelijker navigeren tussen verschillende pagina’s. Zet daarom een duidelijke en inhoudelijk passende tekst in het title-element van de pagina.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://meppel.incijfers.nl/dashboard/bevolking staan in verschillende secties, zoals onder de kop “Bevolkingsontwikkeling (CBS)” in de onderdelen “Aantal inwoners”, “Bevolkingsontwikkeling”, “Bevolkingsgroei” en andere, links die een dialoogvenster openen. De toegankelijke namen van deze links beschrijven echter niet duidelijk het doel of de bestemming van de link. In de sectie “Gemiddelde leeftijd” heeft de link bijvoorbeeld de volgende toegankelijke naam: “Gemiddelde leeftijd De gemiddelde leeftijd is een rekenkundig gemiddelde over 1-jaarsleeftijdklassen, van 0- tot 95-jarigen. rekenvoorbeeld: Er zijn 300 0-jarigen en 100 1-jarigen. In totaal zijn er daarmee 400 personen. Gemiddeld zijn de 0-jarigen 0,5 jaar oud (want 0 jaar op 1 januari en 1 jaar op 31 december). idem zijn de 1-jarigen gemiddeld 1,5 jaar oud. Deze gemiddelde leeftijd is vermenigvuldigd met het aantal personen dat deze gemiddelde leeftijd bezit: Voor de 0-jarigen komt de cumulatieve leeftijd op...: Gemiddelde leeftijd, Meer detail”. Deze toegankelijke naam is te lang en onduidelijk, wat het moeilijk maakt voor gebruikers van hulpsoftware om te begrijpen wat het doel van de link is. Er moeten beknopte en beschrijvende toegankelijke namen worden gebruikt die duidelijk maken welke actie wordt uitgevoerd of naar welke inhoud de link verwijst.
Ditzelfde probleem komt voor op pagina https://meppel.incijfers.nl/dashboard/ruimte-en-leefomgeving en op pagina https://meppel.incijfers.nl/dashboard/ruimte-en-leefomgeving/leefbaarometer.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://meppel.incijfers.nl/dashboard/bevolking staan meerdere knoppen met dezelfde zichtbare tekst: “Meer info”. Deze knoppen voeren echter verschillende acties uit, omdat ze informatie openen voor verschillende secties. Dit kan verwarrend zijn voor bezoekers die een schermlezer gebruiken, omdat niet duidelijk is welke actie elke knop uitvoert. Zorg dat de tekst op de knop past bij de actie die ermee wordt uitgevoerd. Knoppen met verschillende functies moeten ook verschillende knopteksten hebben, zodat de werking voor iedereen duidelijk is. Daarnaast bevat elke sectie knoppen met een deel-icoon en een download-icoon rechtsboven in beeld, die zichtbaar worden bij hover of focus. Deze knoppen hebben steeds dezelfde toegankelijke naam: “Deel een link” en “Open download menu”, terwijl ze submenu’s openen die specifiek zijn voor de betreffende sectie. Er moeten unieke en beschrijvende toegankelijke namen worden toegevoegd aan deze knoppen, zodat duidelijk is bij welke sectie ze horen.
Ditzelfde probleem komt ook voor op de pagina’s https://meppel.incijfers.nl/dashboard/duurzaamheid, https://meppel.incijfers.nl/dashboard/ruimte-en-leefomgeving, https://meppel.incijfers.nl/dashboard/ruimte-en-leefomgeving/leefbaarometer en op andere pagina’s.

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: 2026-01-10 07:29:59 v2.4-011