Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid online applicatie Centric Module Inzicht

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Centric Module Inzicht
Datum 25 april 2024
Scope van de website Binnen de scope van het onderzoek vallen:
  • Alle pagina's op de testomgeving centric-tst.moduleinzicht.burgerzaken.centric.eu/
Buiten de scope van het onderzoek vallen:
  • 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: 34

1. Waarneembaar

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 1: Aangepaste bevinding naar aanleiding van de hercontrole:
Op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal staat een combobox. Visueel heeft deze combobox het label 'Resultaten per pagina', maar in de code is het label niet gekoppeld aan de combobox. Zorg ervoor dat het label wordt gekoppeld aan de combobox. Dat kan door het label in een label-element te plaatsen en deze aan de combobox te koppelen met for- en id-attributen. Let op: Momenteel is dit een knop met de rol 'combobox'. Een button is hier geen geschikt element voor.
Deze combobox komt ook voor op andere pagina's, bijvoorbeeld op https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/messages en https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/requests.

Bevinding 2: Aangepaste bevinding naar aanleiding van de hercontrole:
Op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/dashboard staat een kop die in de HTML niet is opgemaakt met een kopelement: Analyses met de status 'Fout' of 'Onbeslist''. Wanneer koppen niet zijn opgemaakt met een kopelement kan hulpsoftware niet aangeven dat hier een kop staat. Maak deze kop daarom op met een kop-element.

Bevinding 3: Op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal hebben verschillende elementen dezelfde id's, bijvoorbeeld de id's 'item-1' en 'item-231'. Dubbele id's kunnen problemen opleveren voor hulpsoftware. Zorg er daarom voor dat elementen een unieke id hebben.

Een soortgelijk probleem komt ook voor andere pagina's:

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 4: Op de inlogpagina https://cen01-test.acc.hellome.center/runtime/saml2/issue.idp?SAMLRequest=lZJBa4QwEIX%2fiuSuyWrWrkEF6VIQ2su29NBbTGYxoInNROjPr1pa6aVsb8ObefM%2bhimbOfT2Au8zYIjac0WMVh3vumuegiw6rhmXBctBpoznWsuOKRK9gkfjbEXShJGoRZyhtRikDYvE0ixmdzHLXg6pOBaCH5PsdMpzzt9IdF5ijJVhc%2fchTCgoVWDZIQ5LK5FKJT0MgxshWeQAnvrZBjMCRTkOKTVrWGL0RKIH5xVs%2fBW5ygGBRB%2fjYLEis7fCSTQorBwBRVDiuXl6FAuumLwLTrmB1OUG7m8xSUTwKzSpv6FHnP6iLenX9rq8d1ab1Yv%2fTCqbWRuwCi7LZbxRq7qLt4P8OPby10a6E24j%2b0PUnw%3d%3d&RelayState=b4db8625-7d81-464d-8f2f-fd9f31d68563&SigAlg=http%3a%2f%2fwww.w3.org%2f2001%2f04%2fxmldsig-more%23rsa-sha256&Signature=Eqp46ybL98hr0%2fNdgCUsLrmnceuBJphgBGR3%2bRF8ZVMMfd6fKr1RtKWDNvSSJut4ftT1Wteo%2bYTNRKC1seAh0gRSEtfrvU1AkSPHVBfN5%2b036h6kuC9kZCYdAd3ftBtWQotAmbPY2nNJPqs6vnd05sqviUoB7h%2fF4oO5e1BFxBgL6sTB7SNaiyfoAISJD8EezXgGMo0G3TwR2jsWJmmgVjb0S4fM5wHP8et3j3oSGStOYfJFHipWoh3U6h94Bb5VVoeF4grj%2fO9Wy4idv7f2zq39AfAaJfRDMaoYz0vWd7cfNIhrQcOObW99yHR3Yvu322d4kCCbGFewIAh%2blXJqoA%3d%3d staan witte teksten op een groene achtergrond (HEX #75C01F), bijvoorbeeld de tekst 'Inloggen'. Deze teksten hebben onvoldoende contrast. De contrastverhouding is hier 2,2:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 5: Op de inlogpagina https://cen01-test.acc.hellome.center/runtime/saml2/issue.idp?SAMLRequest=lZJBa4QwEIX%2fiuSuyWrWrkEF6VIQ2su29NBbTGYxoInNROjPr1pa6aVsb8ObefM%2bhimbOfT2Au8zYIjac0WMVh3vumuegiw6rhmXBctBpoznWsuOKRK9gkfjbEXShJGoRZyhtRikDYvE0ixmdzHLXg6pOBaCH5PsdMpzzt9IdF5ijJVhc%2fchTCgoVWDZIQ5LK5FKJT0MgxshWeQAnvrZBjMCRTkOKTVrWGL0RKIH5xVs%2fBW5ygGBRB%2fjYLEis7fCSTQorBwBRVDiuXl6FAuumLwLTrmB1OUG7m8xSUTwKzSpv6FHnP6iLenX9rq8d1ab1Yv%2fTCqbWRuwCi7LZbxRq7qLt4P8OPby10a6E24j%2b0PUnw%3d%3d&RelayState=b4db8625-7d81-464d-8f2f-fd9f31d68563&SigAlg=http%3a%2f%2fwww.w3.org%2f2001%2f04%2fxmldsig-more%23rsa-sha256&Signature=Eqp46ybL98hr0%2fNdgCUsLrmnceuBJphgBGR3%2bRF8ZVMMfd6fKr1RtKWDNvSSJut4ftT1Wteo%2bYTNRKC1seAh0gRSEtfrvU1AkSPHVBfN5%2b036h6kuC9kZCYdAd3ftBtWQotAmbPY2nNJPqs6vnd05sqviUoB7h%2fF4oO5e1BFxBgL6sTB7SNaiyfoAISJD8EezXgGMo0G3TwR2jsWJmmgVjb0S4fM5wHP8et3j3oSGStOYfJFHipWoh3U6h94Bb5VVoeF4grj%2fO9Wy4idv7f2zq39AfAaJfRDMaoYz0vWd7cfNIhrQcOObW99yHR3Yvu322d4kCCbGFewIAh%2blXJqoA%3d%3d staan twee invoervelden met placeholderteksten. Deze grijze teksten (HEX #B9BEC8) hebben onvoldoende contrast op de witte achtergrond. De contrastverhouding is hier 1,8:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 6: Op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal staan witte teksten op een groene achtergrond (HEX #189048). Deze teksten hebben onvoldoende contrast. De contrastverhouding is hier 4,1:1, waar dat minimaal 4,5:1 moet zijn.

Deze kleurencombinatie komt ook voor op andere pagina's:

Bevinding 7: In het navigatiemenu op onder andere pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal wordt de huidige pagina aangegeven met een andere tekst- en achtergrondkleur. Deze groene tekst (HEX #189048) op een lichtgroene achtergrond (HEX #ECF6F0) heeft te weinig contrast. De contrastverhouding is hier 3,7:1, waar dat minimaal 4,5:1 moet zijn.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 8: Als bezoekers bij een schermbreedte van 1280 bij 1024 pixels inzoomen tot 200% op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal worden teksten in de tabel afgekapt. Hierdoor zijn de volledige teksten niet meer leesbaar voor bezoekers die moeten inzoomen op een pagina, bijvoorbeeld vanwege slecht zicht of dyslexie. Zorg ervoor dat teksten leesbaar blijven wanneer bezoekers inzoomen.
Een soortgelijk probleem komt ook voor in tabellen op andere pagina's, bijvoorbeeld op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/dashboard en https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/requests.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 9: Wanneer bezoekers bij een schermbreedte van 1280 bij 1024 pixels inzoomen tot 400% op de inlogpagina https://cen01-test.acc.hellome.center/runtime/saml2/issue.idp?SAMLRequest=lZJBa4QwEIX%2fiuSuyWrWrkEF6VIQ2su29NBbTGYxoInNROjPr1pa6aVsb8ObefM%2bhimbOfT2Au8zYIjac0WMVh3vumuegiw6rhmXBctBpoznWsuOKRK9gkfjbEXShJGoRZyhtRikDYvE0ixmdzHLXg6pOBaCH5PsdMpzzt9IdF5ijJVhc%2fchTCgoVWDZIQ5LK5FKJT0MgxshWeQAnvrZBjMCRTkOKTVrWGL0RKIH5xVs%2fBW5ygGBRB%2fjYLEis7fCSTQorBwBRVDiuXl6FAuumLwLTrmB1OUG7m8xSUTwKzSpv6FHnP6iLenX9rq8d1ab1Yv%2fTCqbWRuwCi7LZbxRq7qLt4P8OPby10a6E24j%2b0PUnw%3d%3d&RelayState=b4db8625-7d81-464d-8f2f-fd9f31d68563&SigAlg=http%3a%2f%2fwww.w3.org%2f2001%2f04%2fxmldsig-more%23rsa-sha256&Signature=Eqp46ybL98hr0%2fNdgCUsLrmnceuBJphgBGR3%2bRF8ZVMMfd6fKr1RtKWDNvSSJut4ftT1Wteo%2bYTNRKC1seAh0gRSEtfrvU1AkSPHVBfN5%2b036h6kuC9kZCYdAd3ftBtWQotAmbPY2nNJPqs6vnd05sqviUoB7h%2fF4oO5e1BFxBgL6sTB7SNaiyfoAISJD8EezXgGMo0G3TwR2jsWJmmgVjb0S4fM5wHP8et3j3oSGStOYfJFHipWoh3U6h94Bb5VVoeF4grj%2fO9Wy4idv7f2zq39AfAaJfRDMaoYz0vWd7cfNIhrQcOObW99yHR3Yvu322d4kCCbGFewIAh%2blXJqoA%3d%3d, verdwijnt vanaf 250% de knop 'Inloggen' achter een witte balk. Hierdoor is de knop niet meer goed leesbaar voor bezoekers die moeten inzoomen op de pagina, bijvoorbeeld vanwege slecht zicht. Zorg ervoor dat de knop zichtbaar blijft wanneer bezoekers inzoomen op de pagina.

Bevinding 10: Als bezoekers op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal inzoomen bij een schermbreedte van 1280 bij 1024 pixels, komt vanaf 150% content in de header over elkaar te staan. Hierdoor zijn teksten niet meer goed te lezen en kunnen bezoekers knoppen niet meer bedienen (bijvoorbeeld de menuknop). Zorg ervoor dat bezoekers kunnen inzoomen op een pagina tot 400% zonder dat content over elkaar komt te staan.
Soortgelijke problemen komen ook op andere pagina's voor, bijvoorbeeld op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/dashboard, https://centric-tst.moduleinzicht.burgerzaken.centric.eu/information en https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/requests.

Bevinding 11: Als bezoekers bij een schermbreedte van 1280 bij 1024 pixels inzoomen tot 400% op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal worden teksten in de tabel afgekapt, ook komen teksten over elkaar te staan in de tabel. Hierdoor zijn de teksten niet meer leesbaar voor bezoekers die moeten inzoomen op een pagina, bijvoorbeeld vanwege slecht zicht of dyslexie. Zorg ervoor dat teksten leesbaar blijven wanneer bezoekers inzoomen. Op tabellen mag een horizontale scrollbalk worden geplaatst om deze leesbaar te maken. Deze scrollbalk moet óp de tabel staan, niet op de hele pagina.

Een soortgelijk probleem komt ook voor in tabellen op andere pagina's, bijvoorbeeld op:

Bevinding 12: Op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal verschijnt een horizontale scrollbalk wanneer bezoekers inzoomen tot 400% bij een schermbreedte van 1280 bij 1024 pixels. Deze scrollbalk verschijnt omdat de combobox op de pagina buiten de schermweergave valt. Bij dit succescriterium mag geen horizontale scrollbalk op de hele pagina verschijnen (alleen óp elementen die zijn uitgezonderd, zoals tabellen en kaarten). Zorg er daarom voor dat geen elementen buiten de schermweergave vallen wanneer bezoekers inzoomen op een pagina.
Een soortgelijk probleem komt ook voor op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal/request-details/1/Geboorteaangifte.

Bevinding 13: Aangepaste bevinding naar aanleiding van de hercontrole: Wanneer bezoekers inzoomen tot 400% bij een schermweergave 1280 bij 1024 pixels op onder andere pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/tenant-settings, is de inhoud van de vensters die geopend kunnen worden met de knoppen 'Wijzig instelling', 'Wijzig drempelwaarde' en 'Wijzig gewicht' niet geheel zichtbaar omdat teksten deels buiten beeld vallen of dusdanig over een andere achtergrondkleur heen vallen dat de contrastratio niet meer voldoende is om de tekst te kunnen lezen.

Bevinding 14: Advies: Wanneer bezoekers inzoomen tot 400% bij een schermweergave 1280 bij 1024 pixel op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/dashboard, is het deel van het scherm waarin content wordt getoond erg klein in vergelijking met de rest van het scherm. Dit komt omdat de header en footer een deel van het scherm in beslag nemen. Het is beter voor de leesbaarheid van de content op de pagina als het deel van het scherm waarin deze content wordt getoond groter is.

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 de inlogpagina https://cen01-test.acc.hellome.center/runtime/saml2/issue.idp?SAMLRequest=lZJBa4QwEIX%2fiuSuyWrWrkEF6VIQ2su29NBbTGYxoInNROjPr1pa6aVsb8ObefM%2bhimbOfT2Au8zYIjac0WMVh3vumuegiw6rhmXBctBpoznWsuOKRK9gkfjbEXShJGoRZyhtRikDYvE0ixmdzHLXg6pOBaCH5PsdMpzzt9IdF5ijJVhc%2fchTCgoVWDZIQ5LK5FKJT0MgxshWeQAnvrZBjMCRTkOKTVrWGL0RKIH5xVs%2fBW5ygGBRB%2fjYLEis7fCSTQorBwBRVDiuXl6FAuumLwLTrmB1OUG7m8xSUTwKzSpv6FHnP6iLenX9rq8d1ab1Yv%2fTCqbWRuwCi7LZbxRq7qLt4P8OPby10a6E24j%2b0PUnw%3d%3d&RelayState=b4db8625-7d81-464d-8f2f-fd9f31d68563&SigAlg=http%3a%2f%2fwww.w3.org%2f2001%2f04%2fxmldsig-more%23rsa-sha256&Signature=Eqp46ybL98hr0%2fNdgCUsLrmnceuBJphgBGR3%2bRF8ZVMMfd6fKr1RtKWDNvSSJut4ftT1Wteo%2bYTNRKC1seAh0gRSEtfrvU1AkSPHVBfN5%2b036h6kuC9kZCYdAd3ftBtWQotAmbPY2nNJPqs6vnd05sqviUoB7h%2fF4oO5e1BFxBgL6sTB7SNaiyfoAISJD8EezXgGMo0G3TwR2jsWJmmgVjb0S4fM5wHP8et3j3oSGStOYfJFHipWoh3U6h94Bb5VVoeF4grj%2fO9Wy4idv7f2zq39AfAaJfRDMaoYz0vWd7cfNIhrQcOObW99yHR3Yvu322d4kCCbGFewIAh%2blXJqoA%3d%3d staan twee invoervelden. De grijze randen van deze invoervelden (HEX #CCCCCC) hebben onvoldoende contrast op de witte achtergrond. De contrastverhouding is hier 1,6:1, waar dat minimaal 3:1 moet zijn.

Bevinding 16: In de tabel op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/requests staan keuzerondjes die bezoekers kunnen aanvinken. Deze grijze keuzerondjes (HEX #C4C6D4) hebben onvoldoende contrast op de witte achtergrond. De contrastverhouding is hier 1,7:1, waar dat minimaal 3:1 moet zijn. Zorg ervoor dat elementen die informatie overbrengen, zoals invoerelementen, ook voldoende contrast hebben. Wanneer een keuzerondjes is geselecteerd heeft het element ook onvoldoende contrast.
Deze keuzerondjes worden ook gebruikt in tabellen op andere pagina's, bijvoorbeeld op https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal en https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/messages.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 17: Aangepaste bevinding naar aanleiding van de hercontrole: Onder andere in de tabel onder de kop 'Fouten' op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/dashboard staan getallen die werken als een link wanneer bezoekers erop klikken met de muisaanwijzer. Niet alle links zijn te bedienen met het toetsenbord, bijvoorbeeld 'Bericht niet verzonden naar Burgerzaken' krijgt geen focus. Zorg ervoor dat alle interactieve elementen zowel met de muis als met het toetsenbord bereikbaar en bedienbaar zijn.

Bevinding 18: Advies naar aanleiding van de hercontrole: In de tabel op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal staan keuzerondjes waarmee bezoekers een rij kunnen selecteren. De keuzerondjes zijn te bedienen met het toetsenbord, maar alleen met de tabtoets. Dit is geen normaal toetsenbord patroon voor keuzerondjes. Lees meer over thet oegankelijke radio button pattern op: https://www.w3.org/WAI/ARIA/apg/patterns/radio/.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 19: De inlogpagina https://cen01-test.acc.hellome.center/runtime/saml2/issue.idp?SAMLRequest=lZJBa4QwEIX%2fiuSuyWrWrkEF6VIQ2su29NBbTGYxoInNROjPr1pa6aVsb8ObefM%2bhimbOfT2Au8zYIjac0WMVh3vumuegiw6rhmXBctBpoznWsuOKRK9gkfjbEXShJGoRZyhtRikDYvE0ixmdzHLXg6pOBaCH5PsdMpzzt9IdF5ijJVhc%2fchTCgoVWDZIQ5LK5FKJT0MgxshWeQAnvrZBjMCRTkOKTVrWGL0RKIH5xVs%2fBW5ygGBRB%2fjYLEis7fCSTQorBwBRVDiuXl6FAuumLwLTrmB1OUG7m8xSUTwKzSpv6FHnP6iLenX9rq8d1ab1Yv%2fTCqbWRuwCi7LZbxRq7qLt4P8OPby10a6E24j%2b0PUnw%3d%3d&RelayState=b4db8625-7d81-464d-8f2f-fd9f31d68563&SigAlg=http%3a%2f%2fwww.w3.org%2f2001%2f04%2fxmldsig-more%23rsa-sha256&Signature=Eqp46ybL98hr0%2fNdgCUsLrmnceuBJphgBGR3%2bRF8ZVMMfd6fKr1RtKWDNvSSJut4ftT1Wteo%2bYTNRKC1seAh0gRSEtfrvU1AkSPHVBfN5%2b036h6kuC9kZCYdAd3ftBtWQotAmbPY2nNJPqs6vnd05sqviUoB7h%2fF4oO5e1BFxBgL6sTB7SNaiyfoAISJD8EezXgGMo0G3TwR2jsWJmmgVjb0S4fM5wHP8et3j3oSGStOYfJFHipWoh3U6h94Bb5VVoeF4grj%2fO9Wy4idv7f2zq39AfAaJfRDMaoYz0vWd7cfNIhrQcOObW99yHR3Yvu322d4kCCbGFewIAh%2blXJqoA%3d%3d heeft als paginatitel 'Login Pagina'. Dit geeft niet duidelijk aan waar de bezoeker inlogt. Zorg ervoor dat paginatitel ook duidelijk omschrijft op welke website de bezoeker is.

Bevinding 20: Alle pagina's hebben de paginatitel 'Module Inzicht', bijvoorbeeld pagina's https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal en https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/messages. Een pagina is een belangrijk navigatiemiddel waaraan bijvoorbeeld blinde bezoekers de pagina herkennen. Daarom heeft elke pagina een unieke en beschrijvende paginatitel nodig. Geef elke pagina een eigen paginatitel die de pagina goed opschrijft, bijvoorbeeld 'Controles | Module Inzicht' voor pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 21: Op de inlogpagina https://cen01-test.acc.hellome.center/runtime/saml2/issue.idp?SAMLRequest=lZJBa4QwEIX%2fiuSuyWrWrkEF6VIQ2su29NBbTGYxoInNROjPr1pa6aVsb8ObefM%2bhimbOfT2Au8zYIjac0WMVh3vumuegiw6rhmXBctBpoznWsuOKRK9gkfjbEXShJGoRZyhtRikDYvE0ixmdzHLXg6pOBaCH5PsdMpzzt9IdF5ijJVhc%2fchTCgoVWDZIQ5LK5FKJT0MgxshWeQAnvrZBjMCRTkOKTVrWGL0RKIH5xVs%2fBW5ygGBRB%2fjYLEis7fCSTQorBwBRVDiuXl6FAuumLwLTrmB1OUG7m8xSUTwKzSpv6FHnP6iLenX9rq8d1ab1Yv%2fTCqbWRuwCi7LZbxRq7qLt4P8OPby10a6E24j%2b0PUnw%3d%3d&RelayState=b4db8625-7d81-464d-8f2f-fd9f31d68563&SigAlg=http%3a%2f%2fwww.w3.org%2f2001%2f04%2fxmldsig-more%23rsa-sha256&Signature=Eqp46ybL98hr0%2fNdgCUsLrmnceuBJphgBGR3%2bRF8ZVMMfd6fKr1RtKWDNvSSJut4ftT1Wteo%2bYTNRKC1seAh0gRSEtfrvU1AkSPHVBfN5%2b036h6kuC9kZCYdAd3ftBtWQotAmbPY2nNJPqs6vnd05sqviUoB7h%2fF4oO5e1BFxBgL6sTB7SNaiyfoAISJD8EezXgGMo0G3TwR2jsWJmmgVjb0S4fM5wHP8et3j3oSGStOYfJFHipWoh3U6h94Bb5VVoeF4grj%2fO9Wy4idv7f2zq39AfAaJfRDMaoYz0vWd7cfNIhrQcOObW99yHR3Yvu322d4kCCbGFewIAh%2blXJqoA%3d%3d krijgt de knop 'Bevestigen' focus voordat het keuzerondje focus krijgt. Omdat met de knop wordt bevestigt wat is ingevuld bij het keuzerondje is dit geen logische focus volgorde. Eerst moeten bezoekers iets kunnen invullen en daarna pas bevestigen. Zorg ervoor dat eerst focus wordt geplaatst op het keuzerondje en daarna pas op de knop 'Bevestigen'.

Bevinding 22: Op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal staat een tabel waarin elke tabelcel is opgemaakt met het attribuut tabindex=0. Hierdoor is het voor toetsenbordgebruikers mogelijk om focus te plaatsen op de tabelcellen terwijl dit geen interactieve elementen zijn. Dit kan verwarrend zijn voor toetsenbordgebruikers, zij verwachten namelijk dat focus alleen geplaatst wordt op elementen die zij kunnen bedienen. Zorg er daarom voor dat focus niet wordt geplaatst op inactieve-elementen. Een mogelijke oplossing voor het probleem is om de tabindex van de tabelcellen te verwijderen.
Dit probleem komt ook voor in tabellen op andere pagina's, bijvoorbeeld op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/requests en https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/messages.

Bevinding 23: Advies: Op de inlogpagina https://cen01-test.acc.hellome.center/runtime/saml2/issue.idp?SAMLRequest=lZJBa4QwEIX%2fiuSuyWrWrkEF6VIQ2su29NBbTGYxoInNROjPr1pa6aVsb8ObefM%2bhimbOfT2Au8zYIjac0WMVh3vumuegiw6rhmXBctBpoznWsuOKRK9gkfjbEXShJGoRZyhtRikDYvE0ixmdzHLXg6pOBaCH5PsdMpzzt9IdF5ijJVhc%2fchTCgoVWDZIQ5LK5FKJT0MgxshWeQAnvrZBjMCRTkOKTVrWGL0RKIH5xVs%2fBW5ygGBRB%2fjYLEis7fCSTQorBwBRVDiuXl6FAuumLwLTrmB1OUG7m8xSUTwKzSpv6FHnP6iLenX9rq8d1ab1Yv%2fTCqbWRuwCi7LZbxRq7qLt4P8OPby10a6E24j%2b0PUnw%3d%3d&RelayState=b4db8625-7d81-464d-8f2f-fd9f31d68563&SigAlg=http%3a%2f%2fwww.w3.org%2f2001%2f04%2fxmldsig-more%23rsa-sha256&Signature=Eqp46ybL98hr0%2fNdgCUsLrmnceuBJphgBGR3%2bRF8ZVMMfd6fKr1RtKWDNvSSJut4ftT1Wteo%2bYTNRKC1seAh0gRSEtfrvU1AkSPHVBfN5%2b036h6kuC9kZCYdAd3ftBtWQotAmbPY2nNJPqs6vnd05sqviUoB7h%2fF4oO5e1BFxBgL6sTB7SNaiyfoAISJD8EezXgGMo0G3TwR2jsWJmmgVjb0S4fM5wHP8et3j3oSGStOYfJFHipWoh3U6h94Bb5VVoeF4grj%2fO9Wy4idv7f2zq39AfAaJfRDMaoYz0vWd7cfNIhrQcOObW99yHR3Yvu322d4kCCbGFewIAh%2blXJqoA%3d%3d staat het selectievakje 'AzureAD - Centric (via msp01.acc)'. Het tekstuele label van dit selectievakje is opgemaakt als link. Wanneer toetsenbordgebruikers over de pagina navigeren wordt eerst focus geplaatst op het selectievakje en daarna op de link. Met de link kan het selectievakje geselecteerd worden. Dit is geen gebruikelijke bediening van een selectievakje en kan verwarrend zijn voor toetsenbordgebruikers. Het beste is om het a-element van de tekst 'AzureAD - Centric (via msp01.acc)' te verwijderen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 24: Nieuwe bevinding naar aanleiding van de hercontrole: Bezoekers kunnen middels de 'skiplink' herhalende content over slaan. Echter, 'skiplink' is een technische term. Niet alle bezoekers die een dergelijke link nodig hebben, weten wat dat is. Pas het linkdoel daarom aan, bijvoorbeeld naar 'Ga direct naar de content'

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 25: De inlogpagina https://cen01-test.acc.hellome.center/runtime/saml2/issue.idp?SAMLRequest=lZJBa4QwEIX%2fiuSuyWrWrkEF6VIQ2su29NBbTGYxoInNROjPr1pa6aVsb8ObefM%2bhimbOfT2Au8zYIjac0WMVh3vumuegiw6rhmXBctBpoznWsuOKRK9gkfjbEXShJGoRZyhtRikDYvE0ixmdzHLXg6pOBaCH5PsdMpzzt9IdF5ijJVhc%2fchTCgoVWDZIQ5LK5FKJT0MgxshWeQAnvrZBjMCRTkOKTVrWGL0RKIH5xVs%2fBW5ygGBRB%2fjYLEis7fCSTQorBwBRVDiuXl6FAuumLwLTrmB1OUG7m8xSUTwKzSpv6FHnP6iLenX9rq8d1ab1Yv%2fTCqbWRuwCi7LZbxRq7qLt4P8OPby10a6E24j%2b0PUnw%3d%3d&RelayState=b4db8625-7d81-464d-8f2f-fd9f31d68563&SigAlg=http%3a%2f%2fwww.w3.org%2f2001%2f04%2fxmldsig-more%23rsa-sha256&Signature=Eqp46ybL98hr0%2fNdgCUsLrmnceuBJphgBGR3%2bRF8ZVMMfd6fKr1RtKWDNvSSJut4ftT1Wteo%2bYTNRKC1seAh0gRSEtfrvU1AkSPHVBfN5%2b036h6kuC9kZCYdAd3ftBtWQotAmbPY2nNJPqs6vnd05sqviUoB7h%2fF4oO5e1BFxBgL6sTB7SNaiyfoAISJD8EezXgGMo0G3TwR2jsWJmmgVjb0S4fM5wHP8et3j3oSGStOYfJFHipWoh3U6h94Bb5VVoeF4grj%2fO9Wy4idv7f2zq39AfAaJfRDMaoYz0vWd7cfNIhrQcOObW99yHR3Yvu322d4kCCbGFewIAh%2blXJqoA%3d%3d bevat grotendeels Nederlandstalige content maar heeft een Engelse taalaanduiding. Voorleessoftware zal de content op de pagina niet correct voorlezen vanwege de Engelse taalaanduiding. Zorg ervoor dat de pagina een Nederlandse taalaanduiding krijgt.
Andere pagina's met Nederlandse content hebben ook een Engelse taalaanduiding, bijvoorbeeld pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal, https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/messages en https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/mutationlogs.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 26: Nieuwe bevinding naar aanleiding van de hercontrole:
Op verschillende pagina's staat een knop waarmee bezoekers kunnen uitloggen, bijvoorbeeld op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal. De toegankelijke naam van deze knop is 'Log out'. Omdat de hoofdtaal van de pagina Nederlands is en er geen taalwissel is aangegeven, zal hulpsoftware deze tekst in het Nederlands voorlezen. Voeg een taalwissel toe, of idealiter, pas de tekst aan naar het Nederlands ('Log uit' of 'Uitloggen').

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 27: Op de inlogpagina https://cen01-test.acc.hellome.center/runtime/saml2/issue.idp?SAMLRequest=lZJBa4QwEIX%2fiuSuyWrWrkEF6VIQ2su29NBbTGYxoInNROjPr1pa6aVsb8ObefM%2bhimbOfT2Au8zYIjac0WMVh3vumuegiw6rhmXBctBpoznWsuOKRK9gkfjbEXShJGoRZyhtRikDYvE0ixmdzHLXg6pOBaCH5PsdMpzzt9IdF5ijJVhc%2fchTCgoVWDZIQ5LK5FKJT0MgxshWeQAnvrZBjMCRTkOKTVrWGL0RKIH5xVs%2fBW5ygGBRB%2fjYLEis7fCSTQorBwBRVDiuXl6FAuumLwLTrmB1OUG7m8xSUTwKzSpv6FHnP6iLenX9rq8d1ab1Yv%2fTCqbWRuwCi7LZbxRq7qLt4P8OPby10a6E24j%2b0PUnw%3d%3d&RelayState=b4db8625-7d81-464d-8f2f-fd9f31d68563&SigAlg=http%3a%2f%2fwww.w3.org%2f2001%2f04%2fxmldsig-more%23rsa-sha256&Signature=Eqp46ybL98hr0%2fNdgCUsLrmnceuBJphgBGR3%2bRF8ZVMMfd6fKr1RtKWDNvSSJut4ftT1Wteo%2bYTNRKC1seAh0gRSEtfrvU1AkSPHVBfN5%2b036h6kuC9kZCYdAd3ftBtWQotAmbPY2nNJPqs6vnd05sqviUoB7h%2fF4oO5e1BFxBgL6sTB7SNaiyfoAISJD8EezXgGMo0G3TwR2jsWJmmgVjb0S4fM5wHP8et3j3oSGStOYfJFHipWoh3U6h94Bb5VVoeF4grj%2fO9Wy4idv7f2zq39AfAaJfRDMaoYz0vWd7cfNIhrQcOObW99yHR3Yvu322d4kCCbGFewIAh%2blXJqoA%3d%3d staan twee invoervelden. Deze invoervelden hebben alleen een placeholdertekst als visueel label. Wanneer bezoekers iets invullen bij deze velden verdwijnt de placeholdertekst. Dit kan het lastig maken voor bezoekers met bepaalde cognitieve beperkingen om de velden goed in te vullen. Zorg ervoor dat invoervelden een visueel label hebben dat bij het veld blijft staan als bezoekers iets invullen.

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 28: Op de inlogpagina https://cen01-test.acc.hellome.center/runtime/saml2/issue.idp?SAMLRequest=lZJBa4QwEIX%2fiuSuyWrWrkEF6VIQ2su29NBbTGYxoInNROjPr1pa6aVsb8ObefM%2bhimbOfT2Au8zYIjac0WMVh3vumuegiw6rhmXBctBpoznWsuOKRK9gkfjbEXShJGoRZyhtRikDYvE0ixmdzHLXg6pOBaCH5PsdMpzzt9IdF5ijJVhc%2fchTCgoVWDZIQ5LK5FKJT0MgxshWeQAnvrZBjMCRTkOKTVrWGL0RKIH5xVs%2fBW5ygGBRB%2fjYLEis7fCSTQorBwBRVDiuXl6FAuumLwLTrmB1OUG7m8xSUTwKzSpv6FHnP6iLenX9rq8d1ab1Yv%2fTCqbWRuwCi7LZbxRq7qLt4P8OPby10a6E24j%2b0PUnw%3d%3d&RelayState=b4db8625-7d81-464d-8f2f-fd9f31d68563&SigAlg=http%3a%2f%2fwww.w3.org%2f2001%2f04%2fxmldsig-more%23rsa-sha256&Signature=Eqp46ybL98hr0%2fNdgCUsLrmnceuBJphgBGR3%2bRF8ZVMMfd6fKr1RtKWDNvSSJut4ftT1Wteo%2bYTNRKC1seAh0gRSEtfrvU1AkSPHVBfN5%2b036h6kuC9kZCYdAd3ftBtWQotAmbPY2nNJPqs6vnd05sqviUoB7h%2fF4oO5e1BFxBgL6sTB7SNaiyfoAISJD8EezXgGMo0G3TwR2jsWJmmgVjb0S4fM5wHP8et3j3oSGStOYfJFHipWoh3U6h94Bb5VVoeF4grj%2fO9Wy4idv7f2zq39AfAaJfRDMaoYz0vWd7cfNIhrQcOObW99yHR3Yvu322d4kCCbGFewIAh%2blXJqoA%3d%3d staat een keuzerondje dat geen toegankelijke naam heeft. Hierdoor is het keuzerondje lastig te bedienen met hulpsoftware, zoals voorleessoftware. Zorg ervoor dat het keuzerondje een toegankelijke naam krijgt, bijvoorbeeld door het aan het visuele label te koppelen met for- en id-attributen.

Bevinding 29: Aangepaste bevinding naar aanleiding van de hercontrole: Op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal staat naast het invoerveld voor zoeken een knop die gelabeld is met een vergrootglasicoon. Deze zoekknop heeft geen toegankelijke naam. Dit zorgt ervoor dat de knop lastig te bedienen is voor bezoekers die gebruikmaken van voorleessoftware of spraakgestuurde bediening. Geef de knop een toegankelijke naam, bijvoorbeeld door gebruik te maken van een aria-label op het button-element.
De knop zelf heeft nu geen toegankelijke naam, het aria-label is nu geplaatst op het element 'centric-button'. Dit element is echter géén knop, de echte knop is genest binnen dit parent element. Hierdoor is de naam van de knop alsnog niet beschikbaar voor hulpsoftware. Advies: Er is nu gekozen voor de naam 'zoekknop'. Vermijd woorden als 'knop' en 'link' in de toegankelijke naam van interactieve elementen, kies bijvoorbeeld voor 'Zoek' of 'Zoeken'.
Deze knop staat ook op andere pagina's, bijvoorbeeld op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/requests en https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/messages.
Dit doet zich vaker voor: Op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/messages staan verschillende knoppen, bijvoorbeeld de knop waarmee bezoekers de inhoud van een bericht kunnen weergeven. Deze knoppen hebben geen toegankelijke naam. Hierdoor zijn de knoppen moeilijk te bedienen wanneer bezoekers gebruikmaken van voorleessoftware. Zorg ervoor dat deze knoppen een toegankelijke naam krijgen, bijvoorbeeld door gebruik te maken van een aria-label.

Bevinding 30: In de tabel op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal staan keuzerondjes die geen toegankelijke naam hebben. Hiervoor weten gebruikers van voorleessoftware niet wat zij selecteren bij het aanvinken van de selectievakjes. Zorg ervoor dat de keuzerondjes een goede toegankelijke naam krijgen. Dit kan bijvoorbeeld door de keuzerondjes te koppelen aan een label of door gebruik te maken van een aria-label.
Dit probleem komt ook voor in tabellen op andere pagina's, bijvoorbeeld op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/requests en https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/messages.

Bevinding 31: In het navigatiemenu staat een sluitknop die alleen zichtbaar is wanneer bezoekers hier focus op plaatsen. Deze sluitknop heeft geen toegankelijke naam. Hierdoor is de knop moeilijk te bedienen met hulpsoftware. Zorg ervoor dat de sluitknop een goede toegankelijke naam krijgt, bijvoorbeeld door een aria-label op het button-element te plaatsen.

Bevinding 32: Op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/dashboard staat een invoerveld dat visueel het label 'Geselecteerde gemeente' heeft. Dit invoerveld heeft geen toegankelijke naam. Dit zorgt ervoor dat het invoerveld moeilijk te bedienen is met hulpsoftware. Geef het veld een toegankelijke naam, bijvoorbeeld door het label aan het veld te koppelen met for- en id-attributen.
Dit veld komt ook voor op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/tenant-settings.
Ook op de pagina's https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal/request-details/1/Geboorteaangifte en https://centric-tst.moduleinzicht.burgerzaken.centric.eu/signal/request-details/229/Verhuizing%20binnen%20gemeente staan meerdere invoervelden zonder toegankelijke naam.

Bevinding 33: Wanneer bezoekers op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/tenant-settings de knop 'Wijzig drempelwaarde' activeren, verschijnt er een venster op het scherm. In dit venster staat een invoerveld dat visueel het label 'Drempelwaarde' heeft. Dit invoerveld heeft geen toegankelijke naam. Hierdoor weten screenreadergebruikers mogelijk niet wat zij hier moeten invoeren. Zorg dat het veld een toegankelijke naam krijgt, bijvoorbeeld door het te koppelen aan het visuele label.
Een soortgelijk probleem komt ook voor in het venster dat verschijnt wanneer bezoekers de knop 'Wijzig gewicht' activeren op dezelfde pagina.

Bevinding 34: Als op pagina https://centric-tst.moduleinzicht.burgerzaken.centric.eu/admin/tenant-settings de knop 'Wijzig instelling' wordt geactiveerd, verschijnt er een venster op het scherm. In dit venster staat een selectievakje zonder toegankelijke naam. Bezoekers die een screenreader gebruiken weten hierdoor niet wat zij aanvinken met het selectievakje. Zorg ervoor dat het selectievakje ene toegankelijke naam krijgt.

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: 2024-11-21 11:45:21 v2.4-011