Rapport:
Audit digitale toegankelijkheid website SchuldHulpMaatje Meppel

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://schuldhulpmaatje.nl/meppel staat in het cookiemelding een logo met het tekstalternatief “logo”. Deze tekst beschrijft de afbeelding onvoldoende. Afbeeldingen die informatie overbrengen, zoals logo’s, moeten een betekenisvolle alternatieve tekst hebben die de belangrijke informatie in de afbeelding beschrijft. In dit geval moet dit aangeven waarvan dit logo is.

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel toont het logo bovenaan de website de volledige tekst “SchuldHulpMaatje”, maar het tekstalternatief is alleen “SHM Logo”. 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: “SchuldHulpMaatje”.

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel heeft de link met het logo “ANBI” in de footer geen tekstalternatief. Dit img-element mist zelfs het alt-attribuut. Dit attribuut is verplicht, want anders wordt mogelijk de bestandsnaam voorgelezen. Deze afbeelding is informatief en daarom moet het alt-attribuut een waarde hebben dat beschrijft wat op de afbeelding staat en waar de link naartoe gaat. Dit probleem houdt ook verband met andere succescriteria 4.1.2, 2.4.4 en 2.5.3 en wordt hieronder beschreven.

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel heeft op een klein scherm de knop met het mobiele menu-icoon geen tekstalternatief. Wanneer een knop alleen uit een afbeelding bestaat, moet de alternatieve tekst van die afbeelding de functie van de knop beschrijven. Voeg een beschrijving toe met een aria-label of met tekst die visueel verborgen is, maar door een screenreader kan worden gelezen. Een zichtbare tekst mag natuurlijk ook.

Op pagina https://schuldhulpmaatje.nl/samen-lukt-t/sponsors-en-partners/ staat in het zijmenu een afbeelding. Deze afbeelding is toegevoegd via een img-element, maar het alt-attribuut ontbreekt. 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.
Hetzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/onze-aanpak/ onder “Over ons”.

Op pagina https://schuldhulpmaatje.nl/onze-aanpak/ staat in de sectie onder “SchuldHulpMaatje en professionele schuldhulp” een complexe afbeelding met de tekstalternatief “shm chart procesverloop”. Deze afbeelding heeft geen volledige tekstalternatief. Complexe afbeeldingen zoals infographics en schema’s bevatten veel informatie die niet binnen de alt-tekst past. Deze informatie kan toegankelijk gemaakt worden door twee tekstalternatieven te bieden: een korte en een lange beschrijving. De korte beschrijving, meestal de alternatieve tekst, moet de locatie van de lange beschrijving aangeven. De lange beschrijving kan als tekst Op pagina zelf geplaatst worden, maar deze mag ook op een andere pagina of in een downloadbaar bestand staan.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op de homepage, https://schuldhulpmaatje.nl/meppel/ staat onder de heading “Bekijk hoe Cora met haar SchuldHulpMaatje aan de slag ging met haar schulden” een video met een voice-over. Hoewel er ondertitels aanwezig zijn, zijn deze automatisch gegenereerd en daardoor onnauwkeurig. Video’s waarin gesproken wordt, moeten altijd goede ondertiteling krijgen. Zo krijgen bezoekers die de video niet (goed) kunnen horen ook alle informatie. Deze ondertiteling moet exact hetzelfde zijn als wat wordt gezegd. De automatisch gegenereerde ondertiteling voldoet hier niet aan, omdat er punctuatie ontbreekt en er fouten in zitten. Zo staat rond 0:08 "yo groter" in plaats van "veel groter"; rond 0:42 staat "maar ik ging investeren" in plaats van "mijn ex ging investeren". Er zijn meer problemen.

Uitkomst: Onvoldoende

Bevindingen: Op de homepage, https://schuldhulpmaatje.nl/meppel/ staat onder de heading “Bekijk hoe Cora met haar SchuldHulpMaatje aan de slag ging met haar schulden” een video. Deze video bevat op verschillende momenten tekst en logo’s (bijvoorbeeld rond 0:31 en 5:50). Er is echter geen media-alternatief en geen audiodescriptie beschikbaar. Hierdoor blijft de visuele informatie (tekst en logo’s) in deze video ontoegankelijk voor blinde gebruikers. Bezoekers die blind of slechtziend zijn, missen hierdoor informatie. Voor dit succescriterium (1.2.3) kan dit worden opgelost met een geschreven tekst (media-alternatief). Om te voldoen aan succescriterium 1.2.5 moet echter een audiobeschrijving worden toegevoegd die de visuele elementen in de video toelicht, zoals namen, functies, logo’s en teksten.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: De video op de homepage, https://schuldhulpmaatje.nl/meppel/, voldoet niet aan succescriterium 1.2.5, dat audiodescriptie voor video’s vereist. Audiodescriptie is nodig omdat er voldoende ruimte binnen de bestaande audiotrack aanwezig is. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://schuldhulpmaatje.nl/meppel staan in de cookiemelding, op het tabblad “Details”, secties met verborgen content. In deze secties zijn de volgende teksten feitelijk koppen, maar de h-elementen ontbreken. Het strong-element wordt gebruikt om ze er als koppen uit te laten zien. Zie bijvoorbeeld in de sectie “Cookiebot 1” de tekst “CookieConsent”. 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.

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel staan in het submenu teksten die niet als koppen zijn opgemaakt. Bijvoorbeeld in het submenu “IK ZOEK HULP”, de tekst “Hoe werkt SchuldHulpMaatje?” en andere teksten. 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.

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel wordt in de footer het strong-element misbruikt voor opmaakdoeleinden bij de link “Doneer nu”. Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (vetgedrukte tekst). Gebruik hiervoor CSS.

Op de homepage, https://schuldhulpmaatje.nl/meppel, staat een knop “Meer gegevens” die extra content opent. In deze content staan teksten die niet als koppen zijn opgemaakt. Bijvoorbeeld “Bestuurssamenstelling:” en andere teksten. 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 doet zich voor op pagina https://schuldhulpmaatje.nl/cookie-en-privacyverklaring/, bijvoorbeeld bij “Noodzakelijk (5)”, “Statistieken (8)” en andere.

Op pagina https://schuldhulpmaatje.nl/doneer-nu/ wordt het strong-element misbruikt voor opmaakdoeleinden, bijvoorbeeld bij “Vereniging SchuldHulpMaatje Nederland”. Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (vetgedrukte tekst). Gebruik hiervoor CSS.
Hetzelfde probleem doet zich voor Op pagina https://schuldhulpmaatje.nl/cookie-en-privacyverklaring/, bijvoorbeeld bij “Samen lukt ’t, dat is waarin wij geloven … dat je je bij ons veilig voelt”; en op pagina https://schuldhulpmaatje.nl/blog/2025/11/22/zeven-aanbevelingen-schuldhulpmaatje-aan-ministerie-szw-samen-naar-een-schuldenvrij-nederland/ onder “Zeven aanbevelingen SchuldHulpMaatje aan ministerie SZW: samen naar een schuldenvrij Nederland”.

Op pagina https://schuldhulpmaatje.nl/cookie-en-privacyverklaring/ staat onder de heading “Cookie- en privacyverklaring” een tekstblok met meerdere alinea’s dat onjuist is opgemaakt als één div-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.
Hetzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/blog/2025/11/22/zeven-aanbevelingen-schuldhulpmaatje-aan-ministerie-szw-samen-naar-een-schuldenvrij-nederland/ onder “Zeven aanbevelingen SchuldHulpMaatje aan ministerie SZW: samen naar een schuldenvrij Nederland”, waar meerdere alinea’s onjuist zijn opgemaakt als één p-element; op pagina https://schuldhulpmaatje.nl/samen-lukt-t/sponsors-en-partners/ onder “Help ons helpen”.

Op pagina https://schuldhulpmaatje.nl/blog/2025/11/22/zeven-aanbevelingen-schuldhulpmaatje-aan-ministerie-szw-samen-naar-een-schuldenvrij-nederland/ wordt boven de heading “Ben jij op zoek naar hulp bij geldproblemen?” het em-element misbruikt voor opmaakdoeleinden, bij “Foto: Anne Meint Bouma van SchuldHulpMaatje … schuldenvrij Nederland”. Het em-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (cursieve tekst). Gebruik hiervoor CSS.
Hetzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/samen-lukt-t/sponsors-en-partners/ onder “Dank”; en op pagina https://schuldhulpmaatje.nl/publicaties/ , bijvoorbeeld onder “Onze rapporten”.

Op pagina https://schuldhulpmaatje.nl/vacatures/, onder de heading “Vrijwilligersfuncties”, staat een lijst met 6 items die onjuist is opgemaakt als 5 afzonderlijke lijsten. 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 bullits) 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.

Op pagina https://schuldhulpmaatje.nl/locaties/ volgt een kop van niveau 1 direct op een andere kop van hetzelfde niveau. Zie “Locaties” en “Locatiekaart”. Als twee koppen van hetzelfde niveau direct onder elkaar staan zonder inhoud ertussen, dan is één van de koppen niet op de goede manier gebruikt.

Op pagina https://schuldhulpmaatje.nl/samen-lukt-t/sponsors-en-partners/ staat de heading “Help ons helpen”. In deze kop worden zowel het heading-element als het strong-element gebruikt. Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat, namelijk dat de tekst extra nadruk moet krijgen. Om die reden mag het element niet gebruikt worden om alleen een visueel effect te bereiken (vetgedrukt). Gebruik hiervoor CSS.

Het pdf-document op https://schuldhulpmaatje.nl/wp-content/uploads/2025/10/Senior-relatiebeheerder-oktober-2025.pdf bevat geen structurele codes, waardoor de inhoud ontoegankelijk is voor screenreaders. Bovendien kunnen wij de pdf hierdoor niet volledig onderzoeken. Het gaat om alle succescriteria die met de pdf-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen.
Hetzelfde probleem doet zich voor in het pdf-document op https://schuldhulpmaatje.nl/wp-content/uploads/2025/04/Jaarverslag-2024-SchuldHulpMaatje-Nederland.pdf.

Uitkomst: Onvoldoende

Bevindingen: Op de homepage, https://schuldhulpmaatje.nl/meppel/, staat onder de heading “Ervaringsverhalen” de volgorde van HTML-elementen binnen artikelen niet logisch. Links met afbeeldingen zijn boven de koppen geplaatst, bijvoorbeeld “Hulpvrager Premie en SchuldHulpMaatje Sjanet”. De huidige volgorde is: link met afbeelding, kop en link. Als deze artikelen van boven naar beneden worden voorlezen door een schermlezer, is niet duidelijk welke afbeeldingen en datums bij welk artikel horen. Dat komt doordat de koppen niet bovenaan staan in de code van elk artikel. Dit kan verwarrend zijn voor bezoekers die een schermlezer gebruiken. Dit kan worden opgelost door alle inhoud (afbeeldingen en tekst) die bij een bepaalde kop hoort, in de code onder die kop te plaatsen. Dit zorgt voor een logische structuur. De visuele vormgeving mag wel afwijken.
Hetzelfde probleem doet zich voor Op pagina https://schuldhulpmaatje.nl/?s=wer; op pagina https://schuldhulpmaatje.nl/nieuws/; op pagina https://schuldhulpmaatje.nl/blog/2025/11/22/zeven-aanbevelingen-schuldhulpmaatje-aan-ministerie-szw-samen-naar-een-schuldenvrij-nederland/ onder “Meer lezen?”; en op andere pagina’s.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://schuldhulpmaatje.nl/ik-zoek-hulp/ ontbreekt bij een formulier met invoervelden voor persoonsgegevens (zoals voor- en achternaam, e-mailadres, telefoonnummer) het autocomplete-attribuut. Invoervelden voor persoonlijke informatie zoals naam, e-mailadres, telefoonnummer, etc. moeten het autocomplete-attribuut met de juiste waarde hebben. Hierdoor kunnen browsers en hulpsoftware helpen bij het invoeren. Bijvoorbeeld door de velden al automatisch in te vullen. Gebruik het autocomplete-attribuut voor alle velden waar persoonlijke informatie in moet worden gevuld. Op deze pagina staat meer informatie over autocomplete en welke waardes verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.
Hetzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/doneer-nu/.

Uitkomst: Onvoldoende

Bevindingen: In het pdf-document op https://schuldhulpmaatje.nl/wp-content/uploads/2025/04/Jaarverslag-2024-SchuldHulpMaatje-Nederland.pdf staan grafieken, bijvoorbeeld op pagina’s 8 en 9. Kleur wordt gebruikt om informatie over te brengen. Zie de legenda en de balken in de grafiek. Alleen mensen die de kleuren kunnen zien en van elkaar kunnen onderscheiden zien welke balk / lijn bij welke categorie in de legenda hoort. Dit kan opgelost worden door naast kleur bijvoorbeeld ook verschillende soorten arcering te gebruiken.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://schuldhulpmaatje.nl/meppel staat witte tekst op een oranje achtergrond (HEX #F07D00) of andersom. De kleurcontrastverhouding is te laag: 2,7:1. Bijvoorbeeld in de header bij de knop “Ik zoek hulp”, in de footer bij de link “Doneer nu”, op de homepage bij de knop “Meer gegevens” en op andere plaatsen. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel staat in de header witte tekst op een oranje achtergrond. Bij hover verandert de achtergrondkleur naar lichtoranje (HEX #F7BD7D). De contrastverhouding van deze tekst is 1,7:1. Bijvoorbeeld bij de knop “Ik zoek hulp” in de header, de knop “Meer gegevens” op de homepage en andere elementen. Zorg ervoor dat het kleurcontrast niet lager wordt dan 4,5:1. Tekst van informatieve elementen zoals links en knoppen moet altijd voldoende contrast hebben, ook als het element toetsenbord focus krijgt of als de bezoeker met de muiscursor over het element beweegt (hover).

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel staat in de footer lichtblauwe tekst (HEX #50BEBE) op een donkerblauwe achtergrond (HEX #006987), bijvoorbeeld bij “Over ons”. De kleurcontrastverhouding is te laag: 2,8:1. Deze tekst is groter dan 24px, daarom moet het contrast minimaal 3,0:1 zijn.

Op de homepage, https://schuldhulpmaatje.nl/meppel/, staat een witte header “Meppel” op de afbeelding. De achtergrondkleur van de afbeelding varieert, bijvoorbeeld lichtblauw (HEX #B1CBDD). De kleurcontrastverhouding is te laag: 1,7:1. Deze tekst is groter dan 24px, daarom moet het contrast minimaal 3,0:1 zijn.
Hetzelfde probleem doet zich voor naast de witte tekst “SchuldHulpMaatje”. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.
Hetzelfde probleem doet zich voor Op pagina https://schuldhulpmaatje.nl/ik-zoek-hulp/ bij “Ik zoek hulp”; op https://schuldhulpmaatje.nl/samen-lukt-t/sponsors-en-partners/ bij “Sponsors en partners”; op https://schuldhulpmaatje.nl/publicaties/ bij “Publicaties”; en op andere pagina’s.

Op de homepage, https://schuldhulpmaatje.nl/meppel/, staat witte tekst op een lichtblauwe achtergrond (HEX #50BEBE) of andersom. De kleurcontrastverhouding is te laag: 2,2:1. Bijvoorbeeld: de koptekst “Wil jij mensen met geldproblemen op weg helpen?”. Deze tekst is groter dan 24px, daarom moet het contrast minimaal 3,0:1 zijn; de tekst “Geldproblemen hebben een enorme ... balans brengen. Doe jij mee?”. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn; de koptekst “Bekijk hoe Cora met haar SchuldHulpMaatje aan de slag ging met haar schulden”. Deze tekst is groter dan 24px, daarom moet het contrast minimaal 3,0:1 zijn.
Hetzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/blog/2025/11/22/zeven-aanbevelingen-schuldhulpmaatje-aan-ministerie-szw-samen-naar-een-schuldenvrij-nederland/, bijvoorbeeld bij “Ben jij op zoek naar hulp bij geldproblemen?”; en op pagina https://schuldhulpmaatje.nl/locaties/, bijvoorbeeld bij “Nieuwe locatie starten?”.

Op de homepage https://schuldhulpmaatje.nl/meppel/ staat onder de heading “Organisatiegegevens” een witte link “Doneer aan deze locatie”. Wanneer deze link toetsenbordfocus krijgt, verandert de achtergrond naar wit. De contrastverhouding van deze tekst is 1,01:1. Zorg ervoor dat het kleurcontrast niet lager wordt dan 4,5:1. Tekst van informatieve elementen zoals links en knoppen moet altijd voldoende contrast hebben, ook als het element toetsenbord focus krijgt of als de bezoeker met de muiscursor over het element beweegt (hover).
Hetzelfde probleem doet zich voor bij de link “Doneer aan deze locatie” bij hover. De achtergrond van deze link verandert naar lichtblauw (HEX #96D8D8). De contrastverhouding is 1,6:1. Zorg ervoor dat het kleurcontrast niet lager wordt dan 4,5:1.

Op de homepage https://schuldhulpmaatje.nl/meppel/ opent de knop “Doe de check” extra content met een vragenlijst. De grijze tekst (HEX #767676) “Stap 1 van 5 - Ik heb:” op een lichtblauwe achtergrond (HEX #E1F0F0) heeft een te lage contrastverhouding van 3,9:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.

Op de homepage https://schuldhulpmaatje.nl/meppel/ opent de knop “Doe de check” extra content met een vragenlijst. De oranje tekst (HEX #F07D00) “20%” op een lichtoranje achtergrond (HEX #FAE6D2) heeft een te lage contrastverhouding van 2,3:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.

Op pagina https://schuldhulpmaatje.nl/doneer-nu/ staan oranje links op een lichtblauwe achtergrond (HEX #E1F0F0), bijvoorbeeld “Locaties”. Bij hover verandert de kleur van de links naar lichtblauw (HEX #50BEBE). De contrastverhouding van deze tekst is 1,9:1. Zorg ervoor dat het kleurcontrast niet lager wordt dan 4,5:1.
Hetzelfde probleem doet zich verderop voor bij de link “Locatie” op een witte achtergrond. De contrastverhouding van deze tekst is 2,2:1. Zorg ervoor dat het kleurcontrast niet lager wordt dan 4,5:1. Tekst van informatieve elementen zoals links en knoppen moet altijd voldoende contrast hebben, ook als het element toetsenbordfocus krijgt of als de bezoeker met de muiscursor over het element beweegt (hover).
Hetzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/cookie-en-privacyverklaring/ , bijvoorbeeld “contact”; op pagina https://schuldhulpmaatje.nl/blog/2025/11/22/zeven-aanbevelingen-schuldhulpmaatje-aan-ministerie-szw-samen-naar-een-schuldenvrij-nederland/, bijvoorbeeld “zeven aanbevelingen aan het ministerie”; op pagina https://schuldhulpmaatje.nl/vacatures/, bijvoorbeeld “Lees meer over de vacature Senior relatiebeheerder”; en op andere pagina’s.

In het pdf-document op https://schuldhulpmaatje.nl/wp-content/uploads/2025/04/Jaarverslag-2024-SchuldHulpMaatje-Nederland.pdf staat oranje tekst (HEX #F17900) op een witte achtergrond, bijvoorbeeld op pagina 1 bij “Jaarverslag 2024 Vereniging SchuldHulpMaatje Nederland” en andere teksten. De kleurcontrastverhouding is te laag: 2,8:1. Voor kleine tekst moet het contrast minimaal 4,5:1 zijn, en voor grote tekst minimaal 3,0:1.

In het pdf-document op https://schuldhulpmaatje.nl/wp-content/uploads/2025/04/Jaarverslag-2024-SchuldHulpMaatje-Nederland.pdf staat lichtblauwe tekst (HEX #B2DDDA) op een witte achtergrond, bijvoorbeeld op pagina 2 bij “Inhoud” en “Jaarverslag 2024”. De kleurcontrastverhouding is te laag: 1,5:1. Voor kleine tekst moet het contrast minimaal 4,5:1 zijn, en voor grote tekst minimaal 3,0:1.

In het pdf-document op https://schuldhulpmaatje.nl/wp-content/uploads/2025/04/Jaarverslag-2024-SchuldHulpMaatje-Nederland.pdf staat witte tekst op een blauwe achtergrond (HEX #47BAB8), bijvoorbeeld op pagina 2 bij “Onze missie”. De contrastverhouding is 2,3:1. Voor kleine tekst moet het contrast minimaal 4,5:1 zijn, en voor grote tekst minimaal 3,0:1.
Hetzelfde probleem komt verderop voor bij andere kleurcombinaties, zoals witte tekst op oranje (HEX #F17900) met een contrast van 2,8:1, witte tekst op lichtgroen (HEX #BFD100) met een contrast van 1,7:1, witte tekst op groen (HEX #6CB41E) met een contrast van 2,6:1 en witte tekst op lichtblauw (HEX #00A1E5) met een contrast van 2,9:1. Ook bij andere kleurcombinaties treden soortgelijke contrastproblemen op.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer de pagina https://schuldhulpmaatje.nl/cookie-en-privacyverklaring/ wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en is ingezoomd tot 400%, raakt de volgende heading gedeeltelijk uit beeld: “Cookie- en privacyverklaring”. Zorg dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.
Hetzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/blog/2025/11/22/zeven-aanbevelingen-schuldhulpmaatje-aan-ministerie-szw-samen-naar-een-schuldenvrij-nederland/ met de heading “Zeven aanbevelingen SchuldHulpMaatje aan ministerie SZW: samen naar een schuldenvrij Nederland”; op pagina https://schuldhulpmaatje.nl/vacatures/ met de heading “Werken bij SchuldHulpMaatje”; op pagina https://schuldhulpmaatje.nl/locaties/ met de heading “Locatiekaart”; en op andere pagina’s.

Uitkomst: Onvoldoende

Bevindingen: In de header op alle pagina’s van https://schuldhulpmaatje.nl/meppel is de toetsenbordfocus als een donkeroranje (HEX #E5B47F) rand zichtbaar. De contrastverhouding tussen de focusrand en de witte achtergrond is 1,9:1. Dit moet minimaal 3,0:1 zijn. Momenteel is het voor mensen met een visuele beperking of kleurenblindheid lastig of zelfs onmogelijk om de focus te zien. Gebruik een kleurcombinatie met voldoende contrast om dit op te lossen.
Hetzelfde probleem doet zich voor bij links in het hoofdmenu, bijvoorbeeld “WORD VRIJWILLIGER”. Wanneer deze links toetsenbordfocus krijgen, is dat zichtbaar door een lichtroze (HEX #FBDEBF) focusrand. De contrastverhouding tussen de focusrand en de witte achtergrond is 1,3:1. Dit moet minimaal 3,0:1 zijn.

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel staan in het submenu links met witte tekst op een blauwe achtergrond, bijvoorbeeld “Vul ons hulpformulier in”. Wanneer deze links toetsenbordfocus krijgen, is dit zichtbaar door een blauwe (HEX #83B8C4) toetsenbordfocusrand. De contrastverhouding tussen de toetsenbordfocusrand en de lichtblauwe (HEX #E1F0F0) achtergrond is 1,9:1. Dit moet minimaal 3,0:1 zijn. Momenteel is het voor mensen met een visuele beperking of kleurenblindheid lastig of zelfs onmogelijk om de focus te zien. Gebruik een kleurcombinatie met voldoende contrast om dit op te lossen.
Hetzelfde probleem doet zich voor bij andere soortgelijke links en knoppen, bijvoorbeeld op de homepage bij de knop “Lees meer”.

Op de homepage https://schuldhulpmaatje.nl/meppel onder de heading “Vraag direct hulp”, staan knoppen, bijvoorbeeld “Naar aanmeldformulier”. Wanneer deze knoppen toetsenbordfocus krijgen, is dit zichtbaar door een lichtgrijze (HEX #DDD9CF) toetsenbordfocusrand. De contrastverhouding tussen de toetsenbordfocusrand en een lichtroze (HEX #FAE6D2) achtergrond is 1,2:1. Dit moet minimaal 3,0:1 zijn. Momenteel is het voor mensen met een visuele beperking of kleurenblindheid lastig of zelfs onmogelijk om de focus te zien. Gebruik een kleurcombinatie met voldoende contrast om dit op te lossen.

Op de homepage https://schuldhulpmaatje.nl/meppel staat onder de heading “Organisatiegegevens” de link “Doneer aan deze locatie”. Wanneer deze link toetsenbordfocus krijgt, is dit zichtbaar door een lichtblauwe (HEX #D3EFEF) toetsenbordfocusrand. De contrastverhouding tussen de toetsenbordfocusrand en een witte achtergrond is 1,2:1. Dit moet minimaal 3,0:1 zijn. Momenteel is het voor mensen met een visuele beperking of kleurenblindheid lastig of zelfs onmogelijk om de focus te zien. Gebruik een kleurcombinatie met voldoende contrast om dit op te lossen.

Op pagina https://schuldhulpmaatje.nl/doneer-nu/ staat een formulier. De contrastverhouding tussen de witte randen van de invoervelden en de lichtblauwe (HEX #E1F0F0) achtergrond is 1,2:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.

Op pagina https://schuldhulpmaatje.nl/?s=wer staan onder de heading “Zoekresultaten” links met de tekst “Lees meer”. Wanneer deze links toetsenbordfocus krijgen, is dit zichtbaar door een lichtgrijze (HEX #E0E6E6) toetsenbordfocusrand. De contrastverhouding tussen de toetsenbordfocusrand en een witte achtergrond is 1,3:1. Dit moet minimaal 3,0:1 zijn. Momenteel is het voor mensen met een visuele beperking of kleurenblindheid lastig of zelfs onmogelijk om de focus te zien. Gebruik een kleurcombinatie met voldoende contrast om dit op te lossen.

Op pagina https://schuldhulpmaatje.nl/?s=wer staat paginering met cijfers als links, bijvoorbeeld “2”. Wanneer deze links toetsenbordfocus krijgen, is dit zichtbaar door een donkerroze (HEX #E5D3B4) toetsenbordfocusrand. De contrastverhouding tussen de toetsenbordfocusrand en een lichtblauwe (HEX #E1F0F0) achtergrond is 1,3:1. Dit moet minimaal 3,0:1 zijn. Momenteel is het voor mensen met een visuele beperking of kleurenblindheid lastig of zelfs onmogelijk om de focus te zien. Gebruik een kleurcombinatie met voldoende contrast om dit op te lossen.
Hetzelfde probleem komt voor op pagina https://schuldhulpmaatje.nl/nieuws/.

Op pagina https://schuldhulpmaatje.nl/404, wanneer de knop “Go to home” toetsenbordfocus krijgt, is dit zichtbaar door een donkeroranje (HEX #E5B47F) toetsenbordfocusrand. De contrastverhouding tussen de toetsenbordfocusrand en een witte achtergrond is 1,9:1. Dit moet minimaal 3,0:1 zijn. Momenteel is het voor mensen met een visuele beperking of kleurenblindheid lastig of zelfs onmogelijk om de focus te zien. Gebruik een kleurcombinatie met voldoende contrast om dit op te lossen.

In het pdf-document op https://schuldhulpmaatje.nl/wp-content/uploads/2025/04/Jaarverslag-2024-SchuldHulpMaatje-Nederland.pdf staan grafieken met legenda’s, bijvoorbeeld op pagina’s 8 en 9. De kleuren in de legenda hebben onvoldoende contrast. Op pagina 9 staat bijvoorbeeld de lichtgroene (HEX #BFD100) kleur op een lichtblauwe (HEX #E8F6F4) achtergrond. Het contrast is 1,5:1. Het contrast tussen informatieve elementen van een grafiek moet minimaal 3,0:1 zijn, zodat bezoekers ze van elkaar kunnen onderscheiden. Controleer of alle kleuren in de grafiek voldoende contrast hebben.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op de homepage https://schuldhulpmaatje.nl/meppel/ is de knop met de tekst “Doe de check” onder de heading “Past de hulp van SchuldHulpMaatje Meppel bij jou?” niet met het toetsenbord toegankelijk. Wanneer een bezoeker met het toetsenbord navigeert, wordt deze knop overgeslagen. Zorg dat alle knoppen ook met de Enter-, Return- of spatietoets kunnen worden bediend.
Ditzelfde probleem doet zich voor bij de knop “Meer gegevens”.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de homepage https://schuldhulpmaatje.nl/meppel/ is onder de heading “Bekijk hoe Cora met haar SchuldHulpMaatje aan de slag ging met haar schulden” een video opgenomen in een YouTube-videospeler die sneltoetsen met één teken gebruikt. De 'k' toets kan gebruikt worden om de video te starten of stoppen en de 'm' om het geluid uit te zetten. Deze sneltoetsen botsen met hulpsoftware. Ze zijn namelijk ook actief als de toetsenbordfocus op een ander element in de videospeler staat. Dit kan problemen geven voor mensen die met spraakbediening werken, omdat deze letters soms in de uitgesproken woorden zitten. Ook voor mensen die per ongeluk een toets op het toetsenbord indrukken is het onhandig. Dit kan opgelost worden door de parameter disablekb=1 toe te voegen aan de URI van de video in de HTML-code. Hiermee worden de sneltoetsen uitgeschakeld, terwijl toetsenbordbediening mogelijk blijft. Bekijk voor meer informatie https://developers.google.com/youtube/player_parameters#disablekb (Engels).

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://schuldhulpmaatje.nl/meppel ontbreekt een skiplink. Er moet een manier zijn om delen van een pagina over te slaan, zoals het navigatiemenu en andere elementen die op meerdere pagina’s terugkomen. Hiervoor wordt een skiplink gebruikt. Daarmee kunnen bezoekers vaste blokken met herhalende inhoud overslaan. Een skiplink moet de eerste link op pagina zijn. Deze link mag verborgen zijn, maar moet zichtbaar worden zodra hij focus krijgt. Voeg een skiplink toe waarmee bezoekers herhalende delen van de pagina over kunnen slaan.

Uitkomst: Onvoldoende

Bevindingen: Het pdf-document op https://schuldhulpmaatje.nl/wp-content/uploads/2025/10/Senior-relatiebeheerder-oktober-2025.pdf heeft in de bestands­eigenschappen de titel “Microsoft Word - Vacature senior relatiebeheerder oktober 2025”. De informatie “Microsoft Word” is onjuist en kan schermlezers in verwarring brengen. De titel van een pdf-document moet het onderwerp of doel van het document duidelijk beschrijven. Hierdoor kunnen bezoekers snel en makkelijk bepalen of het document relevant is. Dit kan worden opgelost door dit aan te passen in de bestandseigenschappen van het bronbestand of van het pdf-document.

Het pdf-document https://schuldhulpmaatje.nl/wp-content/uploads/2025/04/Jaarverslag-2024-SchuldHulpMaatje-Nederland.pdf heeft geen titel ingesteld in de bestandseigenschappen. Zelfs als er een titel op de eerste pagina staat, moet in de PDF-instellingen ook een documenttitel worden ingesteld. Bij het openen van een pdf in een pdf-lezer (zoals Adobe Acrobat of een browser) wordt meestal de bestandsnaam bovenaan in de titelbalk getoond, bijvoorbeeld document123.pdf. Wanneer in de pdf-metadata echter een documenttitel is ingesteld, wordt deze titel in plaats van de bestandsnaam weergegeven. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen, omdat zij dan snel en gemakkelijk kunnen bepalen of het document relevant is.

Uitkomst: Onvoldoende

Bevindingen: Op de homepage https://schuldhulpmaatje.nl/meppel/ komt de toetsenbordfocus na de link “Vul ons hulpformulier in” terecht op een onzichtbaar interactief element. De toetsenbordfocus mag niet terechtkomen op onzichtbare interactieve elementen (links, knoppen, formuliervelden). Als dat wel gebeurt, kan een bezoeker ze onbedoeld activeren.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://schuldhulpmaatje.nl/meppel toont het logo bovenaan de website de volledige tekst “SchuldHulpMaatje”, maar het tekstalternatief is alleen “SHM Logo”. Dit tekstalternatief is ook het enige dat aangeeft wat het linkdoel is. Dit betekent dat nu niet duidelijk is waar de link naartoe gaat. Voeg in ieder geval de volledig zichtbare tekst toe, het liefst aangevuld met "ga naar de startpagina van schuldhulpmaatje.nl".

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel ontbreekt in de footer bij de link met het logo “ANBI” een beschrijvende tekst voor de bestemming. Hierdoor is het voor bezoekers die hulpsoftware gebruiken lastig om te bepalen naar welke pagina of inhoud de link leidt. Dit kan opgelost worden door een alt-tekst aan de afbeelding van het logo toe te voegen, of een tekst die alleen zichtbaar is voor schermlezers, zoals een title- of aria-label-attribuut. Deze beschrijving moet aangeven waar de link naartoe gaat. Andere oplossingen zijn ook mogelijk.

Op de homepage https://schuldhulpmaatje.nl/meppel/ bevatten meerdere links onder de heading “Ervaringsverhalen” de vage tekst “Lees het verhaal”. Deze tekst beschrijft de bestemming van de link niet voldoende en zorgt voor onduidelijkheid, vooral voor bezoekers met cognitieve beperkingen of gebruikers van schermlezers. Linkteksten die meerdere keren op een pagina voorkomen of nietszeggend zijn (zoals ‘Lees het verhaal’), geven de bezoeker geen duidelijke aanwijzingen over hun bestemming. Zorg dat duidelijk is waar een link naartoe leidt, bijvoorbeeld door een tekst als ‘lees meer’ aan te vullen met de paginatitel. Als visueel duidelijk is bij welk onderdeel de link hoort, kan deze aanvullende tekst visueel verborgen worden.
Ditzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/?s=wer met “Lees meer” en op pagina https://schuldhulpmaatje.nl/locaties/ met “Lees meer”.

Op de homepage https://schuldhulpmaatje.nl/meppel/ staan links met afbeeldingen onder de heading “Ervaringsverhalen”. Sommige links met afbeeldingen hebben geen inhoud en daardoor geen herkenbaar linkdoel, bijvoorbeeld bij de heading “Opluchting bij Marco: ‘Met een Maatje sta je er niet meer alleen voor’”. Om dit op te lossen moet de link content krijgen. Dit kan bijvoorbeeld door een tekst toe te voegen in het a-element of door een aria-label toe te voegen. Zorg dat alle links een duidelijk linkdoel hebben.
Ditzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/?s=wer boven de heading “Weggeefboekje ‘Stoppen met werken’”; op pagina https://schuldhulpmaatje.nl/nieuws/, bijvoorbeeld bij de heading “Solidair Friesland en SchuldHulpMaatje bundelen de krachten tegen armoede”; op pagina https://schuldhulpmaatje.nl/blog/2025/11/22/zeven-aanbevelingen-schuldhulpmaatje-aan-ministerie-szw-samen-naar-een-schuldenvrij-nederland/ onder “Meer lezen?”; en op andere pagina’s.

Op de homepage https://schuldhulpmaatje.nl/meppel/ staan onder de link “Vul ons hulpformulier in” onzichtbare links die geen inhoud hebben en daardoor geen herkenbaar linkdoel. Om dit op te lossen moet de link content krijgen. Dit kan bijvoorbeeld door een tekst toe te voegen in het a-element of door een aria-label toe te voegen. Zorg dat alle links een duidelijk linkdoel hebben.

Op pagina https://schuldhulpmaatje.nl/?s=wer missen de links in de paginering voldoende context. Voor ziende gebruikers is duidelijk dat “1”, “2”, “3” enzovoort paginanummers voorstellen, maar dit is niet duidelijk voor gebruikers met een visuele beperking of voor schermlezergebruikers. Voor ziende bezoekers is het duidelijk dat dit paginanummers zijn, maar voor slechtziende bezoekers en bezoekers die een schermlezer gebruiken, is het niet altijd duidelijk dat dit links naar volgende pagina’s zijn. Dit kan verbeterd worden door de linkteksten aan te vullen met het (visueel verborgen) woord ‘pagina’.
Ditzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/nieuws/.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de homepage https://schuldhulpmaatje.nl/meppel/ beschrijft de knop met de tekst “Lees meer” onder de heading “Wil jij mensen met geldproblemen op weg helpen?”, zijn functie niet nauwkeurig. Zonder context weet een blinde bezoeker niet wat deze knop precies doet. Voeg tekst toe die deze knop goed beschrijft.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://schuldhulpmaatje.nl/meppel is in de cookiemelding de toetsenbordfocus op bijna alle elementen niet zichtbaar, bijvoorbeeld op de link met het logo, op de knoppen “Allow all”, “Allow selection”, op de link “Show details” en op andere elementen van de cookiebanner. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Anders weten ze niet op welk moment ze op Enter moeten drukken om een knop of link te bedienen.

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel is de toetsenbordfocus op bijna alle elementen van de website niet zichtbaar, bijvoorbeeld op alle links in de footer, links in submenu’s zoals “Hoe werkt SchuldHulpMaatje?”, “Check direct”, radioknoppen, selectievakjes en andere elementen. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Anders weten ze niet op welk moment ze op Enter moeten drukken om een knop of link te bedienen.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://schuldhulpmaatje.nl/meppel staan in de cookie-instellingen, op het tabblad “Details”, secties met verborgen inhoud. Deze secties bevatten een link met de zichtbare tekst “Meer informatie over deze aanbieder”, maar de toegankelijke naam is “Privacybeleid van Cookiebot - opens in a new window”, die via een aria-label wordt ingesteld. Als de zichtbare tekst van een link niet voorkomt in de toegankelijke naam, kan de link niet met spraakbediening worden bediend. De commando’s die de bezoeker uitspreekt door de tekst van de link voor te lezen, zullen de link dan niet activeren. Dit kan opgelost worden door de zichtbare tekst in de toegankelijke naam te zetten, bij voorkeur vooraan.

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel toont de link met het logo bovenaan de volledige tekst “SchuldHulpMaatje”. De toegankelijke naam van deze link is “SHM Logo”. 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 spraakbesturingssoftware 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.

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel staat in de footer een link met het logo “ANBI”. De toegankelijke naam van deze link ontbreekt. 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 ontbreekt, 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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: In de metadata van het pdf-document op https://schuldhulpmaatje.nl/wp-content/uploads/2025/10/Senior-relatiebeheerder-oktober-2025.pdf is de taal niet ingesteld. Het is belangrijk om de taal in te stellen. Dan kan hulpsoftware de informatie uit het bestand met de juiste uitspraakregels voorlezen. Dit kan worden ingesteld via de bestandseigenschappen.
Ditzelfde probleem doet zich voor bij het document op https://schuldhulpmaatje.nl/wp-content/uploads/2025/04/Jaarverslag-2024-SchuldHulpMaatje-Nederland.pdf.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://schuldhulpmaatje.nl/meppel staan in de cookiemelding, op het tabblad “Details”, secties met verborgen inhoud. Deze secties bevatten een link met de toegankelijke naam “Privacybeleid van Cookiebot - opens in a new window”, die via een aria-label wordt ingesteld. Deze labels worden voorgelezen door schermlezers, volgens de uitspraakregels van de primaire taal van de pagina (in dit geval Nederlands). Vertaal de teksten van de aria-labels naar het Nederlands of verwijder het aria-label.

Op pagina https://schuldhulpmaatje.nl/404 staat tekst in een andere taal zonder taalcode, bijvoorbeeld “Page not found”, “Perhaps you would like to go to our home page?” en “Go to home”. Deze tekst wordt nu voorgelezen volgens de uitspraakregels van de primaire taal van de pagina. Die is ingesteld in het lang-attribuut op het html-element, in dit geval op “nl-NL” (Nederlands). De schermlezer moet hier echter op de taal van deze zin overschakelen. Geef deze anderstalige inhoud daarom een lang-attribuut met de juiste waarde: lang="en".

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de homepage https://schuldhulpmaatje.nl/meppel/ opent de knop “Doe de check” extra inhoud met een vragenlijst. De foutmelding in het formulier toont de boodschap “Dit veld is vereist”. Dit is een instructie, geen foutmelding. Een goede foutmelding maakt duidelijk dat er een fout is gemaakt en geeft aan waar de fout zit. Vaak staat er een ontkenning in. Een voorbeeld van een goede foutmelding is: "Het veld is niet (goed) ingevuld".
Ditzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/ik-zoek-hulp/ en Op pagina https://schuldhulpmaatje.nl/doneer-nu/.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://schuldhulpmaatje.nl/meppel gebruikt het zoekveld in de header de placeholdertekst “Doorzoek Schuldhulpmaatje” als label, maar ontbreekt een permanent zichtbaar label. Deze placeholdertekst verdwijnt samen met het vergrootglaspictogram zodra er tekst wordt ingevoerd. Invoervelden moeten een label hebben dat altijd zichtbaar is. Dat kan een tekst zijn of een afbeelding (icoon). Een placeholder-tekst kan niet als label dienen, omdat deze tekst verdwijnt als de bezoeker begint te typen. Een invoerveld zonder zichtbaar label kan mensen in de war brengen, omdat ze niet weten wat ze moeten invullen. Voeg een label toe in de vorm van een tekst of een icoon.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://schuldhulpmaatje.nl/meppel staat in de footer een link met het logo “ANBI”. De toegankelijke naam van deze link ontbreekt. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de bestemming of de functie is van de link. Geef deze link een toegankelijke naam die het doel van de link beschrijft.

Op alle pagina’s van https://schuldhulpmaatje.nl/meppel verschijnt op een klein scherm een menuknop (het “hamburger”-icoon met drie horizontale lijnen) om het mobiele navigatiemenu te openen. Deze knop heeft momenteel geen toegankelijke naam. Zorg dat de knop een toegankelijke naam krijgt, en dat deze naam van de knop de functie van de knop beschrijft. Zorg ook dat de naam mee verandert als de functie van de knop verandert (“menu openen” of “menu sluiten”) of gebruik het aria-expanded-attribuut met de juiste waarde.

Op de homepage https://schuldhulpmaatje.nl/meppel/ staat onder de heading “Bekijk hoe Cora met haar SchuldHulpMaatje aan de slag ging met haar schulden” een iframe met een video zonder beschrijving die zichtbaar is voor schermlezers. Het title-attribuut ontbreekt. Iframes moeten een goede beschrijving hebben, meestal via het title-attribuut. Daarin moet worden aangegeven welk type inhoud wordt weergegeven (bijvoorbeeld een podcast of video) en waar die inhoud over gaat. De beschrijving moet uniek en betekenisvol zijn. Door de beschrijving kunnen bezoekers met hulpsoftware bepalen of het de moeite waard is om de inhoud van het iframe te verkennen.

Op de homepage https://schuldhulpmaatje.nl/meppel/ staan onder de heading “Ervaringsverhalen” links met afbeeldingen. Sommige links met afbeeldingen hebben geen toegankelijke naam, bijvoorbeeld bij de heading “Opluchting bij Marco: ‘Met een Maatje sta je er niet meer alleen voor’”. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de bestemming of de functie is van de link. Geef deze link een toegankelijke naam die het doel van de link beschrijft. Houd er rekening mee dat wanneer deze links toegankelijke namen krijgen, er een ander probleem met de logische leesvolgorde kan ontstaan, zie succescriterium 1.3.2.
Ditzelfde probleem doet zich voor op pagina https://schuldhulpmaatje.nl/?s=wer boven de heading “Weggeefboekje ‘Stoppen met werken’”; op pagina https://schuldhulpmaatje.nl/nieuws/, bijvoorbeeld bij de heading “Solidair Friesland en SchuldHulpMaatje bundelen de krachten tegen armoede”; op pagina https://schuldhulpmaatje.nl/blog/2025/11/22/zeven-aanbevelingen-schuldhulpmaatje-aan-ministerie-szw-samen-naar-een-schuldenvrij-nederland/ onder “Meer lezen?”; en op andere pagina’s.

Op de homepage https://schuldhulpmaatje.nl/meppel/ staan onder de link “Vul ons hulpformulier in” onzichtbare links die geen toegankelijke namen hebben. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de bestemming of de functie is van de links. Geef deze links een toegankelijke naam die het doel van de links beschrijft.

Op pagina https://schuldhulpmaatje.nl/locaties/ geeft het zoekveld suggesties in een dropdownlijst terwijl de gebruiker typt en functioneert het als een combobox. De vereiste ARIA-rol ontbreekt echter op het invoerveld. Voeg role=”combobox” aan het invoerveld toe. Er is ook een aria-expanded-attribuut nodig om de toestand van de verborgen content aan te geven (zichtbaar of niet). Er zijn meer attributen die nodig zijn om dit element toegankelijk te maken, zie https://www.w3.org/WAI/ARIA/apg/patterns/combobox/.

Uitkomst: Voldoende