Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Limburg bespaart

(Alleen de bevindingen)

Scope van de evaluatie

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

Uitgebreide toetsresultaten

Aantal bevindingen: 24

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://www.limburgbespaart.nl/ (en elke pagina anders dan de homepagina) waar de header wordt getoond staat het logo van Limburg bespaart.nl. De alternatieve tekst van het logo is "logo". Dit beschrijft niet de functie/unieke eigenschappen van deze afbeelding. Voor bezoekers die niet kunnen zien, is het belangrijk dat zij kunnen herkennen welk logo hier te zien is. Wijzig deze bijvoorbeeld naar "Logo Limburgbespaart.nl".
Een soortgelijk probleem zien we terug op pagina https://www.limburgbespaart.nl/ (en elke pagina anders dan de homepagina) waar de footer wordt getoond staat het logo van de Provincie Limburg. De alternatieve tekst van het logo is "Naar www.limburg.nl". Dit is het linkdoel maar beschrijft niet de functie/unieke eigenschappen van deze afbeelding. Wijzig deze bijvoorbeeld naar "Logo Provincie Limburg - Ga naar Limburg.nl". Ook bij het logo van LR Internet in de footer van elke pagina staat in de alternatieve tekst niet dat dit een logo betreft.

Bevinding 2: Op pagina https://www.limburgbespaart.nl/ staat naast de koptekst h2 "Over Limburg Bespaart" een afbeelding met een man en een vrouw die in gesprek zijn met elkaar met als alternatieve tekst "Adviseur in overleg in een winkel". Deze afbeelding is decoratief en heeft daarom geen alternatieve tekst nodig, dergelijke teksten veroorzaken veel ruis. Een beschrijving is hier overbodig voor bezoekers die gebruik maken van schermleessoftware. De afbeelding moet wel een leeg alt-attribuut in het img-element hebben.
Een soortgelijk probleem zien we terug op pagina https://www.limburgbespaart.nl/nieuws-kennis/nieuws-en-meer: hier zien we een afbeelding van een man met in de voorgrond een bord met locaties binnen een gebouwencomplex. De alternatieve tekst luidt echter "Een man lopend buiten over straat". Deze tekst beschrijft de afbeelding niet. Pas de alternatieve tekst aan of maak de afbeelding eventueel decoratief door een leeg alt-attribuut toe te voegen binnen het img-element. Voor bezoekers die gebruik maken van schermleessoftware is dit overbodige informatie.
Dit komt voor bij afbeeldingen op meerdere pagina's, overweeg om het alt attribuut bij decoratieve afbeeldingen helemaal leeg te laten wanneer dit geen toegevoegde waarde heeft voor bezoekers die gebruik maken van schermleessoftware.

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://www.limburgbespaart.nl/nieuws-kennis/verhalen/salviuskerkje-limbricht-1 staat onder de koptekst h2 "Eeuwenoud erfgoed met een duurzame toekomst" een stuk tekst schuingedrukt. Hier is gebruik gemaakt van het em-element om een heel stuk tekst nadruk te geven, dat is niet de bedoeling. Het em-element is bedoeld voor het benadrukken van kleine stukjes tekst. Maak gebruik van de stylesheet om een introtekst in een schuingedrukt lettertype te tonen.
Een soortgelijk probleem zien we terug op dezelfde pagina, bijvoorbeeld onder de koptekst "Een levend monument". Ook zien we dit terug op meerdere andere pagina's, bijvoorbeeld: https://www.limburgbespaart.nl/nieuws-kennis/verhalen/hospice-zenit-venray-1, https://www.limburgbespaart.nl/adviseur en https://www.limburgbespaart.nl/contact.

Bevinding 4: Op pagina https://www.limburgbespaart.nl/ staan er onder de koptekst h1 "Wilt u ook graag besparen?" 3 blokken met thema's verwijzend naar andere pagina's. De kopteksten h3 (Maatschappelijk vastgoed, MKB en Adviseurs) hebben een h3 element maar op dit element zit een aria-level="2", de waardes komen niet met elkaar overeen. Wijzig hier het koptekst element naar h2 of wijzig het aria-level naar 3.

Bevinding 5: Op pagina https://www.limburgbespaart.nl/ volgt op een kop van niveau 1 een kop van niveau 3. Gebruik kopniveaus op een correcte volgorde. Bezoekers die gebruikmaken van hulpsoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen et cetera.

Bevinding 6: De PDF Voorbeeldofferte-MKB.pdf op pagina https://www.limburgbespaart.nl/media/2025-06/Voorbeeldofferte-MKB.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet te bepalen is. Software kan daardoor niet bepalen wat koppen zijn, geen alternatieve teksten bij afbeeldingen tonen en niet bepalen wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat er bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.
Een soortgelijk probleem zien we terug bij de PDF Voorbeeld-toestemmingsverklaring-MKB.pdf op pagina https://www.limburgbespaart.nl/media/2025-06/Voorbeeld-toestemmingsverklaring-MKB.pdf. Ook deze PDF is niet gecodeerd (van tags voorzien).

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 7: Op pagina https://www.limburgbespaart.nl/ staan onder de koptekst h2 "Zij gingen u voor" blokken met een afbeelding, een subtitel en een kop. 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 hier achter de afbeelding. Visueel mag deze indeling wel aangehouden worden.
Een soortgelijk probleem zien we elders op de website ook voorkomen, bijvoorbeeld op https://www.limburgbespaart.nl/nieuws-kennis/nieuws-en-meer.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://www.limburgbespaart.nl/contact is een contactformulier aanwezig waar de bezoeker onder andere het eigen e-mailadres kan invullen. Het doel van dit veld moet programmatisch kunnen worden bepaald, zodat het automatisch kan worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan het input-element toe te voegen. Bijvoorbeeld voor 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/tr/wcag21/#input-purposes.
Een soortgelijk probleem zien we terug bij het formulier op pagina https://www.limburgbespaart.nl/vraag-aan-de-slag-gids-aan, https://www.limburgbespaart.nl/nieuws-kennis/veelgestelde-vragen/vragen-over-maatschappelijk-vastgoed, https://www.limburgbespaart.nl/nieuws-kennis/veelgestelde-vragen?faq_zoeken=subsidie.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://www.limburgbespaart.nl/ (en elke pagina anders dan de homepagina) wordt bij de eerste keer dat de website geopend wordt een cookiemelding weergegeven. In de paragraaf tekst beginnend met "Deze website gebruikt cookies om uw gebruikerservaring te verbeteren." staat een link met de tekst "Lees verder". Deze link is alleen herkenbaar doordat het een andere kleur (donkerrood, HEX #85001D) heeft. Het contrastverschil is hier lager dan de minimale vereiste 3:1, namelijk 1,3:1. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat het om een link gaat. Zorg ervoor dat hyperlinks in lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen.

Bevinding 10: De PDF Voorbeeldofferte-MKB.pdf op pagina https://www.limburgbespaart.nl/media/2025-06/Voorbeeldofferte-MKB.pdf bevat handtekeningsvakken waar visueel uit zichtbaar is dat het linker het uitvoerende bedrijf betreft en het rechter het adviesbureau omdat de kleuren overeenkomen. Zorg dat het veld tevens een tekstuele aanduiding heeft van de betreffende organisatie. Zie ook SC 1.4.11 inzake het kleurcontrast in de huidige situatie.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://www.limburgbespaart.nl/ staat een koptekst h1 "Wilt u ook graag besparen?" op een achtergrondafbeelding. De witte tekstkleur is niet goed zichtbaar op het wazige gedeelte van de afbeelding, contrast technisch meten we hier op een aantal plekken 1,1:1, waar dit minimaal 4,5:1 moet zijn.
Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.
Een soortgelijk probleem zien we terug op meerdere pagina's waar een soortgelijke headerafbeelding met tekst wordt gebruikt, bijvoorbeeld: https://www.limburgbespaart.nl/mkb, https://www.limburgbespaart.nl/adviseur en https://www.limburgbespaart.nl/maatschappelijke-organisaties.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 12: Onderin het scherm op pagina https://www.limburgbespaart.nl/ (en elke pagina anders dan de homepagina) staat de toegankelijkheidswidget van AccessiBe en een linkje naar het cookie voorkeuren scherm. Wanneer je het scherm naar een resolutie van 1280x1024px wijzigt en nog geen zoomfunctie gebruikt, raken deze elementen deels uit beeld. Wanneer je vervolgens naar 200% inzoomt, dan staat de toegankelijkheidswidget van AccessiBe over de link naar het cookie voorkeuren scherm. Zorg dat deze elementen ook bij andere schermresoluties in beeld en beschikbaar blijven.
Een soortgelijk probleem zien we terug bij meerdere elementen, bijvoorbeeld bij het element rechtsonder in het scherm dat verwijst naar de pagina waar je de subsidiecheck kunt doen (Kom ik in aanmerking? Doe de subsidiecheck). Omdat dit altijd in beeld blijft staan, komt dit bij inzoomen over de tekst van de pagina te staan. Hierdoor wordt de pagina minder goed leesbaar.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 13: Op elke pagina zien we onderin het scherm een sticky melding dat verwijst naar de pagina waar je de subsidiecheck kunt doen (Kom ik in aanmerking? Doe de subsidiecheck). Omdat dit altijd in beeld blijft staan, komt dit bij inzoomen over de tekst van de pagina te staan. Hierdoor wordt de pagina minder goed leesbaar.
Dit gaf een probleem bij Succes Criterium 1.4.4: Herschalen van tekst bij inzoomen tot 200% en geeft ook bij inzoomen tot 400% een probleem waardoor de pagina minder goed leesbaar is.

Bevinding 14: Indien men de website op 400% zoom met een schermstand van 1280x1024 px bezoekt en de toegankelijkheidswidget van AccessiBe activeert, is er geen sprake van goede reflow. Een groot deel van de opties zijn niet goed of niet zichtbaar.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://www.limburgbespaart.nl/ is de focusrand wanneer je met het toetsenbord door de pagina navigeert niet altijd goed zichtbaar op de achtergrond. Bijvoorbeeld bij de blokken onder de koptekst h1 "Wilt u ook graag besparen?", hier is de focusrand een roze/paarsachtige kleur (HEX #AE9A9F) in combinatie met de achtergrondafbeelding (op een aantal plekken gemeten kleur: HEX #B8CACB) biedt deze combinatie te weinig contrast. De contrastverhouding is hier 1.5:1 waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.
Een soortgelijk probleem zien we terug op dezelfde pagina bij de iets lichter roze kleur (HEX #E3C4CB) van focusrand die gebruikt wordt op een witte achtergrond. Bijvoorbeeld bij het provincie Limburg logo in de footer. De contrastverhouding is hier 1.6:1 waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.

Bevinding 16: De PDF Voorbeeldofferte-MKB.pdf op pagina https://www.limburgbespaart.nl/media/2025-06/Voorbeeldofferte-MKB.pdf bevat handtekeningsvakken waar visueel uit zichtbaar is dat het linker het uitvoerende bedrijf betreft en het rechter het adviesbureau omdat de kleuren overeenkomen. Het contrast is hier onvoldoende, waardoor dit voor kleurenblinden niet duidelijk is. Het rode vak (HEX #FAD4DD) en het blauwe vak (HEX #C0E8FF) hebben een contrast met de achtergrond van 1,3:1 en 1,2:1 respectievelijk. Zorg dat het kleurcontrast minimaal 3:1 betreft. Zie ook SC 1.4.1 inzake het gebruik van kleur.

2. Bedienbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 17: Pagina https://www.limburgbespaart.nl/ bevat wel een skiplink (een mechanisme om naar een ander deel van de pagina te springen). De naam van de skiplink is "Doorgaan naar artikel". Hieruit wordt niet direct duidelijk waar de focus naartoe springt wanneer je de enter toets gebruikt. De skiplink brengt de bezoeker naar de twee blokken onder de koptekst "Zij gingen u voor". De blokken met "Maatschappelijk vastgoed", "MKB" en "Adviseurs" worden overgeslagen, maar dit is geen herhaalde content. De skiplink zou naar de eerste link of knop onder het menu moeten gaan. Het is raadzaam dit ook voor de overige pagina's op de website goed na te lopen.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 18: De eerste keer dat een bezoeker de website bezoekt, verschijnt er een cookiemelding over de pagina heen. De cookiemelding krijgt niet als eerste focus. Dit belemmert het gebruik van de website voor bezoekers die met het toetsenbord navigeren. Zorg dat de melding als eerste weg te klikken is of integreer de melding in de webpagina.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 19: Op onder andere pagina https://www.limburgbespaart.nl/ komen links voor met meerdere keren dezelfde linktekst, namelijk 'Benieuwd?' in de blokken onder de koptekst h1 "Wilt u ook graag besparen?". Zorg dat links naar verschillende doelen unieke linkteksten hebben, door bijvoorbeeld 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.
Een soortgelijk probleem zien we ook terug op dezelfde pagina (https://www.limburgbespaart.nl/) bij de blokken onder de koptekst h2 "Zij gingen u voor", hier wordt twee keer door middel van "Meer lezen" gelinkt naar verschillende verhalen. Het title-attribuut wordt hier gebruikt, maar dit wordt niet door alle browsers en hulpsoftware even goed ondersteund.
Dot zien we nog meer terug op de volgende pagina's: https://www.limburgbespaart.nl/nieuws-kennis/verhalen, https://www.limburgbespaart.nl/maatschappelijke-organisaties, https://www.limburgbespaart.nl/nieuws-kennis/veelgestelde-vragen?faq_zoeken=subsidie en https://www.limburgbespaart.nl/nieuws-kennis/nieuws-en-meer.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 20: Wanneer je op pagina https://www.limburgbespaart.nl/ naar de subsidiecheck gaat, opent er een dialoogvenster van Typeform. Naast de knop "Begin direct" staat de instructie "druk op Enter". Laat dit weg gezien het verwarrend is, toetsenbordgebruikers weten immers wel wat ze met een knop moeten doen. Indien men hier op enter drukt sluit de pop-up.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 21: Op pagina https://www.limburgbespaart.nl/ (en elke pagina anders dan de homepagina) wordt bij de eerste keer dat de website geopend wordt een cookiemelding weergegeven. In de paragraaf tekst beginnend met "Deze website gebruikt cookies om uw gebruikerservaring te verbeteren." staat een link met de tekst "Lees verder". De toegankelijke naam van deze link luidt "Lees verder, opens a new window" omdat er een aria-label met deze tekst op het link element zit. Dit is Engels terwijl de rest van de pagina in het Nederlands is. Vertaal de tekst naar het Nederlands of voeg eventueel in de code een taalwisseling toe.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 22: Wanneer je op pagina https://www.limburgbespaart.nl/ naar de subsidiecheck gaat, opent er een dialoogvenster van Typeform. Wanneer je bij de eerste vraag (Voor welk onderdeel wilt u subsidie aanvragen?) geen antwoord invult, krijg je de melding "Oeps! Je moet een keuze maken". Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'De vraag "Voor welk onderdeel wilt u subsidie aanvragen? is niet beantwoord’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://www.limburgbespaart.nl/contact is een formulier aanwezig waar bij de verplichte velden een * wordt getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: ‘Velden met een sterretje (*) zijn verplicht'.
Een soortgelijk probleem zien we terug bij het formulier op pagina https://www.limburgbespaart.nl/vraag-aan-de-slag-gids-aan, https://www.limburgbespaart.nl/nieuws-kennis/veelgestelde-vragen/vragen-over-maatschappelijk-vastgoed, https://www.limburgbespaart.nl/nieuws-kennis/veelgestelde-vragen?faq_zoeken=subsidie.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 24: Op pagina https://www.limburgbespaart.nl/contact staat een formulier. Het form element bevat de aria role=tablist. Dit is bedoeld om lijsten op te maken, waarbij geneste elementen een lijstitemrol moeten bevatten. Dit betreffen echter input en textarea elementen waar dit niet voor bedoeld is. Laat role=tablist hier weg.

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-07-07 11:44:20 v2.4-011