Audit digitale toegankelijkheid van website rechtwijzer.nl
Samenvatting
Wij hebben de website rechtwijzer.nl onderzocht tussen 10 en 29 mei 2025. Op dit moment zijn 35 van de 55 succescriteria als voldoende beoordeeld. In dit rapport lees je wat er bij de overige 19 nog fout gaat, en hoe je dat kunt verbeteren.
Resultaat
In dit onderzoek hebben we alle 55 toegankelijkheidseisen (succescriteria) uit de norm WCAG 2.2 onderzocht. We hebben het onderzoek uitgevoerd volgens de onderzoeksmethode WCAG-EM.
Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website
De van derden afkomstige inhoud (wettelijke uitzondering voor de overheid)
Basisniveau toegankelijkheidsondersteuning
Mozilla Firefox, versie 137
Google Chrome, versie 134
Apple Safari, versie 18
PAC software to test PDF
NVDA schermlezer in combinatie met Firefox
VoiceOver schermlezer in combinatie met Safari
Andere gangbare browsers en hulpapparatuur
Technologieën van de website
HTML
CSS
JavaScript
WAI-ARIA
SVG
PDF
Over dit onderzoek
Leeswijzer
Onze rapporten zijn anders. Bij het bespreken van de gevonden problemen volgen wij niet de structuur van de norm, maar die van jouw website of app. Hierdoor kun je gewoon per pagina of scherm aan de slag gaan. Wel zo makkelijk! Je vindt verderop een overzicht van alle pagina’s met problemen.
We geven je bij elk gevonden issue een paar voorbeelden, maar niet een complete lijst. Controleer zelf of het probleem ook nog op andere plekken voorkomt. Zie het rapport als een leidraad.
Gebruikte norm
Dit onderzoek laat zien in hoeverre de website op dit moment voldoet aan WCAG 2.2, niveau A en AA. WCAG staat voor Web Content Accessibility Guidelines. Dit is de internationale norm voor digitale toegankelijkheid. De Europese norm EN 301 549 bevat alle eisen van WCAG op niveau A en AA.
In dit rapport hebben we korte beschrijvingen van de succescriteria uit de norm opgenomen, met een algemene uitleg erbij. Wil je ze helemaal lezen? Bekijk dan de documentatie van WCAG.
Gebruikte onderzoeksmethode
We gebruiken de onderzoeksmethode WCAG-EM van het W3C. Het proces ziet er als volgt uit:
vaststellen wat binnen en buiten scope valt
vaststellen welke technologieën zijn gebruikt
steekproef (sample) samenstellen
steekproef onderzoeken
gevonden issues beschrijven
Het grootste deel van het onderzoek doen we met de hand. Voor een deel van de toegankelijkheidseisen gebruiken we automatische tools als ondersteuning, zoals axe-core en Chrome Developer Tools.
Belangrijk om te weten
Dit rapport helpt je om de toegankelijkheid van je website te verbeteren. Maar let op: het is geen definitieve, volledige lijst van alle aanwezige toegankelijkheidsproblemen. Dat zit zo:
Het is een steekproef
Ten eerste is het onderzoek gebaseerd op een steekproef. Die is op een betrouwbare manier genomen, en de meeste problemen zullen daardoor zeker aan het licht komen. Toch kan een probleem net buiten de steekproef vallen. Bij een volgend onderzoek kan het wel ontdekt worden.
Op basis van falsificatie
We beoordelen vanuit het principe van falsificatie. Dat houdt in dat we proberen te bewijzen dat iets niet waar is, in plaats van te bevestigen dat het klopt. ‘Voldoet’ betekent daarom dat we geen reden hebben gevonden om een punt af te keuren. Maar als we later wél een reden vinden, kan het alsnog worden afgekeurd.
Voortschrijdend inzicht
Het komt voor dat de beoordeling van een succescriterium op detailniveau verandert. De norm beschrijft namelijk niet élk mogelijk scenario. Samen met andere onderzoeksbureaus overleggen we hoe we met bepaalde situaties omgaan. Zo kan iets dat nu wordt afgekeurd, soms bij een volgend onderzoek worden goedgekeurd en andersom.
Oplossen leidt tot nieuw probleem
Ten slotte kan het gebeuren dat bij het oplossen van een probleem onbedoeld een nieuw toegankelijkheidsprobleem ontstaat. Dat komt dan bij een volgend onderzoek pas naar voren.
De links in de header bevatten het onleesbare teken "|". Het gaat bijvoorbeeld om de links "Over Rechtwijzer|", "Samenwerkingen|" en "Nieuws|".
In de tekst van links mogen geen symbolen zoals deze verticale lijnen staan. Deze karakters maken het doel van de link onduidelijk.
Dit komt ook voor bij de links in de footer, onder andere bij "Toegankelijkheidsverklaring|", "Privacy|" en "Cookies|".
Oplossing:
Verwijder de niet-leesbare karakters.
SC 1.3.1 Kop is niet gemarkeerd als koptekst
De zoekbalk bovenaan de website laat een lijst met suggesties zien als je begint te typen. In deze suggestielijst staat de tekst "Gevonden resultaten". Deze tekst is niet gemarkeerd als kop, maar als li-element.
Bezoekers die hulpsoftware gebruiken hebben niets aan een (tussen)kop die er wel uitziet als kop, maar niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie springen. Maar dat kan alleen als de kop ook echt in de code staat. Als koppen alleen visueel als kop zijn vormgegeven (bijvoorbeeld vetgedrukt), ontstaat bovendien nog een ander probleem: de structuur van de informatie in de code wijkt dan af van de visuele structuur.
Ook de tekst "Deel deze informatie" in de footer doet dienst als kop, maar is niet zo gemarkeerd.
Oplossing:
Dit voorkom je door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3,h4, h5 of h6. Meestal kun je het kopniveau kiezen via de content-editor in je CMS. De HTML-code voor de kop wordt dan automatisch toegepast.
SC 4.1.2 Zoekveld met suggestielijst heeft niet de juiste rol
Als je in de zoekbalk begint te typen verschijnt een lijst met suggesties. Deze lijst werkt als een keuzelijst (combobox), maar heeft niet deze ARIA-rol.
Oplossing:
Je maakt de zoekbalk als volgt toegankelijk:
role="combobox": voeg dit attribuut toe aan het input-element om aan te geven dat het om een keuzelijst gaat.
aria-expanded="true" / "false": voeg dit attribuut toe aan het invoerveld om de status van de suggestielijst aan te geven. Zet de waarde op "true" als de lijst zichtbaar is, en op "false" als die verborgen is.
SC 2.4.3 Onzichtbaar element krijgt toetsenbordfocus
De toetsenbordfocus komt na de links in de hoofdnavigatie (zoals ‘Uit elkaar’) op onzichtbare interactieve elementen in de header.
Interactieve elementen zoals links, knoppen en formuliervelden die onzichtbaar zijn, mogen nooit toetsenbordfocus krijgen. Als dat wel gebeurt, kan een bezoeker ze onbedoeld activeren.
Oplossing:
Zorg dat alleen elementen die zichtbaar zijn toetsenbordfocus kunnen krijgen en dat de focusvolgorde logisch is.
SC 1.4.11 Contrast van onderstreping is te laag
De link van de huidige pagina heeft in het hoofdmenu een onderstreping waarvan het kleurcontrast onvoldoende is. Dit is bijvoorbeeld te zien op de pagina Wat kan ik doen bij ontslag?. De groene onderstreping (#96C17F`) heeft een contrastverhouding van 2,1:1 tegen de witte achtergrond. Het contrast van grafische elementen zoals onderstrepingen moet minimaal 3,0:1 zijn.
Ook als je de website bekijkt op een klein scherm, is er een probleem met het contrast van de onderstrepingen in het hoofdmenu. Dan heeft de link van de huidige pagina een lichtgroene onderstreping tegen een groene achtergrond (#2E8300). De contrastverhouding is hier 2,3:1.
Oplossing:
Zorg dat de onderstreping van de huidige pagina minimaal een contrast van 3,0:1 heeft met de achtergrond.
SC 1.4.3 Contrast van linktekst is te laag bij hover
Het contrast van de links in de submenu’s van het hoofdmenu is bij hover niet voldoende. Als je met de muis over deze links gaat, heeft de groene kleur van de links (#2E8300) een contrastverhouding van 4,4:1 met de lichtgroene achtergrond (#F0F6ED).
Interactieve elementen moeten in alle toestanden voldoende contrast hebben, dus ook als de muis erover beweegt (hover).
Dit probleem komt vaker voor. Bijvoorbeeld op de pagina’s:
Contact: bij de link “Feedback website Rechtwijzer”;
Zorg dat links een contrast van minimaal 4,5:1 hebben met de achtergrond, ook als de muis eroverheen gaat (hover).
SC 1.4.3 Contrast van linktekst is te laag bij hover
De link "Eerste Hulp bij Oplossingen" in de footer heeft een kleurcontrast van 4,1:1 als je de muis eroverheen beweegt (hover). Dit moet minimaal 4,5:1 zijn.
Interactieve elementen moeten in alle toestanden voldoende contrast hebben, dus ook als de muis erover beweegt (hover).
Oplossing:
Zorg dat links een contrast van minimaal 4,5:1 hebben met de achtergrond, ook als de muis eroverheen gaat (hover).
SC 4.1.2 Dialoogvenster heeft geen toegankelijke naam
Als je de website voor het eerst bezoekt, verschijnt een cookiebanner. Dit dialoogvenster heeft geen toegankelijke naam, waardoor hulpsoftware de betekenis en inhoud ervan niet aan bezoekers kan overbrengen.
Oplossing:
Voeg een aria-label aan het dialoogvenster toe met een duidelijke beschrijving van de inhoud.
SC 4.1.2 Iframe heeft geen toegankelijke naam
Als je de website voor het eerst bezoekt, verschijnt een cookiebanner. Dit dialoogvenster bevat een iframe zonder title-attribuut.
Iframes moeten een goede beschrijving hebben. Die staat meestal in het title-attribuut van het iframe. Er moet in staan welk type inhoud het is (bijvoorbeeld een podcast of video), en waar het inhoudelijk over gaat. Deze beschrijving van de inhoud moet uniek en betekenisvol zijn. Door de beschrijving kunnen bezoekers met hulpsoftware beslissen of het de moeite waard is om de inhoud van het iframe te verkennen.
Oplossing:
Voeg het title-attribuut aan het iframe-element toe, en zet daar een tekst in waaruit blijkt welk type inhoud het iframe bevat, en waar het inhoudelijk over gaat.
SC 4.1.2 Knop heeft geen code die aangeeft dat er een popup opent
Met de knop "Cookievoorkeuren beheren" in de cookiebanner open je een dialoogvenster, maar in de code is niet vastgelegd dat de knop deze functie heeft.
Oplossing:
Voeg het attribuut aria-haspopup="dialog" toe aan de knop. Hierdoor weet hulpsoftware dat je met de knop een dialoogvenster opent.
Met het aria-expanded-attribuut kun je de toestand van het dialoogvenster (open of gesloten) aangeven ("true" of "false”). Let op: dit attribuut werkt alleen als beide acties (openen en sluiten) door dezelfde knop worden uitgevoerd.
SC 1.4.10 Bezoekers die inzoomen tot 400% kunnen niet meer alle tekst lezen
Als je de website bekijkt met een scherm van 1280 bij 1024 pixels en inzoomt tot 400%, valt een deel van de placeholder-tekst "Waar bent u naar op zoek?" in de zoekbalk bovenaan de pagina weg.
Oplossing:
Zorg dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.
SC 2.4.6 Toegankelijke naam van kruimelpad is niet betekenisvol
Het kruimelpad dat op sommige pagina’s staat heeft de toegankelijke naam ‘sitepad’. Deze naam is niet duidelijk genoeg. Dit komt bijvoorbeeld voor op de pagina Zoekresultaten.
Oplossing:
Gebruik een toegankelijke naam die duidelijk beschrijft wat dit onderdeel doet, bijvoorbeeld “kruimelpad navigatie”.
Het keuzevakje ‘Anti-robotverificatie’ onderaan het formulier is een iframe. Dit iframe heeft geen title-attribuut.
Iframes moeten een goede beschrijving hebben. Die staat meestal in het title-attribuut van het iframe. Er moet in staan welk type inhoud het is (bijvoorbeeld een podcast of video), en waar het inhoudelijk over gaat. Deze beschrijving van de inhoud moet uniek en betekenisvol zijn. Door de beschrijving kunnen blinde bezoekers beslissen of het de moeite waard is om de inhoud van het iframe te verkennen.
Oplossing:
Voeg het title-attribuut aan het iframe-element toe, en zet daar een tekst in waaruit blijkt welk type inhoud het iframe bevat, en waar het inhoudelijk over gaat.
SC 2.5.3 Zichtbare tekst van het label staat niet in de toegankelijke naam
Onderaan het formulier staat een keuzevakje met het label ‘Anti-robotverificatie’. De toegankelijke naam van dit element is “Vinkje-icoon. Klik om te verifiëren dat je geen robot bent.”.
Als de zichtbare tekst niet voorkomt in de toegankelijke naam, kan het element niet met spraak worden bediend. De commando’s die de bezoeker uitspreekt door de zichtbare tekst voor te lezen, zullen het element dan niet activeren.
Oplossing:
Zorg dat de zichtbare tekst (het label) in de toegankelijke naam staat, bij voorkeur vooraan.
SC 2.5.3 Eerste optie van keuzelijst doet dienst als label, maar staat niet in toegankelijke naam
In het vakje met de anti-robotverificatie staat een knop met drie horizontale punten, waarmee je een menu opent. In dit menu staat een keuzelijst (select-element), waarvan de zichtbare optie ‘Nederlands’ is. De toegankelijke naam van het element is ‘Taal’, maar deze naam is niet zichtbaar. De optie ‘Nederlands’ doet dus dienst als het label voor deze keuzelijst.
Dit label verdwijnt echter als de bezoeker een andere optie selecteert. Hierdoor kunnen bezoekers die gebruikmaken van spraaksoftware het element niet bedienen. Zij spreken een commando uit door de zichtbare tekst voor te lezen. Het label moet daarom permanent zichtbaar zijn, én terugkomen in de toegankelijke naam van het element. Want als de zichtbare tekst niet voorkomt in de toegankelijke naam die in de code staat, werkt het commando niet.
Oplossing:
Zorg dat de toegankelijke naam de zichtbare tekst bevat, en zet deze tekst het liefst vooraan in de naam. De toegankelijke naam mag ook precies hetzelfde zijn als de zichtbare tekst.
SC 1.4.11 Kleurcontrast van informatieve iconen is niet voldoende
In het vakje met de anti-robotverificatie staat een knop met drie horizontale punten, waarmee je een menu opent. Het grijze "X"-icoon (#AAAAAA) heeft een contrastverhouding van 2,2:1 met de lichtgrijze achtergrond (#FAFAFA). Voor dit soort grafische elementen die informatie overbrengen is een contrastverhouding van minimaal 3,0:1 verplicht.
Oplossing:
Zorg dat het icoon voldoende contrast heeft.
SC 1.4.3 Kleurcontrast van tekst is te laag (tekst kleiner dan 19px)
In het vakje met de anti-robot verificatie staat de grijze tekst "Friendly Captcha" (#777777) op een lichtgrijze achtergrond (#FAFAFA). De contrastverhouding is te laag: 4,3:1.
Oplossing:
Deze tekst is kleiner dan 19px, daarom moet het contrast met de achtergrondkleur minimaal 4,5:1 zijn.
SC 1.4.10 Bezoekers die inzoomen tot 400% kunnen niet meer alle functies gebruiken
Als je deze pagina bekijkt op een scherm van 1280 bij 1024 pixels en inzoomt tot 400%, is de knop met drie horizontale punten niet zichtbaar en dus niet bruikbaar. Ook valt een deel van de tekst "Friendly Captcha" weg.
Oplossing:
Zorg dat alles nog werkt als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.
SC 3.1.2 Taalwisseling ontbreekt op anderstalige content
In het vakje van de anti-robotverificatie staat een tekst in een andere taal zonder taalcode. Het gaat om de link "Friendly Captcha".
Deze tekst wordt nu voorgelezen volgens de uitspraakregels van de primaire taal van de pagina. Die is ingesteld in het lang-attribuut op het html-element, in dit geval op “nl”. Je wilt echter dat de schermlezer bij deze tekst naar de taal van deze zin overschakelt. Dat bereik je door deze anderstalige inhoud een lokaal lang-attribuut te geven met de juiste waarde.
Oplossing:
Voeg een lang-attribuut met de juiste taalcode toe aan het html-element dat de tekst in een andere taal bevat. Als de tekst bijvoorbeeld in het Engels is, voeg je lang="en" toe aan het element.
SC 1.4.3 Contrast van linktekst is te laag bij hover
De kleur van de tekst van de link "rechtwijzer@rvr.org" verandert als je met de muis over deze link beweegt. Het contrast tussen de groene tekst ( #2E8300) en de blauwe achtergrond (#F1F3F6) is 4,3:1.
Eerste Hulp bij Oplossingen: bij de links "Raad voor Rechtsbijstand" en "MIND Korrelatie" en de knop onder de video met de tekst "Tekst video Rechtwijzer EHBO (transcript)";
Zorg dat links een contrast van minimaal 4,5:1 hebben met de achtergrond, ook als de muis eroverheen gaat (hover).
SC 1.4.3 Kleurcontrast van tekst is te laag (tekst kleiner dan 19px)
Als het formulier op deze pagina succesvol is verzonden, verschijnt de tekst "Verzonden". Deze tekst is groen (#438F1A) op een witte achtergrond. De contrastverhouding tussen deze kleuren is te laag: 4,1:1.
SC 1.1.1 Alternatieve tekst van logo komt niet overeen met de zichtbare tekst
Het logo op deze pagina bevat de tekst "Uitelkaar.nl", maar de alt-tekst is "Uit elkaar - zijbalk".
In het tekstalternatief staat dus niet alle tekst die in het logo te zien is. Dit moet wel, zodat bezoekers die het logo niet kunnen zien precies weten wat er staat. Afbeeldingen die informatie overdragen moeten altijd een betekenisvolle alternatieve tekst hebben.
Oplossing:
Verander de alt-tekst zodat de volledige tekst van het logo erin staat: “Uitelkaar.nl”.
SC 2.4.6 Iframe heeft geen betekenisvolle beschrijving
Op deze pagina staat een iframe onder de kop "Scheiding en alimentatie? Monique vertelt haar verhaal". De titel van dit iframe is "rvr.bbvms". Deze titel beschrijft de inhoud niet.
Oplossing:
Verander de tekst van het title-attribuut van het iframe zodat duidelijk is welk type inhoud het bevat, en waar het inhoudelijk over gaat.
SC 1.2.3 Video bevat tekst of logo’s waarvoor geen alternatief is
Op deze pagina staat een video onder de titel "Scheiding en alimentatie? Monique vertelt haar verhaal". In de video komen op verschillende momenten teksten en logo's voor, bijvoorbeeld aan het begin en het einde. Voor deze visuele elementen is geen alternatief. Bezoekers die blind of slechtziend zijn, missen hierdoor informatie.
Oplossing:
Je kunt het beste een audiobeschrijving toevoegen die de visuele elementen in de video beschrijft, zoals namen, functies, logo’s en teksten. Een andere oplossing is het toevoegen van een geschreven tekst (een media-alternatief). Maar om ook te voldoen aan succescriterium 1.2.5 moet je sowieso een audiobeschrijving toevoegen.
SC 1.2.5 De video heeft geen audiobeschrijving, terwijl daar wel ruimte voor is
Op deze pagina staat een video onder de titel "Scheiding en alimentatie? Monique vertelt haar verhaal". Deze video op deze pagina voldoet niet aan succescriterium 1.2.5, dat audiobeschrijving of een media-alternatief voor video's vereist. Voor deze specifieke video is audiobeschrijving (niveau AA) verplicht, omdat er voldoende ruimte is binnen het bestaande audiospoor om dit toe te voegen.
Oplossing:
Voeg een audiobeschrijving toe aan de video. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien.
SC 3.1.2 Het lang-attribuut ontbreekt
Op deze pagina staat een iframe met een videospeler. Bij deze videospeler ontbreekt het lang-attribuut op het html-element.
Als dit attribuut niet aanwezig is, kan voorleessoftware de content niet in de correcte taal voorlezen. De software weet dan niet wat de primaire taal van de content is.
Oplossing:
Zorg dat het lang-attribuut aanwezig is op het html-element, en dat dit attribuut de taalcode bevat van de taal van de content, bijvoorbeeld lang=”nl” voor Nederlands.
SC 1.1.1 Logo heeft meer tekst dan het tekstalternatief
In het logo in de videospeler staat de tekst "Rechtwijzer", maar de alt-tekst is alleen "logo".
In het tekstalternatief staat dus niet alle tekst die in het logo te zien is. Dit moet wel. Zo weten bezoekers die het plaatje niet kunnen zien, ook precies wat er staat.
Oplossing:
Verander de alt-tekst zodat de volledige tekst van het logo erin staat, plus het woord 'logo'.
SC 2.4.4 Logo is een link, maar bestemming is onbekend
Het logo in de videospeler is ook een link. Maar er is geen beschrijvende tekst die de bestemming van de link weergeeft.
Hierdoor is het voor bezoekers die hulpsoftware gebruiken lastig om te bepalen naar welke pagina of inhoud de link leidt.
Oplossing:
Pas een van deze opties toe om de link meer context te geven:
alt-tekst: Verander de alt-tekst zodat de volledige tekst van het logo erin staat, plus het woord 'logo'.
aria-label: Voeg een aria-label-attribuut toe aan het a-element met een beknopte beschrijving van de bestemming.
Visueel verborgen tekst: voeg beschrijvende tekst toe binnen het a-element en verberg deze visueel met CSS, terwijl je de tekst toegankelijk houdt voor schermlezers.
SC 2.5.3 Zichtbare linktekst komt niet terug in toegankelijke naam
De zichtbare tekst van het logo in de videospeler ("Rechtwijzer") is niet opgenomen in de toegankelijke naam ("logo").
Als de zichtbare tekst van een link niet voorkomt in de toegankelijke naam, kan de link niet met spraakbediening worden bediend. De commando’s die de bezoeker uitspreekt door de tekst van de link voor te lezen, zullen de link dan niet activeren.
Oplossing:
Voeg de zichtbare tekst toe aan de toegankelijke naam, bij voorkeur vooraan.
SC 2.1.1 Menu van de videospeler is niet te openen met het toetsenbord
De videospeler op deze pagina bevat een menu dat alleen kan worden geopend door met de rechtermuisknop te klikken. Het menu kan niet met het toetsenbord worden bediend.
Oplossing:
Zorg dat het menu met het toetsenbord kan worden geopend en gebruikt, en dat de informatie in dit menu toegankelijk is voor alle bezoekers.
SC 1.4.11 Voortgangsbalk in de videospeler heeft onvoldoende contrast tegen de achtergrond
De videospeler op deze pagina heeft een voortgangsbalk. De groene balk (#2E8300) heeft niet genoeg contrast met de achtergrond. Op sommige punten is het contrast maar 1,6:1.
Oplossing:
Zorg dat het contrast tussen informatieve grafische elementen minimaal 3,0:1 is.
Op deze pagina staat een iframe met de onduidelijke toegankelijke naam "youtube".
Iframes moeten een goede beschrijving hebben. Die zet je meestal in het title-attribuut van het iframe. Er moet in staan welk type inhoud het is (bijvoorbeeld een podcast of video), en waar het inhoudelijk over gaat. Deze beschrijving van de inhoud moet uniek en betekenisvol zijn. Door de beschrijving kunnen bezoekers met hulpsoftware beslissen of het de moeite waard is om de inhoud van het iframe te verkennen.
Oplossing:
Verander de tekst van het title-attribuut van de iframes zodat duidelijk is welk type inhoud elk iframe bevat, en waar het inhoudelijk over gaat.
SC 1.4.3 Kleurcontrast van tekst is niet voldoende bij toetsenbordfocus en/of als de muiscursor erover beweegt
Als je de knop "Tekst video Rechtwijzer EHBO (transcript)" aanklikt, verandert de kleur van de tekst. De contrastverhouding tussen de groene tekst (#2e8300 ) en de grijze achtergrond (#f1f3f6) is 4,3:1. Ook de kleur van de link "Raad voor Rechtsbijstand" verandert bij aanklikken in groen (#2e8300), waardoor de contrastverhouding met de grijze achtergrond 4,3:1 wordt.
Teksten van interactieve elementen zoals links en knoppen moeten in alle toestanden voldoende contrast hebben, dus ook bij toetsenbordfocus en als de muis erover beweegt (hover).
Oplossing:
Zorg dat de teksten een contrast van minimaal 4,5:1 hebben met de achtergrond, ook bij toetsenbordfocus en als de muis eroverheen gaat (hover).
De titel "Wat kan ik doen bij ontslag? - Rechtwijzer", is geen goede beschrijving van de inhoud van deze pagina. De pagina gaat over allerlei problemen op het werk, en niet alleen over ontslag.
In het title-element van elke pagina moet een tekst staan die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Hierdoor begrijpen bezoekers beter waar de pagina over gaat. Deze tekst wordt bovendien getoond in de tab van de browser. Met een duidelijke beschrijving kunnen bezoekers makkelijker navigeren tussen verschillende pagina’s.
Oplossing:
Zet een tekst in het title-element van de pagina die de inhoud van de pagina beschrijft.
SC 1.3.1 Relatie tussen links in een groep is niet in HTML vastgelegd
Onder het kopje "Problemen op uw werk?" staan links die visueel bij elkaar horen. Deze relatie is niet in de code vastgelegd. Het gaat om de links "Problemen op het werk", "Rechten en plichten", "Ontslag nemen en krijgen", enzovoorts.
Als het voor een ziende bezoeker duidelijk is dat een groep links bij elkaar hoort, dan moet die structuur ook in de HTML-code aanwezig zijn.
Oplossing:
Neem de elementen op in een ul- of nav-element.
SC 1.4.3 Kleurcontrast van tekst is niet voldoende bij toetsenbordfocus en/of als de muiscursor eroverheen beweegt
De tekst van de link "Tool: Heb ik een advocaat nodig?" verandert als je de link aanklikt. De groene tekst (#2e8300) heeft een contrastverhouding van 4,4:1 met de lichtgroene achtergrond (#f0f6ed).
Teksten van informatieve elementen zoals links en knoppen moeten altijd voldoende contrast hebben, ook bij toetsenbordfocus of als de bezoeker met de muiscursor over het element beweegt (hover).
Oplossing:
Zorg dat de teksten een contrast van minimaal 4,5:1 hebben met de achtergrond, ook bij toetsenbordfocus en als de muis eroverheen gaat (hover).
SC 2.4.6 Er staat een iframe waarbij de beschrijving in het title-attribuut betekenisvol is
Het iframe op deze pagina heeft de titel "youtube". Deze titel beschrijft de inhoud van het iframe niet voldoende.
Oplossing:
Verander de tekst van het title-attribuut van het iframe zodat duidelijk is welk type inhoud het iframe bevat (bijvoorbeeld video), en waar het inhoudelijk over gaat.
SC 1.2.2 De automatisch gegenereerde ondertiteling heeft fouten
Op deze pagina staat een video met een voice-over. De video is ondertiteld, maar de automatisch gegenereerde ondertiteling bevat fouten en klopt niet overal.
Oplossing:
Zorg dat de ondertiteling van hoge kwaliteit is en exact weergeeft wat wordt gezegd in de video.
SC 1.2.3 Video bevat tekst of logo’s waarvoor geen alternatief is
Op deze pagina staat een video onder het kopje "Meer informatie". Op verschillende momenten worden er teksten en logo's getoond (bijvoorbeeld rond 0:23, 0:40, 1:20, 1:50, 2:05, 2:09) waarvoor geen alternatief is. Bezoekers die blind of slechtziend zijn, missen hierdoor informatie.
Oplossing:
Je kunt het beste een audiobeschrijving toevoegen die de visuele elementen in de video beschrijft, zoals namen, functies, logo’s en teksten. Een andere oplossing is het toevoegen van een geschreven tekst (een media-alternatief). Maar om ook te voldoen aan succescriterium 1.2.5 moet je sowieso een audiobeschrijving toevoegen.
SC 1.2.5 De video heeft geen audiobeschrijving, terwijl daar wel ruimte voor is
Op deze pagina staat een video onder het kopje "Meer informatie". Deze video voldoet niet aan succescriterium 1.2.5, dat een audiobeschrijving of een media-alternatief voor video's vereist. Voor deze specifieke video is audiobeschrijving (niveau AA) verplicht, omdat er voldoende ruimte is binnen het bestaande audiospoor.
Oplossing:
Voeg een audiobeschrijving toe aan de video. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien.
Vakantiegeld, eindejaarsuitkering, bonus en provisie tijdens de minnelijke schuldregeling
De problemen op deze pagina zijn vergelijkbaar met of identiek aan de problemen op andere pagina's.
PDF hardheidsclausule-231201.pdf
Link naar pagina: https://rechtwijzer.nl/schulden/wsnp/wsnp-aanvragen/toelatingsvoorwaarden-wsnp/
Link naar PDF: hardheidsclausule-231201.pdf
SC 2.4.2 Pdf-document heeft geen titel
In de bestandseigenschappen van dit pdf-document is geen titel ingesteld.
Zelfs als er een titel op de eerste pagina staat, moet je in de pdf-instellingen ook een documenttitel instellen. Als je een pdf opent in een pdf-lezer (zoals Adobe Acrobat of een browser), zie je de bestandsnaam meestal bovenaan in de titelbalk, bijvoorbeeld document123.pdf. Maar als je een documenttitel in de pdf-metadata instelt, dan wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is.
Los het op in Adobe Acrobat:
Open het pdf-document in Adobe Acrobat.
Ga naar Bestand > Eigenschappen.
Ga naar het tabblad Beschrijving.
Vul in het veld Titel een beschrijvende titel in, bijvoorbeeld: "Rapport: Bevolkingscijfers 2023".
Klik op OK en sla het bestand op.
SC 1.1.1 Decoratieve afbeeldingen zijn toegevoegd met Figure-tags
In dit pdf-document zijn afbeeldingen aanwezig die via een Figure-tag zijn toegevoegd maar geen beschrijving hebben. Het gaat bijvoorbeeld om de afbeelding van een hart met een hand aan de bovenkant, de afbeelding van een hand die wijst naar het blok "Wanneer beroep doen op HHC" en de afbeelding van een rechter die een voorzittershamer vasthoudt.
De Figure-tag is alleen bedoeld voor informatieve afbeeldingen en heeft altijd een beschrijving nodig.
Oplossing:
Markeer deze afbeeldingen als artefact, zodat ze worden verborgen voor hulpsoftware. Voeg alleen een beschrijving toe aan deze afbeeldingen als ze informatief zijn.
SC 1.1.1 Informatieve afbeeldingen hebben geen alt-tekst
Dit pdf-document bevat informatieve afbeeldingen zonder tekstalternatieven (alt-tekst). Het gaat bijvoorbeeld om de logo's onderaan met de tekst "nvvk financiële hulpverleners" en "Raad voor Rechtsbijstand Bureau Wsnp", en de afbeelding van een persoon met een tekstballon in het blok "Wanneer beroep doen op HHC".
Afbeeldingen die met de Figure-tag zijn geplaatst, moeten altijd een beschrijving (alt-tekst) hebben. De Figure-tag is alleen bedoeld voor informatieve afbeeldingen. Schermlezers lezen de alt-tekst voor, zodat blinde bezoekers ook alle informatie tot zich kunnen nemen. Omdat de alt-tekst nu ontbreekt, lezen schermlezers alleen “afbeelding” voor. Blinde bezoekers kunnen hierdoor het gevoel krijgen dat ze inhoud missen.
Oplossing:
Voeg alt-teksten toe aan deze informatieve afbeeldingen.
SC 1.3.1 Koppen zijn niet als kop gemarkeerd
In dit pdf-document staan meerdere koppen die niet als kop zijn gemarkeerd. Bijvoorbeeld "HARDHEIDSCLAUSULE (HHC) geen goede trouw, tóch Wsnp", "Hardheidsclausule" en "VOORBEELDEN".
Hierdoor verschilt de visuele informatiestructuur van de structuur van het document in de tags.
Oplossing:
Vervang de P-tag door de H-tag, zodat de tag-structuur gelijk is aan de visuele structuur.
SC 1.3.1 Meerdere alinea’s staan in één P-tag
In dit pdf-document staat onder de tekst "Hardheidsclausule" één alinea die begint met "Als de schuldenaar de omstandigheden ...". In de tags is deze alinea gemarkeerd met meerdere P-tags. Dit komt ook voor bij paragrafen in andere blokken, bijvoorbeeld onder de kopjes "Wanneer beroep doen op HHC" en "Wel toegelaten".
De visuele structuur moet weerspiegeld worden in de tags. Als tekst visueel uit een aantal alinea's bestaat, moet hetzelfde aantal P-tags aanwezig zijn in de tags.
Oplossing:
Zorg dat elke alinea in een P-tag staat.
SC 1.3.1 Lijst is niet als lijst gemarkeerd
In het blok onder "Hoe aanvragen?" staat een lijst met 3 items, waarvan het derde item een sublijst bevat. De sublijst is onjuist gemarkeerd met P-tags in plaats van met de juiste lijststructuur.
Inhoud die eruitziet als een lijst, moet ook in de tags zo zijn gemarkeerd. Zo krijgen blinde bezoekers dezelfde informatiestructuur door als ziende bezoekers. Een ander voordeel van het markeren van een lijst is dat schermlezers het aantal items dan aankondigen voordat ze gaan voorlezen.
Oplossing:
Markeer de sublijst met aparte L- en Li-tags.
SC 1.3.2 Leesvolgorde van de tags is niet logisch
In dit pdf-document is de leesvolgorde niet logisch. In tags is de leesvolgorde als volgt: de tekst "VOORBEELDEN" wordt gevolgd door alle gegevens uit het blok "Wanneer beroep doen op HHC". Daarna komt de eerste alinea uit het blok "Wel toegelaten" en deze wordt gevolgd door de tekst "Gelukkig al een jaar van mijn verslaving af!" uit het blok "Wanneer beroep doen op HHC". Dan komt de tweede alinea uit het blok "Wel toegelaten" en die wordt gevolgd door het blok "Zelf om toepassing van HHC vragen". Dan komt het blok "De rechtbank bepaalt" en vervolgens de derde alinea uit het blok "Wel toegelaten".
Schermlezers lezen een pdf-document voor in de volgorde van de tags die in de codelaag staan. Is de volgorde van de codelaag niet logisch? Dan is de leesvolgorde dat ook niet. En dan wordt het voor een blinde bezoeker moeilijk om de inhoud van het document te begrijpen.
Oplossing:
Zorg dat de volgorde van de tags logisch is.
SC 1.4.3 Kleurcontrast van grote tekst is te laag
In dit pdf-document staat de witte tekst "VOORBEELDEN" op een lichtblauwe achtergrond (#95B5DE). De contrastverhouding is hier te laag: 2,1:1. Ook staat de groene tekst "Wel toegelaten" (#71BF44) op een lichtgroene achtergrond (#C5E0AE). De contrastverhouding is 1,6:1.
Oplossing:
Zorg dat het contrast van grote teksten minimaal 3,0:1 is.
In de bestandseigenschappen van dit pdf-document is geen titel ingesteld.
Los het op in Adobe Acrobat:
Open het pdf-document in Adobe Acrobat.
Ga naar Bestand > Eigenschappen.
Ga naar het tabblad Beschrijving.
Vul in het veld Titel een beschrijvende titel in, bijvoorbeeld: "Rapport: Bevolkingscijfers 2023".
Klik op OK en sla het bestand op.
SC 3.1.1 De taal is niet ingesteld in de metadata
In de metadata van deze pdf is de taal niet ingesteld.
Het is belangrijk om de taal in te stellen. Dan kan hulpsoftware de informatie uit het bestand met de juiste uitspraakregels voorlezen.
Los het op in Adobe Acrobat:
Open het pdf-document in Adobe Acrobat.
Ga naar Bestand > Eigenschappen.
Ga naar het tabblad Geavanceerd.
Selecteer in het veld Taal de juiste taal voor het document, bijvoorbeeld Nederlands (Dutch).
Klik op OK en sla het bestand op.
SC 1.3.1 Structuur van pdf-document is niet in codes vastgelegd
In dit pdf-document ontbreken codes, waardoor de inhoud niet toegankelijk is voor hulpsoftware.
Bovendien kunnen wij de pdf hierdoor niet volledig onderzoeken. Het gaat om alle succescriteria die met de pdf-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als je dit oplost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen.
Oplossing:
Voeg codes toe aan het document die de structuur van het document weergeven.
SC 1.4.3 Kleurcontrast van kleine tekst is te laag
In dit pdf-document staat blauwe tekst (#0083CA) op een witte achtergrond. Het gaat bijvoorbeeld om de teksten "Achtergrond", "Uitwerking" en "Voorbeeld 1a Rob - 1x vakantiegeld tijdens Wsnp, geen eerdere ingangsdatum". De contrastverhouding is te laag: 4,1:1.
De problemen met de "Friendly Captcha" op deze pagina zijn gelijk aan de problemen die we hebben beschreven voor de Contactpagina.
Ook komen er op deze pagina problemen voor met kleurcontrasten die hetzelfde zijn als de problemen die we al eerder hebben beschreven, of er erg op lijken.
SC 1.1.1 PDF-icoon bij link heeft geen tekstalternatief
De link "onderzoeksrapport" onder het kopje "Rechtwijzer.nl (website voor burgers die informatie zoeken en/of hun probleem zelf kunnen en willen oplossen)" bevat een pdf-icoon dat geen tekstalternatief heeft.
Hierdoor weten bezoekers met hulpsoftware niet dat dit een pdf-document is. Dit is belangrijke informatie die als tekst aanwezig moet zijn, zodat bijvoorbeeld een schermlezer het kan voorlezen.
Oplossing:
Voeg de informatie dat het om een pdf-document gaat toe als visueel verborgen tekst die wel toegankelijk is voor hulpsoftware zoals schermlezers.
Voldoet of niet van toepassing: 35
Voldoet niet: 19
