Toegankelijkheidsonderzoek

Issues:
Systeemaudit digitale toegankelijkheid Mett 3

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Mett 3
Datum 10 maart 2026
Scope van de website Binnen de scope van het onderzoek valt:
  • De techniek van het Mett 3 platform.
Buiten de scope van het onderzoek valt:
  • De content en de huisstijl op het Mett 3 platform. Afnemers kunnen hiervoor een eigen content-onderzoek aanvragen.
  • 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: 28

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: Bij het oplossen van een toegankelijkheidsprobleem is een nieuw probleem ontstaan. Op pagina https://toegankelijkheid.mett.nl/alle+modules/nieuws/default.aspx komen afbeeldingen voor, die linken naar een pagina. Bijvoorbeeld bij 'Nieuwsbericht 2'. Deze afbeeldingen heeft een alternatieve tekst waarin de titel van het artikel wordt herhaald: "Bericht 'Nieuwsbericht 2' bekijken". Dit is geen goede alternatieve tekst omdat het de afbeelding niet beschrijft. Een bezoeker die gebruik maakt van voorleessoftware krijgt 3 keer dezelfde link te horen. Eerst de titel van het artikel "x", dan een afbeelding met toegankelijk tekstalternatief "Bericht x bekijken" en dan de link "Lees meer over x". De toegankelijke tekst van de afbeelding voegt niets toe en kost alleen maar tijd.
Overweeg daarom de link op de afbeelding te verwijderen en de afbeelding decoratief te maken door hier een alt-attribuut te plaatsen maar geen waarde in te vullen. Als de link blijft staan, moet er een goede alternatieve tekst aanwezig zijn die de afbeelding beschrijft en om te voldoen aan 2.4.4 ook het linkdoel. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://toegankelijkheid.mett.nl/alle+modules/eparticipatie/default.aspx en pagina https://toegankelijkheid.mett.nl/alle+modules/eparticipatie/stemmen/default.aspx

Bevinding 2: Bij het oplossen van een toegankelijkheidsprobleem is een nieuw probleem ontstaat. Op pagina https://toegankelijkheid.mett.nl/alle+modules/standaard/default.aspx is een videoplayer. Deze content moet een beschrijving hebben. Een korte titel of samenvatting is voldoende. Dit kan enkel een content probleem zijn, maar het systeem moet het mogelijk maken en liefst adviseren om een titel boven een video te plaatsen.

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 onder andere pagina https://toegankelijkheid.mett.nl/alle+modules/nieuws/1630723.aspx?t=Deze-website-wordt-getest-op-WCAG-21 staat een tekstverwerker met daarboven de tekst 'Schrijf een reactie'. Deze tekst is geplaatst in een label-element, maar een applicatie kan niet gekoppeld zijn aan een label-element omdat het geen input-element is. Maak hier daarom in plaats daarvan een kop-element van.

Bevinding 4: Bij het oplossen van een toegankelijkheidsprobleem is een nieuw probleem ontstaan. Als op "Overschakelen naar lijstweergave" geklikt wordt op pagina https://toegankelijkheid.mett.nl/alle+modules/agenda/agenda+timeline/default.aspx#2021 staat er een tabel die visueel uit drie kolommen bestaat, maar in HTML bevat deze een vierde kolom. De kopcel van de vierde kolom bevat geen content. Dit kan verwarrend werken voor bezoekers die gebruik moeten maken van hulpsoftware. Een cel zonder content kan geen kopcel zijn. Maak hier een datacel van.

Bevinding 5: Op pagina https://toegankelijkheid.mett.nl/alle+modules/agenda/Events_AddEvent.aspx#tab=contentTab komt visueel een select-element voor met als titel 'Afspraakkleur'. Dit is een uitklapbare knop. Deze informatie is echter niet beschikbaar voor hulpsoftware, omdat het attribuut op een div-element zonder rol is geplaatst. Maak gebruik van bijvoorbeeld aria-expanded om dit probleem op te lossen.
Idealiter wordt hier echter gebruik gemaakt van een select-element, omdat het nu verwarrend is dat iets dat eruit ziet als een select-element niet bedienbaar is als een select-element met het toetsenbord. Een andere optie is bijvoorbeeld een groep radio-buttons, of de juiste implementatie van een listbox (zie https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role).
Er is hier een listbox gebruikt maar deze is niet op de juiste manier geïmplementeerd en niet op de juiste manier bedienbaar met het toetsenbord. Zie succescriterium 2.1.1. Zo heeft de listbox bijvoorbeeld geen beschrijving via een aria-label of zichtbare tekst waar aria-labelledby naar verwijst en is aria-selected niet gebruikt om het huidige geselecteerde item te identificeren.

Bevinding 6: Bij het oplossen van een toegankelijkheidsprobleem is een nieuw probleem ontstaat. Op pagina https://toegankelijkheid.mett.nl/alle+modules/standaard/default.aspx is een kop van niveau 2 met daarbinnen een videoplayer. Een kop kan alleen een korte beschrijvende tekst van de onderliggende inhoud bevatten. Haal het kop element hier weg.

Bevinding 7: Advies: Op onder andere pagina https://toegankelijkheid.mett.nl/alle+modules/eparticipatie/stemmen/default.aspx is een zij-menu aanwezig. Deze is opgemaakt met een ul-element. Overweeg gebruik te maken van een nav-element en deze via het arialabelledby-attribuut een toegankelijke naam te geven.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

Bevinding 8: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

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://toegankelijkheid.mett.nl/alle+modules/agenda/agenda+timeline/default.aspx#2021 wordt met kleur aangegeven welke fase behaald is (Een witte v op donkergroene achtergrond) en welke nog niet (Een witte v op rode achtergrond). Zorg ervoor dat kleur niet de enige manier is om informatie te onderscheiden. Voeg nog minimaal één andere manier toe, bijvoorbeeld met tekst of een ander icoon (met alternatieve tekst) of zorg er voor dat het contrast tussen de twee kleuren groter is dan 3:1. Dit komt ook voor pagina https://toegankelijkheid.mett.nl/alle+modules/agenda/agenda+timeline/default.asp.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 10: Op verschillende pagina's komt tekst voor die bij muishover onvoldoende contrast heeft met de achtergrond en daardoor niet (goed) leesbaar is. Bijvoorbeeld op pagina https://toegankelijkheid.mett.nl/overzicht+widgets/default.aspx, waar de 'Lees meer' links bij muishover niet meer leesbaar zijn door het veranderen van de achtergrondkleur (HEX #369CC0) en op pagina https://toegankelijkheid.mett.nl/alle+modules/agenda/default.aspx#tab=acceptedTab waar de namen van de afspraken met bijvoorbeeld de kleur 1 (blauw) bij hover niet meer leesbaar zijn. Zorg dat de contrastratio (ook bij muishover) minimaal 4,5:1 is.

Bevinding 11: Bij het oplossen van een toegankelijkheidsprobleem is een nieuw probleem ontstaan. In de kaartapplicatie op pagina https://toegankelijkheid.mett.nl/alle+modules/eparticipatie/kaartweergave/default.aspx is een zoekvenster. Als hierin geschreven wordt veranderd de kleur van het label "Zoek op adres" naar HEX ##888888. De contrastverhouding met de achtergrondkleur (HEX ##E5E3DF) is 2,7:1. Dit moet tenminste 4,5:1 zijn.

Bevinding 12: Advies: Op meerdere plekken komen interactieve elementen voor die muishover een te laag contrast hebben met de achtergrond, bijvoorbeeld de linktekst in de cookiemelding en linkteksten in lopende teksten zoals op pagina https://toegankelijkheid.mett.nl/Beheer/toegankelijkheidsverklaring/default.aspx#settings=cookies. Omdat dit in een content-onderzoek onder huisstijl wordt onderzocht, is hier slechts het advies opgenomen ervoor te zorgen dat afnemers van het platform op de hoogte zijn dat zij hier rekening mee moeten houden bij het kiezen van de gebruikte kleuren op de website.

Bevinding 13: Advies:
Bij het oplossen van een toegankelijkheidsprobleem is een nieuw probleem ontstaan.
Wanneer bezoekers met het toetsenbord door het navigatiemenu bovenaan iedere pagina navigeren en het accountmenu geopend is dan geld voor de onderliggende links dat wanneer zij focus hebben de achtergrond donker is en de tekst maar iets lichter, waardoor het niet meer goed zichtbaar is. Omdat dit in een content-onderzoek onder huisstijl wordt onderzocht, is hier slechts het advies opgenomen ervoor te zorgen dat afnemers van het platform op de hoogte zijn dat zij hier rekening mee moeten houden bij het kiezen van de gebruikte kleuren op de website.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig

Bevinding 14: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

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://toegankelijkheid.mett.nl/Shortcuts/Users_EditProfile.aspx#tab=imageTab kunnen bezoekers een afbeelding uploaden. Wanneer een bezoeker een afbeelding upload en aanpast, verschijnt een blauwe rand om de afbeelding (HEX #4493E2). Deze rand heeft onvoldoende contrast met de donkergrijs (HEX #666666) en lichtgrijze (HEX #7F7F7F) blokjes. De contrastwaarden zijn hier 1,7:1 en 1,2:1 waar dat tenminste 3:1 moet zijn. Er is een alternatief aanwezig waarbij bezoekers zelf het aantal pixels kunnen instellen, maar aangezien zij daarmee niet kunnen bepalen welk deel van de foto geselecteerd is, is dat niet voldoende.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 16: Op onder andere pagina https://toegankelijkheid.mett.nl/alle+modules/nieuws/1630723.aspx?t=Deze-website-wordt-getest-op-WCAG-21 komt een tekstverwerker voor. In de beschrijving van het iframe staat dat de bezoeker via alt 0 instructies kan opvragen. In deze instructies staat hoe de bezoeker de tekstverwerker met het toetsenbord kan bedienen. Een bezoeker weet dit echter alleen als de bezoeker een voorleeshulp of brailleregel gebruikt. Een bezoeker die met het toetsenbord navigeert en geen verdere hulpsoftware gebruikt, weet niet dat alt 0 beschikbaar is. Plaats deze informatie bijvoorbeeld boven of onder de tekstverwerker. Dit doet zich ook voor op pagina https://toegankelijkheid.mett.nl/alle+modules/agenda/Events_AddEvent.aspx#tab=contentTab, met de toetsenbordcombinatie alt f10 om in de tekstverwerker opties te komen.

Bevinding 17: Op onder andere pagina https://toegankelijkheid.mett.nl/alle+modules/nieuws/1630723.aspx?t=Deze-website-wordt-getest-op-WCAG-21 komt een tekstverwerker voor. Bezoekers kunnen met de muis met het pijlicoon het veld groter maken. Deze functionaliteit is niet aanwezig voor bezoekers die gebruik maken van het toetsenbord. Dit doet zich ook voor op pagina https://toegankelijkheid.mett.nl/alle+modules/agenda/Events_AddEvent.aspx#tab=contentTab. Dit is ook afkeurbaar in WCAG 2.2 onder succescriterium 2.5.7.

Bevinding 18: Op onder andere pagina https://toegankelijkheid.mett.nl/alle+modules/eparticipatie/eensoneens/1620429.aspx wordt gebruik gemaakt van een YouTube videospeler. De sneltoetsen zijn correct uitgeschakeld met het attribuut disablekb1. Echter, dit veroorzaakt momenteel een probleem in de toetsenbordbediening binnen het iframe, waarbij bezoekers de ondertiteling en verschillende instellingen niet meer kunnen wijzigen. Op dit moment is de YouTube videospeler dan ook geen toegankelijke manier om video's in te tonen. Overweeg daarom een eigen videospeler toe te voegen, zodat afnemers niet afhankelijk zijn van een derde partij.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 19: Wanneer bezoekers op pagina https://toegankelijkheid.mett.nl/alle+modules/documenten/default.aspx een map openen, verschijnt de inhoud van die map bóven de geopende map. Naast een bestand verschijnt een knop waarmee bezoekers de instellingen kunnen wijzigingen. Na het activeren van de knop opent een menu. Wanneer bezoekers daar doorheen navigeren met het toetsenbord en daarna vérder navigeren, blijft het menu open staan, over andere content heen. Zorg ervoor dat het menu automatisch sluit.

Bevinding 20: Op pagina https://toegankelijkheid.mett.nl/Shortcuts/Users_EditProfile.aspx#tab=imageTab kunnen bezoekers hun profielfoto uploaden, bijsnijden en draaien. Nadat de bezoeker instellingen in een dialoogvenster heeft opgeslagen, bijvoorbeeld 'Bijsnijden' sluit het venster en wordt de focus weer helemaal bovenaan de pagina gezet, in plaats van op de knop 'Bijsnijden'. Zorg ervoor dat de focus zich weer hervat vanaf de knop waarmee de bezoeker het dialoogvenster heeft geopend. Dit komt op meerdere plekken voor. Een vergelijkbaar probleem doet zich voor met de knop 'Draaien', waarbij de focus daarna naar 'Profielfoto verwijderen' gaat in plaats van op de knop 'Draaien' te blijven.

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://toegankelijkheid.mett.nl/alle+modules/agenda/default.aspx#tab=acceptedTab hebben de knoppen om naar een vorige of volgende maand te gaan een Engelstalige naam. In dit geval is de toegankelijkste oplossing om de knoppen een Nederlandstalige naam te geven, bijvoorbeeld 'Volgende maand' en 'Vorige maand'.

3.2 Voorspelbaar

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Onvoldoende

Bevinding 22: Op pagina https://toegankelijkheid.mett.nl/Shortcuts/Users_EditProfile.aspx#tab=imageTab kunnen bezoekers hun profielfoto opslaan. Nadat zij op deze pagina op opslaan hebben geklikt, wordt de bezoeker direct naar een totaal andere pagina verwezen, namelijk https://toegankelijkheid.mett.nl/Shortcuts/Users_ShowProfile.aspx#tab=updatesTab. Dit is verwarrend en storend. Zorg ervoor dat ofwel 'Opslaan' alleen de pagina opslaat (en eventueel ververst), ofwel pas de naam aan naar 'Opslaan en terug naar profiel'.

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 23: Bovenaan iedere pagina staat een navigatiemenu. Deze is opgemaakt in een div-element zonder rol, waar een aria-labelledby attribuut op is gebruikt. Dit attribuut is niet bedoeld voor elementen zonder rol. Gebruik bij voorkeur een nav-element (zodat deze gelijk de juiste toetsenbordfunctionaliteit bevat), of geef het div-element een geschikte rol (voeg hierbij de juiste toetsenbordfunctionaliteit toe).

Bevinding 24: Op pagina https://toegankelijkheid.mett.nl/alle+modules/agenda/Events_AddEvent.aspx#tab=contentTab komt onder 'Welke extra informatie wil je toevoegen?' een tablist voor. In die tablist zijn a-elementen genest. Zorg ervoor interactieve elementen niet in andere interactieve elementen zijn genest, dit kan bij verschillende combinaties van browsers en hulpsoftware voor toegankelijkheidsproblemen zorgen. Dit doet zich ook voor in de listbox onder 'Afspraakleur', waar linkelementen zijn genest in een element met de rol 'option'.

Bevinding 25: Op pagina https://toegankelijkheid.mett.nl/alle+modules/agenda/Events_AddEvent.aspx#tab=usersTab, onder het tabblad 'Uitnodigen' komen twee select-elementen voor zonder toegankelijke naam. Op pagina https://toegankelijkheid.mett.nl/alle+modules/agenda/Events_AddEvent.aspx#tab=imageTab komen drie select-elementen voor zonder toegankelijke naam. Een vergelijkbare situatie doet zich voor op pagina https://toegankelijkheid.mett.nl/alle+modules/nieuws/Articles_AddArticle.aspx#tab=imageTab.

Bevinding 26: Op pagina https://toegankelijkheid.mett.nl/alle+modules/agenda/Events_AddEvent.aspx#tab=usersTab, onder het tabblad 'Uitnodigen' komen twee select-elementen voor. Hierin zijn visueel selectievierkantjes aanwezig, met daarnaast tekst. Deze elementen hebben geen naam en geen rol. Een vergelijkbare situatie doet zich voor op pagina https://toegankelijkheid.mett.nl/alle+modules/nieuws/Articles_AddArticle.aspx#tab=imageTab.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 27: Wanneer bezoekers het formulier op pagina https://toegankelijkheid.mett.nl/Beheer/Formulierenmodule/1630539.aspx?t=Formulier verzenden, verschijnt de melding 'Een momentje...'. Deze informatie is niet beschikbaar voor hulpsoftware. Zorg ervoor dat statusmeldingen beschikbaar zijn en voorgelezen kunnen worden, bijvoorbeeld door het aria-live attribuut te gebruiken.

Bevinding 28: Op pagina https://toegankelijkheid.mett.nl/alle+modules/beeldbank/default.aspx komt een beeldbank voor, waarbij als een bezoeker daar focus op heeft, de gehele inhoud wordt voorgelezen. Hierdoor hoort een bezoeker bijvoorbeeld '1 keer gelezen. 5 keer gelezen. 4 keer gelezen. 3 reacties. 2 reacties. 0 reacties. link'. Dit is heel erg verwarrend en wordt veroorzaakt door de verschillende aria status settings die zijn gebruikt in de widget. Verwijder deze onnodige statusupdates.

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-03-10 16:41:41 v2.4-011