1. Inleiding
1.1 Achtergrond
Dit rapport bevat de resultaten van het WCAG 2.2 toegankelijkheidsonderzoek voor integriteitscommissiejenv.nl conform de Web Content Accessibility Guidelines (WCAG) 2.2 Level A en AA.
1.2 Web Content Accessibility Guidelines (WCAG) 2.2
De Web Content Accessibility Guidelines (WCAG) 2.2 zijn ontwikkeld door het World Wide Web Consortium (W3C) en vormen de internationale standaard voor webtoegankelijkheid. WCAG 2.2 bouwt voort op WCAG 2.1 en bevat aanvullende richtlijnen voor toegankelijkheid op mobiele apparaten, voor mensen met een beperkt gezichtsvermogen en voor mensen met cognitieve en leerbeperkingen.
1.3 Vier principes van WCAG 2.2
WCAG 2.2 is georganiseerd rond vier hoofdprincipes die de basis vormen voor toegankelijkheid. Deze principes zijn:
- Waarneembaar: Informatie en gebruikersinterface-componenten moeten op een manier worden gepresenteerd die gebruikers kunnen waarnemen.
- Bedienbaar: Gebruikersinterface-componenten en navigatie moeten bedienbaar zijn.
- Begrijpelijk: Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn.
- Robuust: Inhoud moet robuust genoeg zijn om betrouwbaar geïnterpreteerd te worden door een grote verscheidenheid aan gebruikersagenten, inclusief ondersteunende technologieën.
1.4 Conformiteitsniveaus
WCAG 2.2 heeft drie conformiteitsniveaus:
- Level A: Het minimum niveau van toegankelijkheid
- Level AA: Het standaardniveau van toegankelijkheid (wettelijk vereist)
- Level AAA: Het hoogste niveau van toegankelijkheid
Dit onderzoek richt zich op Level A en AA conformiteit, zoals voorgeschreven in de Nederlandse wetgeving voor digitale toegankelijkheid van overheidsorganisaties en in de European Accessibility Act.
1.5 Onderzochte succescriteria
In totaal zijn 55 succescriteria onderzocht, verdeeld over de vier WCAG principes. Van deze criteria zijn:
- 30 criteria die voldoen aan de eisen
- 13 criteria die niet voldoen aan de eisen
- 12 criteria die niet van toepassing zijn
- 0 criteria die nog beoordeeld moeten worden
2. Onderzoeksresultaat
Slaagpercentage
Aandachtspunten
3. Onderzoeksgegevens
3.1 Onderzoeksmethode en toegepaste norm
Dit onderzoek is uitgevoerd volgens de Website Accessibility Conformance Evaluation Methodology (WCAG-EM) 1.0. Deze methodologie is ontwikkeld door het W3C om een gestructureerde en reproduceerbare manier te bieden voor het evalueren van de toegankelijkheid van websites.
De toegankelijkheid is getoetst aan de Web Content Accessibility Guidelines (WCAG) 2.2 op niveau A en AA. WCAG 2.2 is de meest recente versie van de internationale standaard voor webtoegang ankelijkheid en wordt wereldwijd erkend als de norm voor digitale toegankelijkheid.
3.2 Basisniveau van toegankelijkheidsondersteuning
Voor dit onderzoek is uitgegaan van het basisniveau van toegankelijkheidsondersteuning zoals gedefinieerd in WCAG-EM. Dit betekent dat de website is getest met standaard instellingen van browsers en ondersteunende technologieën, zonder gebruik te maken van geavanceerde of experimentele functies.
https://www.integriteitscommissiejenv.nl/ voldoet niet aan het basisniveau van toegankelijkheidsondersteuning.
3.3 Gebruikte technieken
Bij de evaluatie zijn de sufficient techniques en advisory techniques uit de WCAG 2.2 Techniques als leidraad gebruikt. Deze technieken bieden concrete implementatiemethoden om aan de WCAG-succescriteria te voldoen.
3.4 Ondersteunende technieken
De volgende webstandaarden zijn gebruikt bij het onderzoek:
- HTML5 - Voor de structuur en semantiek van webpagina's
- WAI-ARIA - Voor verbeterde toegankelijkheid van dynamische content
- CSS - Voor visuele presentatie en responsive design
- DOM (Document Object Model) - Voor dynamische interacties
- SVG - Voor schaalbare vector graphics
3.5 Webbrowsers (useragents)
Het onderzoek is uitgevoerd met de volgende browsers:
- Google Chrome (versie 147)
- Mozilla Firefox (versie 150)
- Microsoft Edge (versie 147)
- Adobe Acrobat Pro 2025
- Colour Contrast Analyser (versie 3.5.5)
- Audit House PDF Analyzer 2026
- PAC 2026 PDF
Deze browsers zijn geselecteerd omdat ze breed worden gebruikt en goede ondersteuning bieden voor moderne webstandaarden en toegankelijkheidsfuncties.
4. Scope van het onderzoek
4.1 Binnen scope
De techniek en content van https://www.integriteitscommissiejenv.nl.
4.2 Buiten scope
Het portaal van Mijn Portaal, via https://portaal.integriteitscommissiejenv.nl/auth/login.
5. Steekproef
Steekproef: 15 pagina's.
Gestructureerde steekproef
- Homepage https://www.integriteitscommissiejenv.nl/
- Pagina https://www.integriteitscommissiejenv.nl/toegankelijkheid/
- Pagina https://www.integriteitscommissiejenv.nl/privacybeleid/
- Pagina https://www.integriteitscommissiejenv.nl/over-de-integriteitscommissie/
- Contact https://www.integriteitscommissiejenv.nl/contact/
- Pagina https://www.integriteitscommissiejenv.nl/publicaties/
- Pagina https://www.integriteitscommissiejenv.nl/publicatie/jaarverslag-2025-integriteitscommissie-jenv/
- Download (PDF) https://www.integriteitscommissiejenv.nl/wp-content/uploads/2026/03/Integriteitscommissie-JenV-Jaarverslag-2025.pdf
- Pagina https://www.integriteitscommissiejenv.nl/publicatie/anne-mieke-zwaneveld-neemt-afscheid-van-de-integriteitscommissie-jenv/
- Pagina https://www.integriteitscommissiejenv.nl/hoe-werkt-het/
- Pagina https://www.integriteitscommissiejenv.nl/groepsmelding/
- Pagina https://www.integriteitscommissiejenv.nl/rapporten/
- Pagina https://www.integriteitscommissiejenv.nl/publicatie/advies-naar-aanleiding-van-een-melding-van-benadeling-na-een-interne-melding-jegens-de-directie-van-de-dienst/
- Download (PDF) https://www.integriteitscommissiejenv.nl/wp-content/uploads/2026/02/2026-1-Samenvatting.pdf
- Pagina https://www.integriteitscommissiejenv.nl/melding/
Principe 1: Waarneembaar
Informatie en componenten van de gebruikersinterface moeten toonbaar zijn aan gebruikers op voor hen waarneembare wijze.
Richtlijn 1.1 Tekstalternatieven
Details voor criterium 1.1.1 - Niet-tekstuele content
Beschrijving van het criterium:
❌ Afgekeurde bevinding:
Informatieve afbeelding zonder alternatieve tekst. Redacteur Hoge impact - Weinig werk
Informatieve afbeeldingen in dit pdf-bestand zijn niet voorzien van een beschrijvende alternatieve tekst. Hierdoor is de inhoud van de afbeelding doel van de link mogelijk onduidelijk voor gebruikers van schermlezers. Dit gaat bijvoorbeeld fout bij het logo van de organisatie en bij afbeeldingen van tekst.
Informatieve afbeelding zonder alternatieve tekst. Redacteur Hoge impact - Weinig werk
URL: https://www.integriteitscommissiejenv.nl/wp-content/uploads/2026/02/2026-1-Samenvatting.pdf
Het logo in de headernavigatie is niet voorzien van een alternatieve tekst. Hierdoor is de inhoud van de afbeelding doel van de link mogelijk onduidelijk voor gebruikers van schermlezers.
Decoratieve afbeeldingen met onjuiste alternatieve tekst. Redacteur Lage impact - Weinig werk
URL: https://www.integriteitscommissiejenv.nl/
De afbeeldingen van de slider en de foto's van de comissieleden zijn programmatisch opgemaakt als span-elementen en voorzien van de rol 'img'. Hierdoor weten schermlezers dat het om afbeeldingen gaat, maar ze weten niet of de afbeelding decoratief zijn of informatief.
Gebruik daarom beter standaard html-elementen voor afbeeldingen en een lege alternatieve tekst. Zoals <img alt="" ....>, in plaats van de volgende code. Zo weten schermlezers dat het om decoratieve afbeeldingen gaat en kunnen de afbeeldingen overgeslagen worden.
<span role="img" class="background" style="background-image: url( https://www.integriteitscommissiejenv.nl/wp-content/uploads/2020/04/HH-406252368_2.jpg );"> <span class="sr-only"></span> </span>
Decoratieve afbeeldingen met onjuiste alternatieve tekst. Redacteur Lage impact - Weinig werk
URL: https://www.integriteitscommissiejenv.nl/over-de-integriteitscommissie/
De fout van span elementen met de rol img is ook gemaakt op andere vergelijkbare pagina's en elementen. Zoals bij de hero afbeelding en de portretten van de leden en secretariële ondersteuning op pagina https://www.integriteitscommissiejenv.nl/over-de-integriteitscommissie/.
Decoratieve afbeeldingen met onjuiste alternatieve tekst. Redacteur Lage impact - Weinig werk
De decoratieve afbeeldingen in dit pdf-bestand zijn programmatisch niet als decoratief opgemaakt. Hierdoor worden ze alsnog door een schermlezer opgelezen. Markeer deze daarom als decoratief.
Richtlijn 1.2 Op tijd gebaseerde media
Details voor criterium 1.2.2 - Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Beschrijving van het criterium:
❌ Afgekeurde bevinding:
Video bevat geen ondertiteling. Redacteur Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/
De animatie video op pagina https://www.integriteitscommissiejenv.nl/ bevat gesproken tekst, maar geen visuele ondertiteling.
Een video met gesproken informatie zonder ondertiteling is niet toegankelijk voor doven en slechthorenden. Daarnaast is de informatie niet beschikbaar voor mensen die de video zonder geluid kijken, bijvoorbeeld in de trein of op kantoor. Zorg daarom dat video’s voorzien zijn van een (niet automatisch gegenereerde) ondertiteling die synchroon loopt met de gesproken audio.
Details voor criterium 1.2.3 - Audiodescriptie of media-alternatief (vooraf opgenomen)
Beschrijving van het criterium:
❌ Afgekeurde bevinding:
Video is niet voorzien van een transcript of audiodescriptie. Redacteur Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/over-de-integriteitscommissie/
De video op deze pagina is niet voorzien van een transcript of audiodescriptie. Waneer een video niet voorzien is van een audiodescriptie of transcript, is de gesproken informatie niet toegankelijk voor blinden en slechtzienden.
In deze video is het bijvoorbeeld niet duidelijk wie er het woord zijn. Dit is alleen toegankelijk voor bezoekers zonder visuele functiebeperking. Zorg daarom dat deze informatie ook in een transcript of audiodescriptie terugkomt.
De audiodescriptie mag op drie manieren worden toegevoeg: 1. In de video zelf. 2. Als optie in de instellingen van de video. 3. In een alternatieve video waar boven de huidige video naar wordt gelinkt.
Details voor criterium 1.2.5 - Audiodescriptie (vooraf opgenomen)
Beschrijving van het criterium:
❌ Afgekeurde bevinding:
Video niet voorzien van audiodescriptie. Redacteur Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/over-de-integriteitscommissie/
Waar het voor succescriterium 1.2.3 voldoende is om of een audiodescriptie, of een transcriptie toe te voegen, voldoet voor 1.2.5 alleen een audiodescriptie. De video op deze pagina is niet voorzien van een audiodescriptie. Waneer een video niet voorzien is van een audiodescriptie of transcript, is de gesproken informatie niet toegankelijk voor blinden en slechtzienden.
In deze video is het bijvoorbeeld niet duidelijk wie er het woord zijn. Dit is alleen toegankelijk voor bezoekers zonder visuele functiebeperking. Zorg daarom dat deze informatie ook in de audiodescriptie terugkomt.
De audiodescriptie mag op drie manieren worden toegevoeg: 1. In de video zelf. 2. Als optie in de instellingen van de video. 3. In een alternatieve video waar boven de huidige video naar wordt gelinkt.
Richtlijn 1.3 Aanpasbaar
Details voor criterium 1.3.1 - Info en relaties
Beschrijving van het criterium:
❌ Afgekeurde bevinding:
Visuele tussenkoppen zijn programmatisch dikgedrukte tekst, in plaats van headers (H2, H3 etc.). Webbouwer Hoge impact - Veel werk
In het pdf-document zijn visuele tussenkoppen gevonden, welke programmatisch zijn opgemaakt als dikgedrukte tekst. Hierdoor kunnen gebruikers van assisterende software die op tussenkoppen navigeren de onderdelen niet herkennen. Als gevolg hiervan wordt de inhoud mogelijk overgeslagen door schermlezers. Gebruik daarom standaard HTML-elementen (h2, h3 etc.). Dit gaat fout op vergelijkbare pagina’s.
Visuele tussenkoppen zijn programmatisch dikgedrukte tekst, in plaats van headers (H2, H3 etc.). Webbouwer Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/wp-content/uploads/2026/02/2026-1-Samenvatting.pdf
Ook in dit pdf-document zijn visuele tussenkoppen gevonden, welke programmatisch zijn opgemaakt als dikgedrukte tekst. Hierdoor kunnen gebruikers van assisterende software die op tussenkoppen navigeren de onderdelen niet herkennen. Als gevolg hiervan wordt de inhoud mogelijk overgeslagen door schermlezers. Gebruik daarom standaard HTML-elementen (h2, h3 etc.). Dit gaat fout op vergelijkbare pagina’s.
Een visuele opsomming is een tekstparagraaf, in plaats van een ol- of ul-element. Redacteur Lage impact - Weinig werk
URL: https://www.integriteitscommissiejenv.nl/
Op de hero bij de kop 'Wie zijn wij' is een visuele opsomming gevonden. Deze opsomming is programmatisch opgemaakt als losse tekstregels die met een bolletje beginnen, in plaats van een ul-element. Hierdoor kunnen gebruikers van assisterende software de onderlinge relaties niet begrijpen. Gebruik daarom standaard HTML-elementen.
<p>De Integriteitscommissie JenV bestaat uit een voorzitter en twee leden leden die namens de minister van Justitie en Veiligheid zijn benoemd. Bij de selectie waren de Departementale OndernemingsRaad, vakbonden en meerdere directeuren betrokken. De commissieleden die met uw melding aan de slag gaan, zijn:<br> • Febe Deug (voorzitter)<br> • Edith Snoeij<br> • Anne Mieke Zwaneveld</p>
Een visuele opsomming is een tekstparagraaf, in plaats van een ol- of ul-element. Redacteur Lage impact - Weinig werk
URL: https://www.integriteitscommissiejenv.nl/
De slider op de homepagina is programmatisch als een div-element opgemaakt. De onderliggende onderdelen zijn opgemaakt als list-items (li). Deze mogen programmatisch alleen in een lijst (ol of ul) vallen. Momenteel kunnen assisterende software in de war raken.
<div class="slick-slide slick-current slick-active" data-slick-index="1" role="group" aria-label="slide 2" style="width: 1483px;"><div><li class="header" style="width: 100%; display: inline-block;"><div class="container"><div class="heading"><h2 class="heading-h1">Onafhankelijk
</h2><p>De Integriteitscommissie JenV werkt geheel onafhankelijk van het ministerie van Justitie en Veiligheid en is ook buiten het ministerie gevestigd. De commissie is zelfstandig, zelf verantwoordelijk voor haar budget, bepaalt haar eigen werkwijze en voert zelf onderzoeken uit.</p>
</div></div><span role="img" class="background" style="background-image: url( https://www.integriteitscommissiejenv.nl/wp-content/uploads/2020/04/HH-406252368_2.jpg );">
<span class="sr-only"></span>
</span></li></div></div>
Richtlijn 1.4 Onderscheidbaar
Details voor criterium 1.4.3 - Contrast (minimum)
Beschrijving van het criterium:
De visuele presentatie van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve voor de volgende gevallen:
- Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1;
- Bijzaak: Tekst of afbeeldingen van tekst die onderdeel zijn van een inactieve component van de gebruikersinterface, die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significante andere visuele content bevat, hebben geen contrastvereiste;
- Logotypes: Tekst die onderdeel is van een logo of merknaam heeft geen minimum contrastvereiste.
❌ Afgekeurde bevinding:
Tekstkleur heeft onvoldoende contrast ten opzichte van de achtergrondkleur. UX/UI Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/
Wanneer in het uitklapbare menu de tekst in de bovenste groene balk en de groene knoppen focus krijgt, verandert de tekstkleur naar blauw (#503A7B). Deze tekstkleur contrasteert niet voldoende met de groene achtergrond (1,6:1). Dit zorgt ervoor dat deze mogelijk slecht leesbaar is voor sommige bezoekers.
Zorg daarom voor een minimale kleurcontrastverhouding van 4,5:1 voor normale, lopende tekst. Voor grote of dikgedrukte tekst geldt een minimum van 3,0:1. Grote tekst is gedefinieerd als tekst van minimaal 18pt (24px) voor normale tekst, of 14pt (19px) voor dikgedrukte tekst (font-weight 700 of hoger). Voor grote tekst gelden lagere contrastvereisten.
Tekstkleur heeft onvoldoende contrast ten opzichte van de achtergrondkleur. UX/UI Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/
Ook wanneer de knoppen 'lees voor' op een witte achtergrond focus krijgen, verandert de tekstkleur. Hierdoor heeft de tekst onvoldoende contrast (1,1:1).
Tekstkleur heeft onvoldoende contrast ten opzichte van de achtergrondkleur. UX/UI Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/
Wanneer knoppen met paarse tekst focus krijgen, verandert de tekstkleur naar lichtgroen. Deze kleur contrasteert niet voldoende ten opzichte van de achtergrond (2,3:1). Zie #6FBC85 !important
Tekstkleur heeft onvoldoende contrast ten opzichte van de achtergrondkleur. UX/UI Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/over-de-integriteitscommissie/
De tekstlink 'CAOP' op deze pagina heeft onvoldoende contrast ten opzichte van de groene achtergrond (2,6:1).
Tekstkleur heeft onvoldoende contrast ten opzichte van de achtergrondkleur. UX/UI Hoge impact - Veel werk
In het pdf-bestand zijn een aantal ontoegankelijke kleurcombinaties gevonden voor tekstkleur. Dit gaat bijvoorbeeld fout bij wit/groen op de voorpagina (2,3:1) en roze-wit door het bestand heen (3,3:1).
Principe 2: Bedienbaar
Componenten van de gebruikersinterface en navigatie moeten bedienbaar zijn.
Richtlijn 2.1 Toetsenbordtoegankelijk
Richtlijn 2.2 Genoeg tijd
Richtlijn 2.3 Toevallen en fysieke reacties
Richtlijn 2.4 Navigeerbaar
Details voor criterium 2.4.2 - Paginatitel
Beschrijving van het criterium:
❌ Afgekeurde bevinding:
Pdf-document is niet voorzien van een documenttitel. Redacteur Hoge impact - Weinig werk
Pdf-document https://www.integriteitscommissiejenv.nl/wp-content/uploads/2026/03/Integriteitscommissie-JenV-Jaarverslag-2025.pdf, gedownload op pagina https://www.integriteitscommissiejenv.nl/publicatie/jaarverslag-2025-integriteitscommissie-jenv/ is niet voorzien van een documenttitel.
Hierdoor kan assisterende software het titel / onderwerpen van het document niet oplezen aan gebruikers van bijvoorbeeld schermlezers. Voorzie het bestand daarom van een beschrijvende documenttitel.
Pdf-document is niet voorzien van een documenttitel. Redacteur Hoge impact - Weinig werk
URL: https://www.integriteitscommissiejenv.nl/wp-content/uploads/2026/02/2026-1-Samenvatting.pdf
Het geteste pdf-bestand die gedownload is niet voorzien van een paginatitel. Hierdoor kan assisterende software het titel / onderwerpen van het document niet oplezen aan gebruikers van bijvoorbeeld schermlezers. Voorzie het bestand daarom van een beschrijvende documenttitel.
Details voor criterium 2.4.3 - Focus volgorde
Beschrijving van het criterium:
❌ Afgekeurde bevinding:
Pop-up laat gebruikers achter de pop-up navigeren. Webbouwer Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/melding/
Wanneer het formulier is ingevuld, wordt een pop-up getoond met informatie. De focus verschuift niet automatisch naar deze pop-up. Wanneer een pop-up (modal) over de pagina content heen valt, is het belangrijk dat de onderdelen achter de pagina niet geselecteerd kunnen worden. Zorg dat alleen de onderdelen van de pop-up selecteerbaar zijn, zoals 'accepteer cookies'.
Dit kan mogelijk op twee manieren opgelost worden. Bijvoorbeeld door de melding op de pagina zelf weer te geven en deze een aria-rol te geven. Een andere oplossing is door gebruikers na het invullen van het formulier naar een andere pagina door te verwijzen.
Details voor criterium 2.4.4 - Linkdoel (in context)
Beschrijving van het criterium:
❌ Afgekeurde bevinding:
Linktekst onduidelijk Redacteur Hoge impact - Weinig werk
URL: https://www.integriteitscommissiejenv.nl/over-de-integriteitscommissie/
De huidige linktekst 'hier' beschrijft het doel van de linktekst onvoldoende aan gebruikers van schermlezers. Deze groep hoort alleen de interactieve tekst, in plaats van 'download hier de brochure' horen ze nu 'hier'. Zorg dat het doel van de link voor alle gebruikers duidelijk is. Verander de linktekst daarom naar het voorbeeld in de code hieronder.
Huidige broncode: <p>Download <a href="https://www.integriteitscommissiejenv.nl/wp-content/uploads/2026/01/Integrteitscommissie-JenV-flyer-Vertrouwd-handelen-zorgvuldig-melden.pdf">hier</a> de flyer met informatie over de Integriteitscommissie JenV.</p> Wenselijke broncode: <p><a href="https://www.integriteitscommissiejenv.nl/wp-content/uploads/2026/01/Integrteitscommissie-JenV-flyer-Vertrouwd-handelen-zorgvuldig-melden.pdf">Download de flyer met informatie over de integriteitscommissie JenV</a>.</p>
Richtlijn 2.5 Input Modaliteiten
Principe 3: Begrijpelijk
Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn.
Richtlijn 3.1 Leesbaar
Details voor criterium 3.1.2 - Taal van onderdelen
Beschrijving van het criterium:
❌ Afgekeurde bevinding:
Onderdelen in een andere taal zijn niet gelabeld. Redacteur Lage impact - Weinig werk
URL: https://www.integriteitscommissiejenv.nl/
De twee knoppen op de homepagina zijn voorzien van Engelstalige toegankelijke teksten (previous). De taal van de website is in de broncode als Nederlands gespecificeerd. Hierdoor wordt de Engelse tekst in het Nederlands opgelezen.
Wanneer delen van een pagina of document in een andere taal zijn geschreven dan de hoofdtaal, moet dit in de broncode worden weergegeven. Dit kan via het HTML taalattribuut (lang). Dit zorgt ervoor dat alle tekst correct wordt uitgesproken door schermlezers. Als dit niet wordt gedaan, lezen schermlezers de andere taal op in de hoofdtaal van de website.
<button class="slick-prev slick-arrow" type="button" style=""><span class="slick-prev-icon" aria-hidden="true"></span><span class="slick-sr-only">Previous</span></button>
Onderdelen in een andere taal zijn niet gelabeld. Redacteur Lage impact - Weinig werk
URL: https://www.integriteitscommissiejenv.nl/
De knoppen van de videospeler op deze pagina zijn ook voorzien van instructies in een andere taal dan de brontaal van de website zelf. Zorg dat deze vertaald worden of voorzien worden van een inline language attribuut.
<span class="label--pressed plyr__sr-only">Unmute</span>
Richtlijn 3.2 Voorspelbaar
Richtlijn 3.3 Assistentie bij invoer
Details voor criterium 3.3.1 - Foutidentificatie
Beschrijving van het criterium:
❌ Afgekeurde bevinding:
Een foutmelding is programmatisch niet opgemaakt als foutmelding. Webbouwer Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/contact/
De foutmeldingen bij het formulier zijn programmatisch niet als foutmelding opgemaakt, via bijvoorbeeld role="alert". Hierdoor weten gebruikers van assisterende software mogelijk niet dat er een foutmelding heeft plaatsgevonden. Zorg dat dit voor alle bezoekers duidelijk is.
<div id="validation_message_2_6" class="gfield_description validation_message gfield_validation_message">Dit veld is vereist.</div>
Invoervelden bevatten geen unieke foutmeldingen Webbouwer Hoge impact - Veel werk
Details voor criterium 3.3.2 - Labels of instructies
Beschrijving van het criterium:
❌ Afgekeurde bevinding:
Een invoerveld bevat geen label. Webbouwer Hoge impact - Weinig werk
URL: https://www.integriteitscommissiejenv.nl/
Het invoerveld voor de zoekfunctie in de headernavigatie is niet voorzien van een visueel label, slechts een placeholder tekst. Deze placeholder tekst verdwijnt wanneer het formulier invoer krijgt.
Voorzie alle invoervelden van een tekstueel label of een visueel label met toegankelijk alternatief. Op deze manier is het voor alle bezoekers duidelijk wat het doel van het invoerveld is.
Principe 4: Robuust
Content moet robuust genoeg zijn om betrouwbaar geïnterpreteerd te kunnen worden door een grote verscheidenheid aan user agents, inclusief hulptechnologieën.
Richtlijn 4.1 Compatibel
Details voor criterium 4.1.2 - Naam, rol, waarde
Beschrijving van het criterium:
Voor alle onderdelen van de gebruikersinterface moeten de naam en rol door software kunnen worden bepaald.
Dit geldt onder andere voor formulierelementen, links en onderdelen die met scripts zijn gemaakt.
Daarnaast geldt het volgende:
- Toestanden: de status van een onderdeel, zoals ingeschakeld, uitgeschakeld of geselecteerd, moet door software kunnen worden bepaald.
- Eigenschappen en waarden: eigenschappen en waarden die de gebruiker kan aanpassen, moeten ook door software kunnen worden ingesteld.
- Wijzigingen: veranderingen in deze onderdelen moeten beschikbaar zijn voor user agents, waaronder hulptechnologieën zoals schermlezers.
❌ Afgekeurde bevinding:
Drop down menu bevat geen ARIA-expanded attribuut. Webbouwer Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/
De drop down onderdelen uit het uitklapbare mobiele header menu zijn niet voorzien van het ARIA-expanded attribuut. Dit gaat ook fout bij het menu dat voor desktop gebruikers wordt weergegeven.
Hierdoor weten gebruikers van assisterende software niet of de drop down menu’s geopend of gesloten zijn. Zorg dat dit voor alle gebruikers duidelijk is.
<button>Over de commissie</button>
Pop-up niet correct opgemaakt via ARIA rol Webbouwer Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/
De pop-up waarin de video op pagina https://www.integriteitscommissiejenv.nl/ getoond wordt, is programmatisch correct opgemaakt als een pop-up via role=dialog. Elementen die deze rol bevatten, moeten tevens voorzien zijn van een toegankelijke naam.
Zo krijgen gebruikers van assisterende software meer context. Momenteel is dit niet het geval. Koppel via ARIA-labels daarom de visuele titel aan het dialoog-element.
Dit gaat ook fout op andere pagina's waar dit soort video's voorkomen, zoals op pagina https://www.integriteitscommissiejenv.nl/over-de-integriteitscommissie/.
<div class="lightbox-container" role="dialog">
Pop-up niet correct opgemaakt via ARIA rol Webbouwer Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/
De responsive navigatie is programmatisch opgemaakt als div-element met de rol 'dialog'. Zorg dat alle onderdelen die deze rol bevatten ook een toegankelijke titel hebben
<div id="responsive-menu" role="dialog">
Pop-up niet correct opgemaakt via ARIA rol Webbouwer Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/melding/
De pop-up met informatie over de cookies die bezoekers te zien krijgen, is programmatisch correct opgemaakt als een pop-up via role=dialog. Elementen die deze rol bevatten, moeten tevens voorzien zijn van een toegankelijke naam.
Zo krijgen gebruikers van assisterende software meer context. Momenteel is dit niet het geval. Koppel via ARIA-labels daarom de visuele titel aan het dialoog-element.
<div class="popup-content" role="dialog"><!--<button class="popup-close"></button>--><div class="popup-inner-container"><aside class="column full"><div class="textblock"><h2>Bedankt voor uw melding</h2><p>Uw melding is verstuurd. Wij nemen zo spoedig mogelijk contact met u op.</p><div class="button-wrap"><a href="/" class="button button-colored background-main"><span class="button-title">Terug naar homepagina</span></a></div></div></aside></div></div>
Onjuist gebruik van ARIA-labels Webbouwer Hoge impact - Veel werk
URL: https://www.integriteitscommissiejenv.nl/
De slider op deze pagina is programmatisch opgemaakt als ul-element. Deze lijst bevat al semantische waarde. Momenteel is het element voorzien van de rol 'region', waardoor de semantische waarde van de lijst overschreven wordt. Verwijder daarom deze rol.
<ul class="slider slick-initialized slick-slider" role="region" aria-label="carousel">
