Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Mett Studio

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Mett Studio
Datum 13 november 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op wcag.mettstudio.nl
  • Alle PDF's op wcag.mettstudio.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.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 21

1. Waarneembaar

1.2 Op tijd gebaseerde media

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://wcag.mettstudio.nl/ staat de Vimeo-video 'An Introduction to Digital Accessibility'. Ondertiteling ontbreekt, waardoor de informatie die wordt uitgesproken niet beschikbaar is voor bezoekers die bijvoorbeeld doof of slechthorend zijn. Zorg ervoor dat er ondertiteling in de gesproken taal (Engels) wordt toegevoegd, en als de video op een Nederlandstalige website staat eventueel ook Nederlandstalige ondertiteling.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 2: Op pagina https://wcag.mettstudio.nl/enquete staat een enquête. Als bij de vraag 'Welke werelddelen heb je wel eens bezocht?' meerdere antwoorden gegeven, verschijnt de vervolgvraag 'Zet bezochte werelddelen op volgorde van hoe mooi je ze vindt'. Dit label is niet programmatisch gekoppeld aan de opties die hierbij horen. Bezoekers die hulpsoftware gebruiken krijgen daardoor niet meteen voorgelezen bij welk label de opties horen, als de focus op één van de opties staat. Maak bijvoorbeeld gebruik van een combinatie van het fieldset- en legend element om dit op te lossen. Ditzelfde geldt voor de vragen met keuze-opties 'Hoe beoordeel je Nederland als vakantieland, variant smileys/sterren/etiketten'. Ook bij de vraag 'Welke afbeelding vind je het mooist?' komt dit voor.

Bevinding 3: De PDF 'Test document' (https://wcag.mettstudio.nl/f/bdf93acb-b64b-498b-9411-2814dcfb7773?block=cd9fe184-7baf-4685-8df7-a1ef2cc1a909&name=Test%20document&download=false) is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen door hulpsoftware. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn, wat de alternatieve tekst bij afbeeldingen en 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 alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Ditzelfde komt voor bij het document 'Digitoegankelijk' (https://wcag.mettstudio.nl/f/82198b88-c5cb-4f6d-ab57-90335f4df1cb?item=4b337bd9-17ff-4d9e-82de-e540dcb60fd7&name=Digitoegankelijk&download=false).

Bevinding 4: Advies: Op verschillende pagina's wordt niet op de juiste manier gebruik gemaakt van een koppenstructuur. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is een koppenstructuur belangrijk, omdat een lijst van koppen opgevraagd kan worden en op die manier genavigeerd kan worden. Het wordt niet op toegankelijkheid afgekeurd als de koppenstructuur niet goed is opgebouwd, maar het verbeteren hiervan zorgt dat de structuur van de content beter geïnterpreteerd kan worden. Zorg voor een goede koppenstructuur, die begint bij een kopniveau h1 voor de belangrijkste kop (titel van de pagina), kopniveau h2 voor de koppen, kopniveau h3 voor de tussenkoppen, et cetera. Sla hierbij geen koppen over.

Een aantal voorbeelden van een onjuiste koppenstructuur zijn:

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://wcag.mettstudio.nl/ staat de kop 'Alle vragen'. Als hieronder bijvoorbeeld de vraag 'Wat is WCAG' wordt opengevouwen, verschijnt een knop met de blauwe (HEX #0073D1) tekst 'Feedback geven'. Als de muisaanwijzer (hover) hier naartoe wordt gebracht heeft de tekst onvoldoende contrast met de lichtblauwe (HEX #E8F1F9) achtergrond. De contrastverhouding is 4,2:1 waar deze minimaal 4,5:1 moet zijn. Hetzelfde probleem speelt in het hoofdmenu bij de links in het submenu onder de link "WCAG-audit".

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 6: Als pagina https://wcag.mettstudio.nl/wcag-audit/wat-is-een-wcag-audit wordt bekeken op een scherm van 1280 bij 1024 pixels en er wordt ingezoomd vanaf 200%, verdwijnt het zij-menu (onder andere 'Wat is een WCAG-audit?'). Zorg dat alle content en functionaliteit in beeld blijft bij het inzoomen. Ditzelfde gebeurt op pagina https://wcag.mettstudio.nl/wcag-audit/wat-we-verbeteren-naar-aanleiding-van-de-audit.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 7: Op pagina https://wcag.mettstudio.nl/enquete staat een enquête. Bij de vraag 'Hoe beoordeel je Nederland als vakantieland, variant smileys?' kan antwoord gegeven worden door een smiley te selecteren waarin in elk een andere witgekleurde gezichtsuitdrukking te zien is. De ongeselecteerde smileys zijn grijs (HEX #D6D6D6) op witte achtergrond. Deze smileys hebben onvoldoende contrast met de witte kleur, waardoor niet duidelijk is welke boodschap deze overbrengt. De contrastverhouding is hier 1,5:1 terwijl dat tenminste 3:1 moet zijn. De geselecteerde smileys hebben elk een andere kleur met een wit gezicht, Het gaat bijvoorbeeld om de kleur geel (HEX #FF9814) die een contrastverhouding van 2,1:1 heeft. De groene (HEX #B2A13E) heeft een contrastverhouding van 2,6:1. Ook andere kleuren geven onvoldoende contrast. Zorg ervoor dat de contrastverhouding overal minimaal 3:1 is.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://wcag.mettstudio.nl/enquete staat een enquête. Als bij de vraag 'Welke werelddelen heb je wel eens bezocht?' meerdere antwoorden gegeven, verschijnt de vervolgvraag 'Zet bezochte werelddelen op volgorde van hoe mooi je ze vindt'. Met de muis kunnen de opties van plaats verwisseld worden. Er is een mechanisme beschikbaar om ditzelfde met behulp van het toetsenbord te doen dat goed werkt. Echter zodra hulpsoftware, bijvoorbeeld NVDA is ingeschakeld werkt deze methode niet meer. Pas de code aan zodat ook blinde bezoekers afhankelijk van voorleessoftware de volgorde met behulp van het toetsenbord kunnen aanpassen.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://wcag.mettstudio.nl/ wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld m voor mute. Deze functionaliteit is iets wat mensen die afhankelijk zijn van hulpsoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met hulpsoftware hun computer te bedienen. Op dit moment werkt de oplossing die we normaalgesproken zouden adviseren ('disablekb=1' toevoegen aan de URL) niet goed. De normale bediening gaat bij deze oplossing goed, maar zodra je instellingen wil aanpassen (zoals afspeelsnelheid) werkt dit niet via het toetsenbord. Daarom is een YouTube-videospeler (momenteel) niet goed toetsenbordtoegankelijk. Daarom adviseren we, tot dit probleem is opgelost, om andere videospeler te gebruiken.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 10: De PDF 'Test document' (https://wcag.mettstudio.nl/f/bdf93acb-b64b-498b-9411-2814dcfb7773?block=cd9fe184-7baf-4685-8df7-a1ef2cc1a909&name=Test%20document&download=false) heeft geen titel. Deze is wel belangrijk, als deze titel wordt voorgelezen door hulpsoftware weten gebruikers daarvan of ze het juiste document voor zich hebben. Vul de titel in in de bestandseigenschappen, en stel op tabblad 'Weergave bij openen' in dat niet de bestandsnaam maar de Documenttitel wordt getoond.
Bij de PDF 'Digitoegankelijk' (https://wcag.mettstudio.nl/f/82198b88-c5cb-4f6d-ab57-90335f4df1cb?item=4b337bd9-17ff-4d9e-82de-e540dcb60fd7&name=Digitoegankelijk&download=false) komt een soortgelijk probleem voor. Hier is wel een titel ingevuld, maar deze wordt niet getoond doordat staat ingesteld dat de bestandsnaam wordt getoond. Wijzig deze instelling naar 'Documenttitel'.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 11: Op alle pagina's, bijvoorbeeld https://wcag.mettstudio.nl/, komt een zoekfunctie voor. Als via het toetsenbord de focus hier naartoe wordt gebracht vouwt een extra instructie en de extra optie 'Uitgebreid zoeken' uit. Als de focus hier naartoe wordt gebracht, is het vervolgens niet meer mogelijk om met de tabtoets de focus hier weer uit te verwijderen. Het veld kan worden afgesloten met de escape-toets waardoor dit geen toetsenbordval veroorzaakt. Toch kan dit zeer hinderlijk zijn voor bezoekers die via het toetsenbord navigeren. Het kan lastig zijn om op logische wijze verder te navigeren naar het volgende element. Mogelijk wordt dit veroorzaakt door het gebruik van 'tabindex="0"' op een element dat genest is in een element waarin 'tabindex="-1"' is gebruikt. De zoekfunctie staat in HTML helemaal achteraan en de manier waarop het toch bij het menu in de focusvolgorde is geplaatst levert problemen op. Zorg ervoor dat via de tab toets en via shift+tab weer uit dit veld genavigeerd kan worden.

Bevinding 12: Op alle pagina's (bijvoorbeeld https://wcag.mettstudio.nl/) komt een menu voor dat is opgemaakt uit tabbladen. Menu-item 'WCAG-audit' bevat submenu-items, die automatisch worden uitgevouwen als de focus hierop valt. Als de focus vervolgens naar de submenu-items gebracht wordt, kan via de tabtoets niet op logische wijze verder over de pagina genavigeerd worden. De enige manier om uit het submenu te komen is het gebruik van de escape-toets. Zorg ervoor dat de focus via de tabtoets uit het submenu gehaald kan worden zodat verder over de pagina genavigeerd kan worden.

Bevinding 13: Advies: Het menu (bijvoorbeeld op pagina https://wcag.mettstudio.nl/) is opgemaakt als tabbladen. Daarom is niet af te keuren dat de focus na het eerste menu-item naar de content van het tabblad gaat. Toch kan dit verwarring scheppen over hoe de pagina in elkaar zit, omdat logische focusvolgorde meestal inhoudt dat het hele menu wordt doorlopen voordat naar de content van de pagina wordt gegaan. Extra verwarring kan ontstaan Als de focusvolgorde zou worden aangepast zou dit de navigatie meer voorspelbaar en daarmee efficiënter maken.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 14: Bij het oplossen van een probleem is een nieuw probleem ontstaan. Op pagina https://wcag.mettstudio.nl/enquete staat de bij 'Geslacht' een knop met de tekst 'Verwijder'. Visueel is duidelijk dat de knop bij 'Geslacht' hoort en indien een geslacht is gekozen is te zien dat met de knop de geslachtskeuze verwijderd wordt. Maar blinden weten niet wat er verwijderd wordt. Geef de knop een duidelijk toegankelijk label, bijvoorbeeld 'verwijder geslachtskeuze'.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 15: De PDF 'Test document' (https://wcag.mettstudio.nl/f/bdf93acb-b64b-498b-9411-2814dcfb7773?block=cd9fe184-7baf-4685-8df7-a1ef2cc1a909&name=Test%20document&download=false) bevat Nederlandstalige content, maar in de documenteigenschappen is geen taal ingesteld. Hierdoor kan hulpsoftware niet afleiden wat de taal is, en wordt de content mogelijk met onjuiste uitspraak voorgelezen. Stel de taal in bij tabblad 'Geavanceerd' in de documenteigenschappen. Ditzelfde komt voor bij de PDF 'Digitoegankelijk' (https://wcag.mettstudio.nl/f/82198b88-c5cb-4f6d-ab57-90335f4df1cb?item=4b337bd9-17ff-4d9e-82de-e540dcb60fd7&name=Digitoegankelijk&download=false).

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://wcag.mettstudio.nl/contact staat een formulier. Als verplichte velden niet worden ingevuld en het formulier wordt verstuurd, verschijnt bij de velden "Type bericht " en "Bericht" de foutmelding 'Dit is een vereiste vraag'. Dat het vereist is geeft voldoende suggestie voor een oplossing (zoals vereist voor succescriterium 3.3.3), maar maakt onvoldoende duidelijk wat er mis is gegaan. Een goede foutmelding beschrijft wat er mis is gegaan en bij welk veld. Bijvoorbeeld 'Het veld 'Bericht' is niet ingevuld. Vul een berichtnaam in'.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Voldoende

Bevinding 17: Advies: Op pagina https://wcag.mettstudio.nl/search is een zoekveld met tekstueel label 'Vul een zoekterm in om door de inhoud van het platform te zoeken.' Als placeholder is in het zoekveld een extra instructie geplaatst, waar voorbeelden in verwerkt zijn. Omdat een placeholder verdwijnt op het moment dat de bezoeker begint te typen, is het niet toegankelijk om een instructie als placeholder te plaatsen. Het tekstlabel dat buiten het zoekveld staat is wel voldoende duidelijk, daarom wordt dit niet op toegankelijkheid afgekeurd. Wel is het goed hier rekening mee te houden, en indien gewenst de tekst van de placeholder ook buiten het veld te plaatsen zodat deze zichtbaar blijft. Een soortgelijk probleem doet zich voor op pagina https://wcag.mettstudio.nl/contact en https://wcag.mettstudio.nl/enquete bij de placeholders in de invoervelden.

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 18: Op alle pagina's (bijvoorbeeld https://wcag.mettstudio.nl/) komt bij het menu een knop voor waarmee de pagina vertaald kan worden. Dit is opgemaakt met het summary-element, maar omdat deze geen tekst of label bevat is dit niet juist. De functie, naam en rol van dit element kunnen daardoor niet op de juiste manier geïnterpreteerd worden door hulpsoftware. Los dit bijvoorbeeld op door een duidelijke naam te geven zoals bij het summary-element dat is gebruikt, bijvoorbeeld op pagina https://wcag.mettstudio.nl/ bij het "i" icoon bij de link naar "Test document.pdf ".

Bevinding 19: Op alle pagina's (bijvoorbeeld https://wcag.mettstudio.nl/) komt een menu voor dat is opgemaakt uit tabbladen. Menu-item 'WCAG-audit' bevat submenu-items, die automatisch worden uitgevouwen als de focus hierop valt. Echter is het voor bezoekers die niet kunnen zien niet bekend dat er submenu-items zijn te zien. Omdat de navigatie bij tabbladen via de pijltjestoetsen verloopt terwijl de submenu-items alleen via de tabtoets bereikbaar zijn, worden deze mogelijk nooit gevonden. Het is belangrijk dat hulpsoftware kan voorgelezen dat hier een menu-item uitgevouwen is, zodat de bezoeker weet dat naar het submenu genavigeerd kan worden. Verschillende oplossingen zijn mogelijk.

Bevinding 20: Op pagina https://wcag.mettstudio.nl/ komen vier klikbare elementen voor waarmee de vragen gesorteerd kunnen worden, de eerste is 'Alle vragen'. Voor hulpsoftware is de rol van deze elementen niet herkenbaar. Daardoor is voor de bezoeker niet waarneembaar wat er gebeurt als het klikbare element wordt geactiveerd. De elementen zijn opgemaakt als div-elementen waaraan geen rol is toegekend. Los dit bijvoorbeeld op door dit alsnog te doen, of door hiervoor native HTML elementen te gebruiken.

Bevinding 21: Advies: Bij het oplossen van een probleem is een nieuw probleem ontstaan: Op alle pagina's (bijvoorbeeld https://wcag.mettstudio.nl/) komt een zoekfunctie voor. Als de focus hierop valt verschijnt de link 'Uitgebreid zoeken'. Dit element is opgemaakt als link, maar heeft ook het attribuut de role='link'. Dit attribuut is overbodig en geeft mogelijk problemen met hulpsoftware.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2025-12-01 02:47:08 v2.4-011