Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid App Inzicht in Tucht

(Alleen de bevindingen)

Scope van de evaluatie

Naam website App Inzicht in Tucht
Datum 23 juli 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op app.inzichtintucht.nl
  • Alle PDF's op app.inzichtintucht.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: 46

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op https://app.inzichtintucht.nl/#/home zijn drie afbeeldingen zichtbaar. Als alt-tekst hebben deze alle drie "...". Dit beschrijft geen enkele van de drie afbeeldingen. Zorg dat elke afbeeldingen een beschrijvende alt-tekst krijgt, of duid deze als decoratief aan, door de alt-tekst weg te halen/laten. Het alt-attribuut is dan leeg.

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 https://app.inzichtintucht.nl/#/home zijn onder de kop "Het aantal geanalyseerde tuchtrechtzaken in de tools" de cijfers als kop opgemaakt. De cijfers zijn echter geen kop, want er is geen content die eronder volgt. Verwijder de koppen.

Bevinding 3: Op https://app.inzichtintucht.nl/#/home zijn onder de kop "Het aantal geanalyseerde tuchtrechtzaken in de tools" de woorden "Kamer", "hof", "kamer+hof" en "geupdate t/m" visueel een kop. Maar ze zijn niet als kop opgemaakt. Maak deze als kop op, en let erop om het juiste kopniveau te gebruiken.

Bevinding 4: Op https://app.inzichtintucht.nl/#/zoeken is een tooltip aanwezig. Als deze opengeklapt wordt, verschijnt er tekst. In de tekst zijn koppen zichtbaar. Maar ze zijn niet als koppen opgemaakt, het <strong>-element is gebruikt voor opmaak. Dat is niet toegestaan, het <strong>-element mag enkel gebruikt worden om een woord of enkele woorden in een zin nadruk te geven. En niet voor opmaak. Maak de koppen echt als koppen op, en let op het gebruik van het juiste niveau.

Bevinding 5: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken wordt in stap 1 knoppen gebruikt voor de keuzeopties. Dit is semantisch niet correct. Het gaat om meerdere keuzeopties, en die informatie wil je ook overbrengen naar hulpsoftware. Gebruik een radiobutton in plaats van knoppen. Label de keuzeopties en groepeer ze met fieldset en legend.

Bevinding 6: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken kan onder de kop "maatregel" de data bekeken worden in een tabel. Deze tabel heeft geen tabelkoppen, wat belangrijk is voor hulpsoftware. Voeg de tabelkoppen toe.

Bevinding 7: Voor filters worden op https://app.inzichtintucht.nl/#/zoeken en https://app.inzichtintucht.nl/#/dashboard-tuchtzaken knoppen gebruikt. Semantisch is het correcter om radiobuttons of checkboxen te gebruiken (afhankelijk van of meerdere keuzes mogelijk zijn). Dit communiceert automatisch naar hulpsoftware welke filters actief zijn (en hoeveel) of niet en maakt het makkelijk voor bezoekers om filters uit te schakelen als er een fout is gemaakt.

Bevinding 8: De PDF https://app.inzichtintucht.nl/data/tuchtrecht_pdfs/ECLI_NL_TNORAMS_2018_1.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, 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 ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Dit geldt ook voor de PDF https://app.inzichtintucht.nl/data/tuchtrecht_pdfs/ECLI_NL_TNOKLEE_2011_YC0652.pdf.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 9: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken komt de zin "Via het icoontje rechts van het oriëntatiepunt kunt u de onderliggende oriëntatiepunten inzien.". Deze bevat instructies die enkel voor een ziende bezoeker op te volgen zijn. Herschrijf de instructie en zorg ervoor dat die ook te volgen is voor iemand die niet kan zien. Noem het label voor de knoppen bijvoorbeeld.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 10: Op https://app.inzichtintucht.nl/#/home komen rode (HEX #FF0D5F) links voor op een witte achtergrond. De links zijn niet onderstreept, en dus enkel te onderscheiden door het verschil in kleur van de lopende tekst. Dit heeft impact op slechtzienden en kleurenblinden. Onderstreep links in de lopende tekst.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 11: Op https://app.inzichtintucht.nl/#/password komt rode (HEX #FF0D5F) tekst op een groene (HEX #073B3A) achtergrond voor. De contrastverhouding is 3,2:1 waar het minstens 4,5:1 moet zijn.

Bevinding 12: Op https://app.inzichtintucht.nl/#/home komen gele (HEX #FFD700) knoppen met witte tekst voor. De contrastverhouding is 1.4:1 waar het minstens 4,5:1 moet zijn.

Bevinding 13: Op https://app.inzichtintucht.nl/#/home komen rode (HEX #FF0D5F) links voor op een witte achtergrond. De contrastverhouding is 3,8:1 waar het minstens 4,5:1 moet zijn. Deze kleurencombinatie komt ook voor op https://app.inzichtintucht.nl/#/zoeken en https://app.inzichtintucht.nl/#/dashboard-tuchtzaken.

Bevinding 14: Op https://app.inzichtintucht.nl/#/zoeken zijn groene (HEX #28A745) labels met witte tekst aanwezig. De contrastverhouding is 3,1:1 waar het minstens 4,5:1 moet zijn.

Bevinding 15: Op https://app.inzichtintucht.nl/#/zoeken hebben de tags bij de zoekresultaten, witte tekst op grijze (HEX #808080) achtergrond, onvoldoende contrast. De contrastverhouding is 3,9:1 waar het minimaal 4,5:1 moet zijn.

Bevinding 16: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken heeft het huidig geselecteerd item onder "Stap 1" onvoldoende contrast. De donkergele (HEX #BCA42B) achtergrond en grijze (HEX #BCC0C1) tekst geeft een contrastverhouding van 1,3:1, waar het minimaal 4,5:1 moet zijn. Dit komt ook verder voor op deze pagina.

Bevinding 17: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken veranderen knoppen en items bij hover in geel (HEX #FEC005) met witte tekst. De contrastverhouding is daar 1,6:1 waar het minimaal 4,5:1 moet zijn. Deze kleurencombinatie komt ook voor in stap 3 als een rubriek geselecteerd is.

Bevinding 18: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken komen groene (HEX #26A444) knoppen met witte tekst voor. De contrastverhouding is 3,2:1 waar het minstens 4,5:1 moet zijn.

Bevinding 19: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken geeft in het blokkenschema de combinatie van lichtgroen (HEX #68B2A2) en wit onvoldoende contrast. De contrastverhouding is 2,5:1 waar het minimaal 4,5:1 moet zijn.

Bevinding 20: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken wordt de huidige pagina in het geel (HEX #FEC005) aangegeven. De contrastverhouding met de witte tekst is 1,6:1, waar het minimaal 4,5:1 moet zijn.

Bevinding 21: Advies: de items "Feedback" en "Vraag" in het menu op https://app.inzichtintucht.nl/#/home (en andere pagina's die dit menu hebben) bieden voldoende contrast (5,5:1). Maar desondanks kan de leesbaarheid toch als onvoldoende ervaart worden. We adviseren daarom een geschiktere kleur te kiezen voor de links. Dit geldt ook voor de woorden "Kamer", "hof", "kamer+hof" en "geupdate t/m" onder de kop "Het aantal geanalyseerde tuchtrechtzaken in de tools" op dezelfde pagina.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 22: Bij het zoomen naar 200% valt er tekst en functionaliteit weg uit het menu op iedere pagina van https://app.inzichtintucht.nl/ Zorg dat alles in menu bereikbaar blijft.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 23: Bij het zoomen naar 400% en het aanpassen van het browservenster naar 280x1024px, valt er tekst en functionaliteit weg uit het menu en in de inhoud op iedere pagina van https://app.inzichtintucht.nl/ Zorg dat alles bereikbaar en leesbaar blijft door alles mee te laten schalen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 24: Op https://app.inzichtintucht.nl/#/zoeken krijgen de filters op rechtbanken een lichtblauwe (HEX #C7E0FF) focusindicator. Dit biedt een contrastverhouding met de witte achtergrond van 1,4:1, waar het minimaal 3:1 moet zijn.

Bevinding 25: Op https://app.inzichtintucht.nl/#/zoeken heeft de gele rand (HEX #FEC005) van de tooltip onvoldoende contrast. De contrastverhouding is 1,6:1 waar het minimaal 3:1 moet zijn. Pas de kleur van de rand aan.

Bevinding 26: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken heeft het gele (HEX #FFD700) pictogram bij "Resultaten" onder de kop "Hoe werkt het" onvoldoende contrast. De contrastverhouding is 1,4:1 waar het minstens 3:1 moet zijn. Pas het pictogram aan.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 27: De knoppen "Ontdek" onder de koppen "Zoeken" en "Dashboard tuchtzaken" op https://app.inzichtintucht.nl/#/home zijn niet bedienbaar met het toetsenbord. Dit heeft impact op screenreaders en spraakbesturing. Het komt doordat het href-attribuut ontbreekt bij deze links. Voeg dit attribuut toe en geef een geldige URL op.

Bevinding 28: De items in het menu op https://app.inzichtintucht.nl/#/home (en andere pagina's die dit menu hebben) zijn niet bedienbaar met het toetsenbord. Dit komt doordat er geen interactief element wordt gebruikt als een hyperlink, maar een div-element. Gebruik hyperlinks voor de menu-items om dit op te lossen.

Bevinding 29: Op https://app.inzichtintucht.nl/#/zoeken heeft ieder zoekresultaat tags en drie tabbladen. Met de muis zijn deze te kiezen en te gebruiken. Maar niet met het toetsenbord. Dit komt doordat er geen interactief element is gebruikt. Gebruik links voor de tags en gebruik de rol tablist (met de daarbij behorende verplichte elementen) om de tabs op te maken.

Bevinding 30: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken kan in de tabel onder de kop "de individuele tuchtzaken" de tabel gesorteerd worden door op een van de tabelkoppen te klikken. Deze functionaliteit is niet beschikbaar voor het toetsenbord. Voeg een knop toe in de kolomkop waarmee gesorteerd kan worden en geef deze een beschrijvend label.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 31: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Bezoekers die de website met toetsenbord bedienen en/of hulpsoftware moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit kan je oplossen door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 32: De paginatitel op https://app.inzichtintucht.nl/ blijft hetzelfde, welke pagina je ook kiest. Zorg dat elke pagina een unieke titel heeft, zodat bezoekers die hulpsoftware gebruiken weten op welke pagina ze zijn. Pas het <titlle> element om dit op te lossen.

Bevinding 33: In de eigenschappen van PDF https://app.inzichtintucht.nl/data/tuchtrecht_pdfs/ECLI_NL_TNORAMS_2018_1.pdf is de titel "uitspraaknummer". Dit is niet beschrijvend genoeg. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam, maar de titel van het document wordt getoond. Dit geldt ook voor de PDF https://app.inzichtintucht.nl/data/tuchtrecht_pdfs/ECLI_NL_TNOKLEE_2011_YC0652.pdf.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 34: De knop "Ontdek" onder de kop "Thema-analyses" op https://app.inzichtintucht.nl/#/home ontvangt geen zichtbare focusindicator. Zorg ervoor dat er een focusrand aanwezig is die voldoende contrast heeft met de achtergrond en de knop. Zorg voor wat ruimte tussen tussen de focusrand en de knop.

Bevinding 35: Op https://app.inzichtintucht.nl/#/zoeken krijgen het zoekveld en de zoekknop geen zichtbare focus. Zorg ervoor dat er een focusrand aanwezig is die voldoende contrast heeft met de achtergrond en de knop en dat er ruimte is tussen de focusrand en de rand van het zoekveld en de knop.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 36: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken komt het visuele label van de knoppen onder Stap 1 niet overeen met het daadwerkelijke label. Het daadwerkelijke label is namelijk "Bootstrap Hof" in plaats van "Hof". Dit heeft impact op spraakbesturing. Pas het label aan, zodat ze gelijk zijn.

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 37: Op https://app.inzichtintucht.nl/#/home is de taal van de pagina niet ingesteld. Hierdoor zal mogelijk niet de juiste stem gebruikt worden door screenreaders. Voeg het lang-attribuut toe aan het html-element en kies de juiste taal om dit op te lossen.

Bevinding 38: In de eigenschappen van PDF https://app.inzichtintucht.nl/data/tuchtrecht_pdfs/ECLI_NL_TNORAMS_2018_1.pdf is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF. Dit geldt ook voor de PDF https://app.inzichtintucht.nl/data/tuchtrecht_pdfs/ECLI_NL_TNOKLEE_2011_YC0652.pdf.

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 39: Het invoerveld voor het wachtwoord op https://app.inzichtintucht.nl/#/password heeft geen label, er is een placeholder aanwezig. Maar dat is niet afdoende om aan dit criterium te voldoen. Verzorg een label met het <label>-element en associeer het middels for en id met het invoerveld. Dit komt ook voor op https://app.inzichtintucht.nl/#/zoeken.

Bevinding 40: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken hebben de invoervelden onder Stap 2 en het zoekveld onder Stap 3 geen label. Maar dat is niet afdoende om aan dit criterium te voldoen. Verzorg een label met het <label>-element en associeer het middels for en id met het veld.

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 41: Op https://app.inzichtintucht.nl/#/zoeken heeft het zoekveld het attribuut aria-expanded. Dit is niet toegestaan op input-elementen. Bouw het component correct op als combobox, met typeahead functie. Zie https://www.accessibility-developer-guide.com/examples/widgets/autosuggest/ voor inspiratie.

Bevinding 42: Op https://app.inzichtintucht.nl/#/zoeken is een tooltip aanwezig, die uitklapt om meer informatie te tonen. De tooltip is een knop zonder naam, waardoor het doel en de context van de knop niet duidelijk is voor hulpsoftware. Geef de knop een label. Daarnaast wordt het in- en uitklappen niet gecommuniceerd. Hiervoor moeten de attirbuten aria-controls en aria-expanded toegevoegd worden.

Bevinding 43: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken hebben de knoppen voor de datumkiezer onder Stap 2 geen label. Dit heeft impact op spraakbesturing en screenreaders. Verzorg een label voor deze knoppen.

Bevinding 44: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken kun je in stap 3 gekozen filters verwijderen. Deze knoppen hebben geen label. Verzorg een label voor deze knoppen.

Bevinding 45: Op https://app.inzichtintucht.nl/#/dashboard-tuchtzaken hebben onder stap 3 de knoppen om in- en uit te klappen geen label. Ook wordt de staat van ingeklapt of uitgeklapt zijn niet gecommuniceerd. Verzorg een label en voeg de attributen aria-controls en aria-expanded toe om dit op te lossen.

Bevinding 46: Voor filters worden op https://app.inzichtintucht.nl/#/zoeken en https://app.inzichtintucht.nl/#/dashboard-tuchtzaken knoppen gebruikt. Semantisch is het correcter om radiobuttons of checkboxen te gebruiken (afhankelijk van of meerdere keuzes mogelijk zijn). Dit communiceert automatisch naar hulpsoftware welke filters actief zijn (en hoeveel) of niet en maakt het makkelijk voor bezoekers om filters uit te schakelen als er een fout is gemaakt.

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-09-03 21:37:16 v2.4-011