Toegankelijkheidsonderzoek

Rapport:
Audit digitale toegankelijkheid website Werken bij de Rechtspraak


Onderzoeker
Renate, Swink; Julia, Swink
Datum
20 augustus 2023
Opdrachtgever
Landelijk Dienstencentrum voor de Rechtspraak

Samenvatting onderzoeksresultaat

De website Werken bij de Rechtspraak voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 25 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.

De website werkenbijderechtspraak.nl is onderzocht tussen 1 augustus en 20 augustus 2023. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om te bepalen welke verbeteringen nodig zijn om dit digitaal kanaal toegankelijker te krijgen.

Dit zijn de belangrijkste conclusies uit het onderzoek:

Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.

Scope van de evaluatie

Naam website Werken bij de Rechtspraak
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op werkenbijderechtspraak.nl.
  • Alle PDF's op werkenbijderechtspraak.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
Basisniveau van toegankelijkheid ondersteund Gangbare browsers en hulpsoftware.

Overzicht toetsresultaat

Principe Voldoende Onvoldoende Onbekend
1 Waarneembaar 9 11 0
2 Bedienbaar 9 8 0
3 Begrijpelijk 7 3 0
4 Robuust 0 3 0
Totaal 25 25 0

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten


1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Bovenaan iedere pagina staat het logo van de Rechtspraak. Dit logo heeft geen alternatieve tekst. De alternatieve tekst van een logo moet ten minste de naam van de organisatie bevatten, en overige tekst in het logo wanneer het een link betreft. Overweeg daarnaast om een beschrijvend linkdoel toe te voegen, naast de naam van de organisatie. Bijvoorbeeld 'De Rechtspraak - ga naar de homepage'. Het logo in de footer is geen link, maar heeft idealiter ook een alternatieve teks waarin de naam van de organisatie voorkomt.

Wanneer bezoekers op 'Registreren' in het navigatiemenu bovenaan iedere pagina klikken, verschijnt een formulier. In het formulier kunnen bezoekers op het oog-icoon klikken om het wachtwoord te bekijken. Dit icoon heeft geen alternatieve tekst. Bezoekers die het scherm niet kunnen zien, weten daarom niet waar deze knop voor dient. Dit probleem komt op meerdere pagina's voor, waaronder op:

Op pagina werkenbijderechtspraak.nl/vacatures/ staat onder 'Actieve filters' de tekst 'Junior' met daar achter een kruisje waarmee bezoekers het filter kunnen verwijderen. Voor deze functie is geen alternatieve tekst beschikbaar. Zorg ervoor dat bezoekers die het scherm niet kunnen zien ook weten wat er gebeurt als zij de link activeren.

Op meerdere plaatsen, waaronder op pagina werkenbijderechtspraak.nl/vacature/bi-specialist-back-end-etl-ontwikkelaar-1017832/ worden iconen gebruikt om aan te geven dat het om bijvoorbeeld een locatie of e-mailadres gaat. Deze iconen zijn op de pagina geplaatst met CSS. Wanneer bezoekers een eigen CSS bestand inladen, bijvoorbeeld om automatisch de tekstafstand of contrast te wijzigen, vallen deze iconen weg. Gebruik daarom nooit CSS om informatieve iconen op de pagina te plaatsen, maar bijvoorbeeld het img-element.


1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig


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

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

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

Uitkomst: Voldoende


1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevindingen: Op pagina werkenbijderechtspraak.nl/rechter-of-raadsheer-worden/ komen meerdere video's voor. Aan het begin en aan het eind van de video wordt de afzender, het logo van de Rechtspraak, gepresenteerd. In de video 'De Rechter' komt de vraag 'Wat doet een rechter' alleen in beeld, niet gesproken. Voor al deze informatie is geen audiodescriptie of media-alternatief aanwezig. Voeg bij voorkeur sowieso een transcript toe als media-alternatief, zodat doofstomme bezoekers ook toegang hebben tot de informatie in de video. Om ook aan succescriterium 1.2.5 is enkel een media-alternatief niet voldoende, voeg daarom audiodescriptie toe aan de video.


1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Voldoende


1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevindingen: Op pagina werkenbijderechtspraak.nl/rechter-of-raadsheer-worden/ komen meerdere video's voor. Aan het begin en aan het eind van de video wordt de afzender, het logo van de Rechtspraak, gepresenteerd. In de video 'De Rechter' komt de vraag 'Wat doet een rechter' alleen in beeld, niet gesproken. Voor al deze informatie is geen audiodescriptie. Zorg er daarom voor dat deze informatie als audiodescriptie wordt toegevoegd.


1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevindingen: De tekst 'Uitgelichte vacatures' is visueel een kop voor de onderstaande content (de vacatures), maar is dat in de code niet. Bezoekers die gebruik maken van voorleessoftware kunnen aan de hand van een koppenlijst of sneltoets door de koppen op een pagina navigeren. Dat kan alleen als de visuele koppen opgemaakt zijn met kop-elementen, zoals het h2-element. Maak de tekst op als kop om dit probleem op te lossen.

De tekst 'Wie zijn we' op pagina werkenbijderechtspraak.nl/vacature/senior-administratief-medewerker-team-administratie-handel-kanton-… is opgemaakt met het strong-element in plaats van met een kop-element. Bezoekers die gebruik maken van voorleessoftware kunnen aan de hand van een koppenlijst of sneltoets door de koppen op een pagina navigeren. Dat kan alleen als de visuele koppen opgemaakt zijn met kop-elementen, zoals het h3-element. Het strong-element geeft aan dat tekst relatief aan de tekst eromheen, bijvoorbeeld in dezelfde paragraaf, belangrijker is. Het is daarom niet puur voor opmaak bedoelt. Verwijder het strong-element en maak de tekst op met een h-element om dit probleem op te lossen. Dit probleem kan ook op andere pagina's voorkomen.

Op pagina werkenbijderechtspraak.nl/vacature/senior-administratief-medewerker-team-administratie-handel-kanton-… is de tekst 'Binnen de Rechtspraak weten we heel goed zelf onze kandidaten te bereiken...' opgemaakt met het em-element. Het em-element geeft gesproken nadruk aan een woord of korte zin en mag daarom niet puur voor opmaak gebruikt worden. Gebruik het i-element of CSS om een vergelijkbaar effect te creëren zonder de semantische waarde van het em-element. Dit probleem kan op meerdere pagina's voorkomen.

Op pagina werkenbijderechtspraak.nl/vacatures/ staat een slider. Het visuele label 'Max afstand woon-werk' is niet gekoppeld aan het input-element. Hierdoor is er geen toegankelijke naam beschikbaar voor de slider. Koppel een label met for en id aan het input-element om dit probleem op te lossen. Ook de tekst eronder 'Maximaal 25km' moet worden gekoppeld aan het invoerveld. Dit laatste kan door middel van aria-describedby. Dit probleem doet zich op meerdere pagina's voor, waaronder op pagina:

Op pagina werkenbijderechtspraak.nl/vacatures/ staan in het blok 'Filters' uitklapbare menu items, die wanneer ze geopend zijn meerdere selectievakjes tonen. De selectievakjes hebben een label, maar zijn niet gekoppeld aan hun overkoepelde visuele label, zoals 'Functiegroep'. Koppel de input-elementen met een fieldset en legend aan het visuele label. Dit probleem doet zich op meerdere pagina's voor, waaronder op pagina:

Wanneer bezoekers documenten toevoegen aan een sollicitatie, verschijnen die op werkenbijderechtspraak.nl/kandidatenportaal/ onder 'Documenten'. Visueel staat deze opmaak in een tabelopmaak. Het is voor ziende bezoekers dan ook duidelijk waar de knop 'Bestand downloaden' bij hoort. Voor bezoekers die het scherm niet kunnen zien is dat niet duidelijk. Maak de gegevens op als tabel, met tabelkoppen, zodat bij iedere knop wordt voorgelezen bij welk bestand de knop hoort. Dit geldt ook voor de gegevens onder 'Sollicitaties'.

Er zijn verschillende toegankelijkheidsfouten gevonden in de PDF op pagina werkenbijderechtspraak.nl/wp-content/uploads/2023/07/Senior-rechter.pdf:

  • Het document mist een document-tag.
  • Het logo bovenaan het document is niet gecodeerd en mist een alternatieve tekst.
  • Meerdere path-objecten in het document zijn ongecodeerd. Codeer deze als artefact.
  • In de PDF's komen visueel geneste opsommingen voor (bijvoorbeeld op pagina 6) die niet als zodanig zijn gecodeerd.
  • Op meerdere pagina's komen tabellen voor, waar de kolomkop niet gekoppeld is aan een kolom. Daarnaast hebben meerdere tabellen helemaal geen tabelkoppen. Daarnaast lijkt er hier alleen voor opmaakredenen gekozen te zijn voor tabelopmaak, niet vanwege een benodigde tabelstructuur. Overweeg daarom de teksten gewoon als platte tekst aan te bieden en maak daarbij gebruik van normale heading-tags.
  • De 'tabel' 'Preambule' wordt in het kader van bovenstaande wel afgekeurd omdat hier zowel geen visuele als gecodeerde tabelkop aanwezig is. De tekst 'Preambule' staat in de dezelfde datacel als de overige tekst. Verwijder de tabelstructuur en maak de koptekst op als kop.

Advies: Onder 'Nieuwsgierig naar de verhalen van onze medewerkers?' op de homepage staan tekstblokken die zijn opgemaakt met het h1-element. Hou bij voorkeur een logische koppenstructuur aan, door een h2-element op te volgen met een kopniveau lager (het h3-element) in plaats van een kopniveau hoger.

Advies: Op pagina werkenbijderechtspraak.nl/bestaatniet worden 3 kopniveaus overgeslagen. Hou bij voorkeur een logische koppenstructuur aan, door een h1-element op te volgen met één kopniveau lager.

Advies: Op pagina werkenbijderechtspraak.nl/veelgestelde-vragen/ komt onderstreepte tekst voor. Universeel is onderstreepte tekst in een lopende tekst herkenbaar als linktekst, dat is hier niet het geval. Overweeg om de onderstreping te verwijderen.

Advies: Op pagina werkenbijderechtspraak.nl/kandidatenportaal/ komt informatie voor die visueel een descriptionlist is, bijvoorbeeld 'Naam: XXXX'. Een HTML descriptionlist maakt deze informatie ook ordelijker voor bezoekers die het scherm niet kunnen zien.


1.3.2 Betekenisvolle volgorde (Niveau A)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Voldoende


1.3.3 Zintuiglijke eigenschappen (Niveau A)

Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Voldoende


1.3.4 Weergavestand (Niveau AA)

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Voldoende


1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevindingen: Op pagina werkenbijderechtspraak.nl/kandidatenportaal/ kan de bezoeker het e-mailadres wijzigen. De invoervelden voor het e-mailadres hebben geen autocomplete-attribuut. HMTL5 invoervelden die informatie over de gebruiker vragen, zoals naam/achternaam, adres en geboortedatum, moeten een juist autocomplete attritbuut hebben. Lees meer over autocomplete-attributen op pagina www.w3.org/TR/WCAG21/. Dit geldt ook voor de optie om het wachtwoord te wijzigen/toe te voegen.

Als de bezoeker op pagina werkenbijderechtspraak.nl/kandidatenportaal/ zijn wachtwoord wilt resetten, opent een nieuw scherm. Het invoerveld waarin het e-mailadres moet worden ingevuld mist een autocomplete-attribuut.


1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevindingen: Op pagina werkenbijderechtspraak.nl/contact/ komen linkteksten voor die alleen herkenbaar zijn als link doordat deze teksten een andere kleur hebben dan de omliggende tekst. Bij hover verschijnt er een onderstreping, maar omdat de linkteksten niet voldoende herkenbaar zijn op basis van kleur alleen (de contrastratio tussen de linktekst en de paragraaftekst is lager dan 3:1) is dit niet voldoende. Gebruik minimaal één andere methode, bijvoorbeeld het permanent onderstrepen van de linkteksten of het verhogen van de contrastratio van de linkteksten. Dit probleem doet zich op alle pagina's met vacatureteksten voor.


1.4.2 Geluidsbediening (Niveau A)

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

Informatie over succescriterium 1.4.2 Geluidsbediening

Uitkomst: Niet aanwezig


1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: Op de homepage staat een afbeelding van zes personen, met daarop links naar verschillende pagina's. Op deze afbeelding staat ook de tekst 'Werken bij de Rechtspraak'. De contrastratio tussen de witte tekst en de grijs/blauwe achtergrond (HEX #C9D2DB) is 1,5:1 waar dat minimaal 3:1 moet zijn. Dit komt op meerdere pagina's voor, waaronder op pagina:

Op de homepage staat onder 'Vind hier jouw baan' een zoekfunctie. De contrastratio tussen de placeholdertekst 'Zoeken...' (HEX #95B4C5) en de blauwe achtergrond (HEX #085079) is 3,9:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina werkenbijderechtspraak.nl/vacatures/ staan filters die geen resultaten hebben. Deze categorieën zijn te herkennen aan een lichtgrijze tekst en een (0). Alle tekst van deze grootte moet minimaal contrast hebben van 4,5:1 tenzij het bij een input met een attribuut ‘disabled’ hoort. Hier worden geen standaard checkboxen voor de aankruisvakjes gebruikt waardoor het toevoegen van disabled attribuut geen waarde heeft. Deze tekst dient voldoende contrast te hebben omdat het informatie biedt over de aanwezige categorieën. Het ontbreken van zoekresultaten in een bepaalde categorie is ook informatie. Zorg voor een minimaal contrast van 4,5:1.

Wanneer bezoekers een sollicitatie hebben ingestuurd en documenten hebben ingestuurd, komt er op pagina werkenbijderechtspraak.nl/kandidatenportaal/ lichtgrijze tekst voor (HEX #999999). De contrastratio op de witte achtergrond is 2,8:1 waar dat minimaal 4,5:1 moet zijn.

Wanneer bezoekers op pagina werkenbijderechtspraak.nl/kandidatenportaal/ bij 'Sollicitaties' op 'Toon alle' klikken, verschijnt een dialoogvenster met een overzicht van huidige en verlopen sollicitaties. De datum van de sollicitatie staat in grijze tekst (HEX #999999) op een lichtblauwe achtergrond (HEX #F0F5FF). De contrastratio is hier 2,6:1 waar dat minimaal 4,5:1 moet zijn.

Op meerdere plekken, waaronder op pagina werkenbijderechtspraak.nl/kandidatenportaal/, staan dialoogvensters met daarin formulieren. Boven het formulier staat de tekst 'Velden gemarkeerd met een * zijn verplicht.'. De contrastratio van de roze asterisk (HEX #D52B1E) op de blauwe achtergrond (HEX #D9EBF7) is 4,1:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina werkenbijderechtspraak.nl/vacature/bi-specialist-back-end-etl-ontwikkelaar-1017832/ valt een deel van het e-mailadres van een medewerker buiten het blauwe blok, waardoor de contrastratio tussen de witte tekst en de witte achtergrond 1:1 is waar dat minimaal 4,5:1 moet zijn. Zie ook succescriterium 1.4.4.

Advies: In de datumkiezer bij het aanpassen van de persoonsgegevens op pagina werkenbijderechtspraak.nl/kandidatenportaal/ komen contrastproblemen voor. Er is een toegankelijk alternatief (bezoekers kunnen zelf een datum intypen en verder navigeren), maar idealiter zijn alle aangeboden opties toegankelijk.


1.4.4 Herschalen van tekst (Niveau AA)

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op de homepage inzoomen in stappen van 125% tot 250% inzoomen, vallen verschillende teksten op de afbeelding van zes personen over elkaar en zijn daardoor niet meer (geheel) leesbaar. Zorg ervoor dat het vergroten van de tekst op de pagina niet leidt tot verlies van informatie of functionaliteit. Dit komt ook voor op pagina:

Wanneer de bezoekers op vacaturepagina's inzoomen, bijvoorbeeld werkenbijderechtspraak.nl/vacature/bi-specialist-back-end-etl-ontwikkelaar-1017832/, verdwijnt een deel van een e-mailadres in de zijkolom. Zie het kopje 'Weten of een vacature bij jou past?'


1.4.5 Afbeeldingen van tekst (Niveau AA)

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Voldoende


1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers met schermgrootte 1280 bij 1024 inzoomen naar 400% op pagina werkenbijderechtspraak.nl/toegangkelijkheid/, verschijnt een horizontale scrollbalk om alle tekst op de pagina te kunnen lezen. Zorg ervoor dat inzoomen niet leidt tot verlies van informatie en functionaliteit en vermijdt daarbij horizontaal scrollen. Een vergelijkbaar probleem komt voor op pagina:


1.4.11 Contrast van niet-tekstuele content (Niveau AA)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op de homepage staat een afbeelding van zes personen, met daarop links naar verschillende pagina's, zoals 'Juristen'. De achtergrond van deze afbeelding is blauw/grijs (HEX #C9D2DB). Wanneer de links op de afbeelding focus hebben, is dat zichtbaar door een witte focusrand. Wanneer de focusrand overlapt met de achtergrond, is de contrastratio slechts 1,5:1 waar dat minimaal 3:1 moet zijn. Daarnaast is de focusrand ook op andere delen van de afbeelding niet voldoende zichtbaar, waaronder op de witte trui bij de mevrouw bij de link 'Administratie' en op de beige trui van de meneer bij de link 'Juristen'. Dit probleem komt op meerdere pagina's voor, waaronder op pagina:

Op de homepage staat onder 'Vind hier jouw baan' een zoekfunctie. Wanneer de knop met het vergrootglas icoon focus heeft, kleurt het icoon van wit naar zwart. De contrastratio tussen het zwarte vergrootglas en de blauwe achtergrond (HEX #085079) is 2,4:1 waar dat minimaal 3:1 moet zijn.

Op de homepage staan tekstblokken met vacatureteksten. Bij muishover verschijnt onder alle teksten een blauwe focusstijl (HEX #000FFF). Op meerdere achtergrondkleuren is het contrast hiervan te laag, bijvoorbeeld op de roodbruine achtergrond (HEX #9F2E12). De contrastratio is hier 1,1:1 waar dat minimaal 3:1 moet zijn. Een vergelijkbaar probleem komt voor op de andere achtergrondkleuren van de vacatureblokken. Dit probleem doet zich alle pagina's met vacatureteksten voor.

Op de homepage staat een carrousel, met daaronder knoppen om naar een andere slide te navigeren. De niet-actieve slide hebben roze bolletjes (HEX #BB3381). De contrastratio hiervan op de donkerroze achtergrond (HEX #AA0061) is 1,3:1 waar dat minimaal 3:1 moet zijn.

Wanneer bezoekers op 'Registreren' in het navigatiemenu bovenaan iedere pagina klikken, verschijnt een dialoogvenster, met daarin onder andere een knop om het venster te sluiten. Bij muishover heeft de knop een te lage contrastratio. De contrastratio tussen de grijze knop (HEX #999999) en de witte achtergrond is 2,8:1 waar dat minimaal 3:1 moet zijn.

Op pagina werkenbijderechtspraak.nl/vacatures/ staat een zoekfunctie met daarin een roze vergrootglas (HEX #D580B0) op een donkerroze achtergrond (HEX #AA0061). De contrastratio is hier 2,6:1 waar dat minimaal 3:1 moet zijn. Dit probleem doet zich op meerdere pagina's voor, waaronder op pagina:

Op pagina Op pagina werkenbijderechtspraak.nl/vacatures/ staat een slider met een donkerblauwe knop (HEX #085079) op een donkerroze achtergrond (HEX #AA0061). De contrastratio is hier 1,1:1 waar dat minimaal 3:1 moet zijn. Dit probleem doet zich op meerdere pagina's voor, waaronder op pagina:

Op meerdere pagina's, waaronder op pagina werkenbijderechtspraak.nl/rechter-of-raadsheer-worden/, komen blauwe link/knoppen voor, bijvoorbeeld 'Bekijk direct de vacatures'. Bij toetsenbordfocus verschijnt daar een zwarte focusrand omheen. De contrastratio tussen de blauwe achtergrond van de link (HEX #151F6D) en de zwarte focusrand is 1,4:1 waar dat minimaal 3:1 moet zijn.

Wanneer aangevinkte selectievakjes, zoals op pagina werkenbijderechtspraak.nl/apply/ focus hebben, is dat zichtbaar door een donkerblauwe focusrand (HEX #005FCC). De contrastratio op de blauwe achtergrond van het selectievakje (HEX #0075FF) is 1,4:1 waar dat minimaal 3:1 moet zijn.

Op meerdere plekken, waaronder op pagina werkenbijderechtspraak.nl/kandidatenportaal/ bij het aanmaken van een vacature-alert, staan selectievakjes. De contrastratio tussen de grijze omranding (HEX #AEAEAE) en de witte achtergrond is 2,2:1 waar dat minimaal 3:1 moet zijn.

Op meerdere plekken, waaronder op pagina werkenbijderechtspraak.nl/kandidatenportaal/, staat iconen waarmee bezoekers een bestand kunnen downloaden of wijzigen. De contrastratio tussen de grijze iconen (HEX #999999) en de witte achtergrond is 2,8:1 waar dat minimaal 3:1 moet zijn.


1.4.12 Tekstafstand (Niveau AA)

Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Voldoende


1.4.13 Content bij hover of focus (Niveau AA)

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevindingen: Als de bezoeker op de homepage over het hoofdmenu met de muis hovert, verschijnt er aanvullende content. De bezoeker kan deze content niet weghalen zonder de muis te bewegen of de focus met het toetsenbord te verplaatsen. De bezoeker moet dit bijvoorbeeld met de escape toets kunnen doen.


2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers inzoomen verandert het navigatiemenu bovenaan iedere pagina in een hamburgermenu. Niet alle menu-items in de uitgeklapte menu-items zijn niet met het toetsenbord bereikbaar en bedienbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren deze items ook kunnen bedienen.

Advies: De kaartweergave op pagina werkenbijderechtspraak.nl/vacatures/ is niet toegankelijk voor toetsenbordgebruikers. Aangezien de vacatures zelf voldoende alternatief zijn, is dit niet afkeurbaar. Bij voorkeur zijn alle aangeboden methoden van informatievoorziening natuurlijk toegankelijk. Dit probleem komt ook voor op pagina werkenbijderechtspraak.nl/juristen/.


2.1.2 Geen toetsenbordval (Niveau A)

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Voldoende


2.1.4 Enkel teken sneltoets (Niveau A)

Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevindingen: De videospelers op pagina werkenbijderechtspraak.nl/rechter-of-raadsheer-worden/ zijn te bedienen met sneltoetsen, zoals f voor fullscreen. Sneltoetsen mogen de werking van screenreaders niet in de weg zitten. Daarom moet de bezoeker ze kunnen uitzetten, aanpassen, of moeten ze alleen actief zijn als de bezoeker focust op het object waarop de sneltoetsen van toepassing zijn. In Youtube kunnen de sneltoetsen uitgeschakeld worden door in de URL van de ingebedde video de parameter 'disablekb=1' toe te voegen.


2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Voldoende


2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Voldoende


2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Voldoende


2.4.1 Blokken omzeilen (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevindingen: Op de website is er een manier om herhalende content over te slaan, maar de skiplink werkt niet op pagina werkenbijderechtspraak.nl/kandidatenportaal/. Zorg ervoor dat bezoekers op alle pagina's herhalende blokken content over kunnen slaan.

Advies: Iedere pagina heeft nu twee 'Skip to content' skiplinks. Eén is voldoende.


2.4.2 Paginatitel (Niveau A)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: De titel van pagina werkenbijderechtspraak.nl/apply/ is 'Apply'. Naast dat dit een Engelstalige titel is, is de tekst ook onvoldoende beschrijvend. Voeg bijvoorbeeld de naam van de functie toe waar bezoekers op reageren. Dit probleem komt op alle 'apply' pagina's voor.

De PDF op pagina werkenbijderechtspraak.nl/wp-content/uploads/2023/07/Senior-rechter.pdf heeft wel een titel, maar de titel wordt niet getoond bij openen. Verander deze instelling.


2.4.3 Focus volgorde (Niveau A)

Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers inzoomen verandert het navigatiemenu bovenaan iedere pagina in een hamburgermenu. Na het doorlopen van de gesloten items in het menu gaat de focus verder op de achterliggende pagina, terwijl het menu geopend over de pagina blijft staan. Terwijl het mobiele menu geopend is, komt een skiplink in beeld. Zorg ervoor dat het menu sluit na het laatste item, of zorg dat de focus pas verder kan zodra bezoekers het menu zelf handmatig sluiten.

Wanneer bezoekers op pagina werkenbijderechtspraak.nl/kandidatenportaal/ bij 'Sollicitaties' op 'Toon alle' klikken, verschijnt een dialoogvenster met een overzicht van huidige en verlopen sollicitaties. Na het doorlopen van alle interactieve opties in het dialoogvenster gaat de focusvolgorde verder op de achterliggende pagina. Zorg ervoor dat de focus in het dialoogvenster blijft en dat bezoekers het venster zelf sluiten met de sluit-knop. Dit geldt ook voor het dialoogvenster 'Alle documenten' (wanneer de uitklapbare knop dichtgeklapt is) op dezelfde pagina.

Wanneer bezoekers op 'Registreren' in het navigatiemenu bovenaan iedere pagina klikken, verspringt de focusvolgorde naar het invoerveld 'Voornaam' in het dialoogvenster. Bezoekers die gebruik maken van voorleessoftware missen hierdoor de informatie die boven dit invoerveld staat. Zorg ervoor dat bezoekers op een logische volgorde door de informatie kunnen navigeren, door bijvoorbeeld de focus eerst op de sluitknop te plaatsen en daarna pas naar de interactieve elementen.

Op pagina werkenbijderechtspraak.nl/juristen/ staat een carrousel met verhalen van medewerkers. In de carrousel krijgen de twee knoppen om terug en verder te scrollen tegelijkertijd zichtbare focus (dat werkt niet). Vervolgens krijgen onzichtbare links focus, daarna de verhalen die in beeld staan (eerst de koptekst, dan de 'Lees meer' link) en vervolgens de links die visueel disabled zijn (lichtere tekst en foto). Zorg ervoor dat items die niet in beeld zijn geen focus krijgen, dat de 'back' en 'next' knoppen op een logisch moment afzonderlijk focus krijgen en dat items geen dubbele links hebben. Dit probleem komt op meerdere pagina's voor, waaronder op pagina:

Op meerdere pagina's, waaronder op pagina werkenbijderechtspraak.nl/juristen/, komt een iframe met een kaartapplicatie voor. Het iframe is verborgen voor hulpsoftware met aria-hidden, maar meerdere interactieve items krijgen wel toetsenbordfocus. Dit is verwarrend. Dit komt op meerdere pagina's, waaronder op pagina:

In de PDF op pagina werkenbijderechtspraak.nl/wp-content/uploads/2023/07/Senior-rechter.pdf wordt gebruik gemaakt van annotaties en de 'note' tag, maar de leesvolgorde waarin deze worden gepresenteerd zijn niet logisch. Zorg ervoor dat de bezoeker ook in de leesvolgorde de note na de annotatie tegenkomt en daarna weer verder gaat op de oorspronkelijke plaats in de tekst.

Advies: Op pagina werkenbijderechtspraak.nl/rechter-of-raadsheer-worden/ staat een contactformulier. De verzendknop is uitgeschakeld tot alle verplichte velden zijn ingevuld, maar dat is niet zichtbaar. Geef de knop een ander uiterlijk zolang de knop disabled is, zodat bezoekers weten waarom de knop overgeslagen wordt in de focusvolgorde.


Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevindingen: Bovenaan iedere pagina staat het logo van de Rechtspraak. Deze afbeelding is ook een link. Er is geen toegankelijk linkdoel beschikbaar voor bezoekers die gebruik maken van hulpsoftware, zoals voorleessoftware. Zorg ervoor dat bezoekers weten waar een link naar verwijst door in dit geval een beschrijvende alternatieve tekst toe te voegen aan het logo. Zie ook succescriterium 1.1.1.

Op pagina werkenbijderechtspraak.nl/juristen/ komen lege links voor in de carrousel. De afbeelding van ieder content blok is een link, maar heeft geen alternatieve tekst en heeft daardoor geen toegankelijke naam. Zorg ervoor dat bezoekers weten waar een link naar verwijst door in dit geval de overbodige links van de afbeelding en de header te verwijderen en het klikgebied van de 'Lees meer' link te vergroten. Dit probleem komt op meerdere pagina's voor, waaronder op pagina:

Advies: De linkteksten van de vacatures op de homepage bevatten de gehele tekst in het tekstblok. Voor bezoekers die gebruik maken van voorleessoftware is dit onprettig. Overweeg de linkteksten in te korten, bijvoorbeeld naar 'Lees meer over de vacature XXXXX'. Dit probleem komt op meerdere pagina's voor, waaronder op pagina:


2.4.5 Meerdere manieren (Niveau AA)

Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevindingen: Pagina's moeten op minimaal twee manieren te bereiken zijn op een website. Eén van die manieren is het doorlinken naar een pagina vanaf een andere pagina. Voeg daarnaast minimaal één van de volgende manieren toe: een sitemap, een website-brede zoekfunctie, een linklijst op de homepage of een navigatiemenu waarin alle pagina's op de website voorkomen. In het geval van deze website is een zoekfunctie of sitemap het meest praktisch.


2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende


2.4.7 Focus zichtbaar (Niveau AA)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Voldoende


2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Niet aanwezig


2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Voldoende


2.5.3 Label in naam (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevindingen: Op de homepage staat onder 'Vind hier jouw baan' een zoekfunctie. Met een placeholder is de visuele naam 'Zoeken' toegevoegd, maar de toegankelijke naam van het invoerveld is 'Search'. Hierdoor is de zoekfunctie niet of moeilijker te bedienen door bezoekers die gebruik maken van spraakgestuurde navigatie. Zorg ervoor dat het visuele label en de toegankelijke naam overeen komen.

Op pagina werkenbijderechtspraak.nl/juristen/ staan visueel 'Lees meer' linksteksten. Deze links hebben een aria-label 'Read more about XXX'. Omdat de visuele naam niet voorkomt in de toegankelijke naam, zijn de links niet of moeilijker te bedienen door bezoekers die gebruik maken van spraakgestuurde navigatie.


2.5.4 Bewegingsactivering (Niveau A)

Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Niet aanwezig


3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevindingen: De hoofdtaal die is aangegeven in de HTML code van de website is Amerikaans Engels. De inhoud van de website is echter Nederlandstalig. Afhankelijk van de instellingen van de voorleessoftware van een bezoeker, wordt de tekst daardoor onverstaanbaar uitgesproken. Zorg ervoor dat de taalinstelling overeenkomt met de inhoud van de pagina's.

Er is geen taal ingesteld voor de PDF op pagina werkenbijderechtspraak.nl/wp-content/uploads/2023/07/Senior-rechter.pdf. Zorg ervoor dat PDF documenten een taalinstelling hebben die overeenkomt met de hoofdtaal van het document, in dit geval Nederlands.


3.1.2 Taal van onderdelen (Niveau AA)

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevindingen: Er is een manier aanwezig om herhalende content over te slaan, maar de skiplink is Engelstalig ('Skip to content'). Biedt interactieve elementen aan in een taal die aansluit bij de inhoud van de pagina, in dit geval Nederlands. Een vergelijkbaar probleem komt voor bij:


3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende


3.2.2 Bij input (Niveau A)

Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Voldoende


3.2.3 Consistente navigatie (Niveau AA)

Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Voldoende


3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende


3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op 'Registreren' in het navigatiemenu bovenaan iedere pagina klikken, verschijnt een formulier. Wanneer bezoekers het wachtwoord veld niet goed invullen en het formulier versturen, verschijnt de melding 'Het wachtwoord moet bestaan uit minimaal 8 tekens waarvan 2 niet-alfabetische.' Dit is een foutsuggestie zoals bedoeld bij succescriterium 3.3.3. De bezoeker moet een foutmelding krijgen wanneer een invoerveld niet goed is ingevuld of het formulier niet goed verzonden kan worden. De foutmelding moet beschrijven welke fout is gemaakt en wáár die is gemaakt, bijvoorbeeld: 'Het veld Wachtwoord is niet goed ingevuld'. Dit probleem komt op meerdere pagina's voor, waaronder op pagina:

Advies: Op pagina werkenbijderechtspraak.nl/rechter-of-raadsheer-worden/ staat een contactformulier zonder foutvalidatie maar met een disabled verzendknop. Omdat de knop nu geheel niet beschikbaar is voor hulpsoftware, is dit verwarrend voor meerdere groepen bezoekers. Overweeg het attribuut disabled te verwijderen en een goede foutidentificatie toe te voegen, ook wanneer er nog niets is ingevuld in verplichte velden.


3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Voldoende


3.3.3 Foutsuggestie (Niveau AA)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Voldoende


Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:

  1. Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
  2. Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
  3. Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Uitkomst: Voldoende


4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevindingen: Op de website, waaronder op de homepage, komt een groot aantal niet-unieke id's voor, die onder andere worden gebruikt in onder aria-controls en aria-labelledby attributen, maar ook in reguliere for en id attributen. Dit veroorzaakt mogelijk toegankelijkheidsproblemen, bijvoorbeeld voor bezoekers die gebruik maken van voorleessoftware. Gebruik unieke id's om dit probleem te voorkomen. Dit probleem doet zich op iedere onderzochte pagina voor.

Wanneer bezoekers op 'Registreren' in het navigatiemenu bovenaan iedere pagina klikken, verschijnt een formulier. In het formulier kunnen bezoekers op het oog-icoon klikken om het wachtwoord te bekijken. Op dit element is de aria-rol 'switch' geplaatst, en het aria-pressed attribuut. Aria-pressed mag niet gebruikt worden op een element met de rol 'switch', gebruik hier aria-checked.


4.1.2 Naam, rol, waarde (Niveau A)

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevindingen: Bovenaan iedere pagina staat het logo van de Rechtspraak. Deze afbeelding is ook een link. Er is geen toegankelijke naam voor bezoekers die gebruik maken van hulpsoftware, zoals voorleessoftware. Los dit op door een beschrijvende alternatieve tekst toe te voegen aan het logo.

Wanneer bezoekers op 'Registreren' in het navigatiemenu bovenaan iedere pagina klikken, verschijnt een formulier. In het formulier kunnen bezoekers op het oog-icoon klikken om het wachtwoord te bekijken. Deze knop heeft geen toegankelijke naam. Voeg een naam of alternatieve tekst toe om dit probleem op te lossen. Dit probleem doet zich op meerdere pagina's voor, waaronder op pagina.

Op pagina werkenbijderechtspraak.nl/vacatures/ en op de algemene vacaturepagina staat een slider zonder een toegankelijke naam. Koppel een label met for en id aan het input-element om dit probleem op te lossen.

Op pagina werkenbijderechtspraak.nl/vacatures/ en op de algemene vacaturepagina staat in het blok 'Filters' het uitklapbare menu item 'Locatie'. Dit is een interactief item, maar er wordt geen rol gecommuniceerd. Geef het element een rol, zoals 'button'. Daarnaast is het voor bezoekers die het scherm kunnen zien duidelijk of het item in- of uitgeklapt is, maar deze informatie is niet beschikbaar voor hulpsoftware. Gebruik aria-expanded of een vergelijkbare techniek om dit probleem op te lossen.

Op pagina werkenbijderechtspraak.nl/vacatures/ en op de algemene vacaturepagina staan in het blok 'Filters' uitklapbare items. Wanneer de focus hierop wordt geplaatst wordt er aan hulpsoftware gecommuniceerd dat dit klikbare items zijn, wat niet zo is. Zorg er daarom ook voor dat er geen focusrand omheen geplaatst wordt.

Op pagina werkenbijderechtspraak.nl/job-alert/ staan uitklapbare knoppen. Hierbinnen zijn select-elementen genest, maar die werken niet omdat de role=button op het parent div element dit overschrijft. Maak de items op als reguliere select-elementen om dit probleem op te lossen. Aria-expanded is hierbij ook niet nodig. Dit probleem komt ook voor op pagina werkenbijderechtspraak.nl/apply/ en op pagina werkenbijderechtspraak.nl/kandidatenportaal/ (met name bij het aanmaken van een vacature-alert).

Op meerdere pagina's, waaronder op pagina werkenbijderechtspraak.nl/juristen/, komt een iframe met een kaartapplicatie voor. Het iframe is verborgen met aria-hidden, en het div-element heeft geen rol. Er is een roledescription aanwezig, maar dat heeft niet dezelfde functie. Hierdoor wordt er geen toegankelijke naam en rol gecommuniceerd aan hulpsoftware. Dit probleem doet zich op meerdere pagina's voor, waaronder op pagina:

werkenbijderechtspraak.nl/de-organisatie/

Op pagina werkenbijderechtspraak.nl/juristen/ komen lege links voor in de carrousel. De heading van ieder blok content is klikbaar gemaakt, maar de link zelf is niet gekoppeld aan de headingtekst en heeft daardoor geen toegankelijke naam. Dit probleem komt op meerdere pagina's voor, waaronder op pagina:


4.1.3 Statusberichten (Niveau AA)

In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina werkenbijderechtspraak.nl/vacatures/ op 'Alles wissen' klikken verandert de pagina naar werkenbijderechtspraak.nl/vacatures/ en worden de actieve filters verwijderd. Deze verandering wordt echter niet gecommuniceerd aan bezoekers die gebruik maken van voorleessoftware. Aangezien de focusvolgorde ook vanaf hetzelfde punt verder gaat, is er geen indicatie voor de bezoekers om te vermoeden dat de pagina verandert is. Zorg ervoor dat deze informatie beschikbaar is voor hulpsoftware. Dit geldt ook voor de link 'Bekijk kaart' op dezelfde pagina.

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

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Bronnen

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

Bron: toegankelijkheidsrapport.swink.nl/werkenbijderechtspraak/audit/
Geprint: 2024-05-18 14:49:30 v2.4-011