Openbare voorzieningen moeten bruikbaar en toegankelijk zijn voor alle burgers. Net zoals een gebouw rolstoeltoegankelijk moet zijn, moet een website of mobiele app ook bediend kunnen worden door mensen met een beperking. Dit kunnen bijvoorbeeld visuele, auditieve of motorische beperkingen zijn. Denk aan slechtzienden, doven en slechthorenden en mensen die hun handen niet of in beperkte mate kunnen gebruiken. Ook cognitieve factoren spelen een rol: is de content voor iedereen te begrijpen?
De Web Content Accessibility Guidelines (WCAG) versie 2.1 AA is het verplichte niveau onder de Europese standaard EN 301 549 en de European Accessibility Act. Deze criteria variëren van technisch functionele eisen zoals een goede werking met het toetsenbord tot aan meer inhoudelijke eisen zoals duidelijke foutmeldingen en een heldere navigatiestructuur.
Dit onderzoek is handmatig uitgevoerd volgens de WCAG-EM evaluatiemethode met ondersteuning van automatische test tools. De pagina’s uit de sample zijn onderzocht op alle voor dit onderzoek relevante WCAG criteria. Wanneer aan een criterium niet wordt voldaan, wordt hiervan minimaal één voorbeeld gegeven. Deze bevindingen kunnen op meer plekken voorkomen en moeten daarom structureel worden aangepakt.
De WCAG criteria zijn ingedeeld volgens vier principes, welke ook de leidraad vormen voor dit rapport: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Gedetailleerde informatie over deze criteria is te vinden op de website van het W3C (Nederlandse vertaling).
Over deze evaluatie
Rapport auteur
Janita Top
Evaluatie opdrachtgever
CJIB
Evaluatiedatum
12 januari 2026
Managementsamenvatting
Uit dit onderzoek blijkt dat wordt voldaan aan 36 van de 55 criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk.
Positief is bijvoorbeeld dat er geen bewegende onderdelen worden gebruikt die niet gepauzeerd kunnen worden, dat er geen afbeeldingen van tekst worden gebruikt en dat de taal van de pagina’s goed is ingesteld.
Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:
Onjuiste of missende alt-teksten bij afbeeldingen
Onjuiste koppenstructuur
De focusvolgorde is niet overal logisch
Niet alle functionaliteit werkt met het toetsenbord
Scope van de evaluatie
Website naam
mijnslachtofferzaak.nl
Scope van de website
Alle pagina's op https://mijnslachtofferzaak.nl/.
Alle pagina's achter inlog met DigiD op de acceptatieopmgeving op https://ingelogd.acc.mijnslachtofferzaak.nl/
WCAG Versie
2.2
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 55 van 55 WCAG 2.2 AA
Success Criteria.
26Voldoende
19Onvoldoende
10Niet van toepassing
0Niet getoetst
Alle resultaten
1 Waarneembaar
1.1 Tekstalternatieven
Success Criterium
Uitkomst
Bevindingen
1.1.1: Niet-tekstuele content
Hele sample
Uitkomst: Onvoldoende
Homepage
Uitkomst: Onvoldoende
Veelgestelde vragen
Uitkomst: Onvoldoende
Gebeurtenis detailpagina
Uitkomst: Onvoldoende
Homepage
Onder de tekst ‘MijnSlachtofferzaak is een samenwerking tussen:‘ staat een rij met logo’s. De alt-teksten van deze logo’s bevatten enkel de afkortingen van de organisaties, zoals SGM en SHN, wat mogelijk niet voor iedereen voldoende duidelijk is. Geef in de alt-tekst dezelfde tekst als de zichtbare tekst, dus ‘Schadefonds GeweldsMisdrijven’ i.p.v. ‘SGM.’ Dit komt ook voor op de startpagina wanneer je bent ingelogd.
Veelgestelde vragen
Onder de vraag ‘Hoe kan ik inloggen met DigiD?’ staat een video screenshot. Deze afbeelding heeft geen alternatieve tekst. Hierdoor is het voor een screenreadergebruiker niet duidelijk waarvan hier een video wordt getoond. Zet bijvoorbeeld een korte beschrijving hiervan boven de video.
Gebeurtenis detailpagina
De afbeeldingen van de logo’s voor de berichten hebben geen alt-attribuut. Screenreader gebruikers weten niet wat voor afbeelding dit is, en krijgen mogelijk de bestandsnaam voorgelezen. Voeg hier een alt-tekst toe met naam van de betreffende organisatie. Opmerking: Behalve het logo is het hier verder ook niet duidelijk aan de kop van het bericht wie de afzender is. Ook voor ziende gebruikers zou het duidelijker zijn deze organisatie ook in tekst toe te voegen.
1.2 Op tijd gebaseerde media
Success Criterium
Uitkomst
Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Hele sample
Uitkomst: Niet van toepassing
1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Hele sample
Uitkomst: Onvoldoende
Mijn overzicht
Uitkomst: Onvoldoende
Mijn overzicht
De video ‘video over MijnSlachtofferzaak’ heeft geen ondertiteling. Dit probleem is er ook bij de video’s op de pagina Toelichting.
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample
Uitkomst: Onvoldoende
Homepage
Uitkomst: Onvoldoende
Toelichting
Uitkomst: Onvoldoende
Homepage
Aan het eind van de video ‘video over MijnSlachtofferzaak’ komt informatie in beeld die niet wordt uitgesproken. Mensen die deze teksten niet kunnen zien, krijgen deze informatie niet mee. Behalve audiodescriptie kan deze informatie ook via een alternatief worden aangeboden, zoals een uitgeschreven tekst onder de video.
Toelichting
Binnen de video over het strafproces komt op meerdere plekken informatie in beeld die niet wordt uitgesproken, zoals een telefoonnummer van Slachtofferhulp. Mensen die deze teksten niet kunnen zien, krijgen deze informatie niet mee. Behalve audiodescriptie kan deze informatie ook via een alternatief worden aangeboden, zoals een uitgeschreven tekst onder de video.
1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample
Uitkomst: Niet van toepassing
1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample
Uitkomst: Onvoldoende
Toelichting
Uitkomst: Onvoldoende
Toelichting
Binnen de video over het strafproces komt op meerdere plekken informatie in beeld die niet wordt uitgesproken. Onder dit niveau AA kan niet worden volstaan met een alternatief, maar is audiodescriptie vereist.
1.3 Aanpasbaar
Success Criterium
Uitkomst
Bevindingen
1.3.1: Info en relaties
Hele sample
Uitkomst: Onvoldoende
Over MijnSlachtofferzaak
Uitkomst: Onvoldoende
Mijn overzicht
Uitkomst: Onvoldoende
Gebeurtenis detailpagina
Uitkomst: Onvoldoende
Schadeoverzicht
Uitkomst: Onvoldoende
Toelichting
Uitkomst: Onvoldoende
Over MijnSlachtofferzaak
De eerste paragraaf is opgemaakt met het strong-element. Dat is hier niet voor bedoeld, maar voor het uitlichten van enkele woorden die extra aandacht behoeven. Screenreaders kunnen deze teksten op een andere manier voorlezen. Gebruik CSS om deze paragraaf anders te stylen.
Mijn overzicht
De lijst met berichten is niet correct opgemaakt. Hierdoor kan hulpsoftware de lijst mogelijk niet goed voorlezen. Een correct opgemaakte lijst bevat een ul-element met direct daaronder enkel li-elementen.
De pagina heeft geen logische koppenstructuur. De kop ‘Lopende zaken’ heeft h3-niveau, en het kopje eronder met ‘Auto-inbraak’ ook. ‘Lopende zaken’ hoort een hoger kopniveau te hebben, hier dus h2. ‘Feedback’ heeft een kop op h1-niveau, die ook beschikbaar is voor hulpsoftware wanneer de popup gesloten is. Dit is verwarrend, want als je naar de kop toe navigeert (door de kop te selecteren in de koppenlijst van de screenreader), dan volgt er verder geen content. Zorg dat deze kop alleen beschikbaar is wanneer de popup is geopend.
Gebeurtenis detailpagina
Binnen de berichten in de tijdlijn zijn teksten als kop opgemaakt welke verder geen content bevatten. Het gaat om de datum (h3) en het parketnummer (h4). De kopopmaak kan hier beter worden weggehaald. Zie screenshot 2. Ook zijn hier meerdere h1-koppen en wordt het h2-niveau overgeslagen. Beter is het op alleen de titel van de gebeurtenis h1-niveau te geven en ‘Schadevergoeding’ en ‘Berichten’ h2-niveau, omdat deze onder deze gebeurtenis vallen. De kop ‘Uw schadevergoeding’ is niet als kop opgemaakt.
Schadeoverzicht
De invoervelden onder ‘‘Overzicht door u ontvangen betalingen’ hebben geen label. Er staat een placeholdertekst, maar een placeholder is niet altijd beschikbaar en wordt niet altijd voorgelezen door screenreaders. Voeg een label-element of aria-label toe. Voor hulpsoftware is een label altijd vereist. Voor ziende gebruikers kan het ook beter zijn een duidelijk tekstlabel te tonen dat altijd blijft staan.
De koppen ‘Uw schadevergoeding’ en ‘Overzicht door u ontvangen betalingen‘ zijn niet als kop opgemaakt. Dit geldt ook voor de kopjes eronder met ‘Voortgang’ en ‘Berekening’. Dit probleem komt op meerdere plekken voor, bijvoorbeeld bij de blokken op de pagina Incidenten met de kopjes ‘Wat is er gebeurd?’ en ‘Schadevergoeding’ en op de pagina Berichten bij de kopjes bij de filters (‘Filter’, ‘Afzender’ en ‘Gebeurtenis’).
Toelichting
De kopjes binnen het submenu, ‘Algemeen’, ‘Organisaties’ en ‘Uitleg bij het proces’ staan niet als kop opgemaakt.
1.3.2: Betekenisvolle volgorde
Hele sample
Uitkomst: Voldoende
1.3.3: Zintuiglijke eigenschappen
Hele sample
Uitkomst: Voldoende
1.3.4: Weergavestand
Hele sample
Uitkomst: Voldoende
1.3.5: Identificeer het doel van de input
Hele sample
Uitkomst: Voldoende
1.4 Onderscheidbaar
Success Criterium
Uitkomst
Bevindingen
1.4.1: Gebruik van kleur
Hele sample
Uitkomst: Onvoldoende
Mijn overzicht
Uitkomst: Onvoldoende
Mijn overzicht
Bij het inloggen via DIgiD worden de links in de tekst alleen met een verschil in kleur aangegeven (blauw i.p.v. zwart). Slechtzienden en kleurenblinden kunnen missen dat hier een link staat. Voeg bijvoorbeeld onderstreping toe om dit duidelijker te maken. Zie screenshot 6.
De focus op de link naar de gebeurtenis (het blok met Auto-inbraak) wordt alleen aangegeven met een verschil in kleur (van roze naar blauw, in Chrome). Voeg voor bezoekers die deze kleuren niet kunnen onderscheiden een andere manier toe om duidelijk te maken dat de link focus heeft, bijvoorbeeld door de rand op focus duidelijk dikker te maken. Dit komt op veel plekken voor, zoals bij de uitklapbare berichten (op de pagina Gebeurtenis detailpagina) en bij de knoppen die naar organisatiepagina's gaan, zoals op Mijn overzicht de knop naar Slachtofferhulp Nederland. Hier gaat de rand van zwart naar blauw. (NB: Het zou logischer zijn om hier links van te maken in plaats van buttons, omdat je ermee naar een andere pagina gaat.)
1.4.2: Geluidsbediening
Hele sample
Uitkomst: Niet van toepassing
1.4.3: Contrast (minimum)
Hele sample
Uitkomst: Onvoldoende
Homepage
Uitkomst: Onvoldoende
Schadeoverzicht
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Tekst moet een contrast hebben van minimaal 4,5:1 voor slechtzienden en kleurenblinden. Dat geldt ook voor actieve elementen zoals op hover en focus. Onderstaande elementen op de website zitten qua contrast onder deze waarden.
Homepage
De knop met de tekst ‘inloggen met DigiD’ (wit/oranje, 3.22:1).
Schadeoverzicht
De tekst dat er geen resultaten gevonden konden worden (donkergrijs/lichtgrijs, 4.3:1). Zie screenshot 3.
1.4.4: Herschalen van tekst
Hele sample
Uitkomst: Voldoende
1.4.5: Afbeeldingen van tekst
Hele sample
Uitkomst: Voldoende
1.4.10: Reflow
Hele sample
Uitkomst: Onvoldoende
Schadeoverzicht
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Maak de layout zodanig responsive dat alle content en functionaliteit bij inzoomen tot 400% (vergelijkbaar met 320 px breed) goed bruikbaar blijft, en er niet in twee richtingen gescrold hoeft te worden. Op onderstaande plekken op de site is dit niet het geval. (Getest op 1280px breed.)
Schadeoverzicht
Op 400% zoom zijn de filters lastig te gebruiken doordat de labels en invoer niet meer goed leesbaar zijn. Zie screenshot 5.
1.4.11: Contrast van niet-tekstuele content
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Vanaf 150% ingezoomd komt het menu achter een knop te staan. De inloggen link is dan alleen zichtbaar via een icoon. De focus op dit icoon is een lichtroze rand met een contrast van 1.6:1. Zie screenshot 1. Zorg voor een focusstijl met voldoende contrast. Grafische elementen moeten een contrast hebben van minimaal 3:1.
1.4.12: Tekstafstand
Hele sample
Uitkomst: Voldoende
1.4.13: Content bij hover of focus
Hele sample
Uitkomst: Niet van toepassing
2 Bedienbaar
2.1 Toetsenbordtoegankelijk
Success Criterium
Uitkomst
Bevindingen
2.1.1: Toetsenbord
Hele sample
Uitkomst: Onvoldoende
Schadeoverzicht
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Vanaf 150% ingezoomd komt het menu achter een knop te staan. De opties in het menu en de knop om in te loggen die uitklappen, zijn niet te bedienen met het toetsenbord.
Schadeoverzicht
Onder de berekening staan ‘i’-icoontjes die op muisklik extra informatie laten zien. Dit werkt niet met het toetsenbord.
2.1.2: Geen toetsenbordval
Hele sample
Uitkomst: Voldoende
2.1.4: Enkel teken sneltoetsen
Hele sample
Uitkomst: Niet van toepassing
2.2 Genoeg tijd
Success Criterium
Uitkomst
Bevindingen
2.2.1: Timing aanpasbaar
Hele sample
Uitkomst: Voldoende
2.2.2: Pauzeren, stoppen, verbergen
Hele sample
Uitkomst: Niet van toepassing
2.3 Toevallen en fysieke reacties
Success Criterium
Uitkomst
Bevindingen
2.3.1: Drie flitsen of beneden drempelwaarde
Hele sample
Uitkomst: Voldoende
2.4 Navigeerbaar
Success Criterium
Uitkomst
Bevindingen
2.4.1: Blokken omzeilen
Hele sample
Uitkomst: Voldoende
Hele sample
Bevindingen:
Opmerking: Er zijn koppen en landmarks om blokken met links over te kunnen slaan. Voor veel toetsenbordgebruikers is een skiplink echter gemakkelijker om direct bij de hoofdcontent te kunnen komen. Navigatie via koppen en landmarks is namelijk alleen beschikbaar voor screenreadergebruikers. Het wordt daarom aangeraden een skiplink toe te voegen als eerste link op elke pagina. (Op de inlogomgeving is er wel een skiplink aanwezig, maar deze is niet zichtbaar op focus.)
2.4.2: Paginatitel
Hele sample
Uitkomst: Onvoldoende
Gebeurtenis detailpagina
Uitkomst: Onvoldoende
Gebeurtenis detailpagina
De paginatitel is ‘MijnSlachtofferzaak | Mijn overzicht’, net als op de startpagina, terwijl je hier wel op een pagina van een specifieke gebeurtenis zit. Voor gebruikers van hulpsoftware is het voor de navigatie tussen webpagina’s belangrijk dat de titel duidelijk maakt waar ze zijn. Geef daarom altijd een beschrijving van de pagina in het title-element, bij voorkeur in de vorm ‘onderwerp – organisatie’. Dit geldt ook voor de pagina Schadeoverzicht.
2.4.3: Focus volgorde
Hele sample
Uitkomst: Onvoldoende
Toelichting
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Op de openbare pagina’s gaat de focus meteen naar de hoofdcontent en slaat de items in de header over. Je kunt vanaf daar wel terug navigeren, maar dat is niet logisch. Zorg dat de focus de visuele volgorde van de elementen volgt, dus eerst naar het logo gaat en het hoofdmenu. Om gebruikers de mogelijkheid te geven dit op latere pagina’s over te slaan, kan een skiplink worden geplaatst als eerste link op de pagina, die je naar de hoofdcontent brengt. Bij het inloggen/uitloggen is er 2 keer een toetsenbordfocus, maar er is maar een link zichtbaar. Dit is verwarrend.
Op de pagina’s achter de inlog gaat de focus eerst naar een verborgen element (een div-element met de class ‘cdk-visually-hidden cdk-focus-trap-anchor’) en daarna naar de footer. De gehele paginacontent wordt overgeslagen. Wanneer je terug navigeert kom je ook weer langs 2 verborgen elementen. Zorg dat de focus vanaf de header door de pagina gaat, net als de visuele volgorde, en dat verborgen elementen geen focus kunnen ontvangen.
Opmerking: In het feedbackformulier gaat de focus meteen naar de select lijst. Boven de 200% ingezoomd betekent dit dat de bovenkant van het formulier wordt ‘overgeslagen’. Je moet dan terug naar boven scrollen om de gehele content te zien. De kans is groot dat gebruikers dit zullen missen. Zie screenshot 4.
Focus op niet interactieve elementen komt vaak voor op de site. Bijvoorbeeld binnen berichten op de Gebeurtenis detailpagina staat er een tabindex=”0” op een element met de tekst ‘Heeft u een vraag aan de politie over dit bericht?’. Daarbinnen staat een link element dat (terecht) opnieuw focus ontvangt. Voor toetsenbordgebruikers is het verwarrend als elementen focus krijgen die geen actie kunnen uitvoeren. Haal de focus van deze elementen af als deze verder geen functie vervullen. Ook krijgen sommige links en buttons dubbel focus, zoals bij ‘Registratienummer politie’, waarbij je 2 keer dezelfde informatie uitklapt.
Toelichting
Vanaf 150% ingezoomd komen de onderwerpen achter een knop te staan. Wanneer je deze activeert, gaat de focus niet meteen in de popup, maar gaat eerst nog verder op de onderliggende pagina. Dit is verwarrend. Zorg dat de focus meteen in de popup komt en pas weer op de onderliggende pagina kan komen wanneer deze weer gesloten is.
2.4.4: Linkdoel (in context)
Hele sample
Uitkomst: Onvoldoende
Privacy
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Opmerking: in de footer heeft een deel van de links een pijl-icoon om aan te geven dat het een externe link betreft. In de code wordt dit aangegeven door middel van een title-attribuut. Dit attribuut wordt echter slecht ondersteund door hulpsoftware. De screenreaders (VoiceOver en NVDA) lezen dit nu niet voor. Beter is het om dit aan te geven in de linktekst.
Privacy
In de tabel staan meerdere links met de tekst ‘Privacyverklaring’. Gebruikers van hulpsoftware vragen vaak lijsten op van links op de pagina. Wanneer deze teksten geen duidelijke informatie geven kunnen ze niks met deze links. Voeg tekst toe aan de link die duidelijk maakt waar het precies om gaat, zodat de diverse links van elkaar te onderscheiden zijn. Dit kan met een extra tekst in de link, eventueel met CSS verborgen, of via een aria-labelledby verwijzing naar een tekst elders op de pagina. Zie voor meer info https://www.w3.org/TR/WCAG20-TECHS/ARIA7.html.
2.4.5: Meerdere manieren
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Behalve het hoofdmenu en het footermenu zijn er geen andere manieren om alle webpagina’s te vinden. Een deel van de bezoekers kan gemakkelijker navigeren via een zoekfunctie of een sitemap dan via een menu, bijvoorbeeld omdat het lastig is deze ingezoomd of via een screenreader te gebruiken. Biedt naast het hoofdmenu nog een tweede optie aan, bijvoorbeeld een algemene zoekfunctie. (De sitemap die wordt aangeboden bevat niet alle pagina’s.)
2.4.6: Koppen en labels
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Vanaf 150% ingezoomd komt het menu achter een knop te staan. Deze heeft als naam (via het aria-label) ‘Toggle navigation’. Dit is mogelijk niet voor alle gebruikers duidelijk. Geef de knop een Nederlandse naam.
De knoppen binnen de videoplayer hebben Engelse labels zoals ‘Play’ en ‘ show more media controls’. Dit is mogelijk niet voor alle gebruikers duidelijk. Beter is het om deze knoppen Nederlandse namen te geven.
2.4.7: Focus zichtbaar
Hele sample
Uitkomst: Onvoldoende
Veelgestelde vragen
Uitkomst: Onvoldoende
Veelgestelde vragen
De focus op de knoppen waarmee je de vragen kunt openen is niet zichtbaar. De outline is wit gestyled, maar de achtergrond is ook wit. Hierdoor zie je niet op welke vraag de focus staat. Dit probleem doet zich ook voor op de FAQ pagina wanneer je bent ingelogd.
2.4.11: Focus Not Obscured (Minimum)
Hele sample
Uitkomst: Voldoende
2.5 Input Modaliteiten
Success Criterium
Uitkomst
Bevindingen
2.5.1: Aanwijzergebaren
Hele sample
Uitkomst: Niet van toepassing
2.5.2: Aanwijzerannulering
Hele sample
Uitkomst: Voldoende
2.5.3: Label in naam
Hele sample
Uitkomst: Voldoende
2.5.4: Bewegingsactivering
Hele sample
Uitkomst: Niet van toepassing
2.5.7: Dragging Movements
Hele sample
Uitkomst: Niet van toepassing
2.5.8: Target Size (Minimum)
Hele sample
Uitkomst: Voldoende
3 Begrijpelijk
3.1 Leesbaar
Success Criterium
Uitkomst
Bevindingen
3.1.1: Taal van de pagina
Hele sample
Uitkomst: Voldoende
3.1.2: Taal van onderdelen
Hele sample
Uitkomst: Onvoldoende
Homepage
Uitkomst: Onvoldoende
Homepage
De video is in het Nederlands en de titel van de video (via het ‘title’-attribuut) ook. Maar de knoppen binnen de videoplayer hebben Engelse labels zoals ‘Play’ en ‘show more media controls’. Dit is echter niet in de code aangegeven als Engels. Screenreaders kunnen hierdoor niet de juiste taal bepalen en lezen het mogelijk verkeerd voor. Geef de taal van de Engelse onderdelen aan met het attribuut lang="en" op het betreffende element of zet deze labels in het Nederlands. Dit komt op meerdere pagina’s voor.
3.2 Voorspelbaar
Success Criterium
Uitkomst
Bevindingen
3.2.1: Bij focus
Hele sample
Uitkomst: Voldoende
3.2.2: Bij input
Hele sample
Uitkomst: Voldoende
3.2.3: Consistente navigatie
Hele sample
Uitkomst: Voldoende
3.2.4: Consistente identificatie
Hele sample
Uitkomst: Voldoende
3.2.6: Consistent Help
Hele sample
Uitkomst: Voldoende
3.3 Assistentie bij invoer
Success Criterium
Uitkomst
Bevindingen
3.3.1: Foutidentificatie
Hele sample
Uitkomst: Voldoende
3.3.2: Labels of instructies
Hele sample
Uitkomst: Voldoende
3.3.3: Foutsuggestie
Hele sample
Uitkomst: Onvoldoende
Contact
Uitkomst: Onvoldoende
Contact
Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan moeten deze suggesties aan de gebruiker worden geleverd. Bij het e-mailadres wordt een bepaald format geëist, maar deze wordt niet als suggestie gegeven. Voeg een suggestie toe, bijvoorbeeld: ‘het emailadres moet in deze vorm worden ingevoerd: ‘naam@domein.com’.
Bij de buttons om de vragen te openen en sluiten wordt de status niet aangegeven. Dit kan worden opgelost door het ‘aria-expanded’-attribuut toe te voegen. Dit geldt ook voor de FAQ pagina wanneer je bent ingelogd.
Mijn overzicht
De link naar de gebeurtenis (het blok met Auto-inbraak) heeft geen goede rol. Het is nu een list-item. Daardoor is het niet duidelijk voor gebruikers van hulpsoftware dat dit een interactief element is. Maak hier bij voorkeur een link element van.
Gebeurtenis detailpagina
Bovenaan de pagina in de lijst met details staan meerdere buttons die extra informatie uitklappen. Voor hulpsoftware is deze status niet aangegeven. Dit kan worden opgelost door het ‘aria-expanded’-attribuut toe te voegen. Dit komt op meerdere plekken voor, bijvoorbeeld op de pagina Berichten bij de knoppen met ‘Ik heb een vraag’.
De berichten kunnen worden opengeklapt. De rol en waarde van deze elementen zijn niet duidelijk. Maak hier bij voorkeur een button element van. De status kan worden aangegeven met het ‘aria-expanded’-attribuut. Dit komt op meerdere pagina’s voor waar berichten worden getoond.
Onder de content staat een vraag die met ja of nee beantwoord kan worden. Na de keuze wordt door middel van een andere styling visueel duidelijk gemaakt welke keuze actief is. Dit wordt in de code niet aangegeven. Dit kan bijvoorbeeld worden gedaan via het ‘aria-pressed’-attribuut.
