Toegankelijkheidsonderzoek

Bevindingen voor je spreadsheet:
Audit digitale toegankelijkheid Mijn SVB

Via deze pagina kan je de bevindingen of de steekproef van het onderzoek kopiëren naar het geheugen van je computer. Daarna kan je de informatie plakken in een spreadsheet zoals Excel. Voor deze functionaliteit is JavaScript vereist. Mocht de knop niet werken probeer dan altijd een keer de pagina te verversen. Vaak doet de kopieerknop het dan weer wel.

Onderzoeker
Jules Ernst, 200 OK
Datum
12 mei 2025
Opdrachtgever
Han Sinke, SVB

Scope van de evaluatie

Naam website Mijn SVB
Scope
  • Alle pagina's na het inloggen via svb.nl/mijnsvb
  • Inclusief de inlogpagina op internetdienstensiam.svb.nl
  • Niet DigiD-inloggen (onderdeel ander onderzoek) De processen zijn onderzocht op een testomgeving.

Uitgebreide toetsresultaten

Aantal bevindingen: 19
nr Bevinding WCAG SC Mogelijk verantwoordelijk Status
1Op pagina 'Log in bij Mijn SVB' (internetdienstensiam.svb.nl) heeft het logo bovenin een tekstalternatief 'Sociale Verzekeringsbank'. Het logo wordt verborgen gehouden met role="presentation" en dat is niet toegestaan om iets visueel te verbergen wat leesbaar moet blijven voor een schermlezersoftware, omdat schermlezersoftware content negeert met dit attribuut. Daarnaast is de alternatieve tekst ook in de link geplaatst met aria-label. Die wordt overbodig als je bij de afbeelding het rol-attribuut weghaalt. Tot slot is de alternatieve tekst niet correct. dit moet letterlijk overeenkomen met wat er in het logo staat.1.1.1techniek, content, visuele vormgeving
2Onbekend: Als het het veld telefoonnummer bij 'Wijzigen telefoonnummer' het nummer van de persoon zelf betreft dan moet autocomplete met de waarde voor telefoonnummer hieraan toegevoegd worden? Betreft dit veld het telefoonnummer van iemand anders, dan kan dit succescriterium als 'Voldoende' worden beschouwd.1.3.5techniek, content
3Er wordt in het overzicht uitroeptekens in een rondje getoond. De zwarte heeft geen betekenis en bevat geen alternatieve tekst, de rode heeft wel betekenis. Door het verschil alleen door kleur aan te geven kunnen mensen die moeite hebben met kleur onderscheiden het verschil tussen de 2 pictogrammen niet zien. Maak de pictogrammen verschillend of, als de pictogrammen geen verdere informatie overbrengen haal dan de alternatieve tekst weg. ![screenshot 7](screenshot-07.png)1.4.1interactieontwerp, visuele vormgeving
4Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt op pagina Overzicht een deel van de content. Dit gebeurt bij Details bij Betalingen. In beeld verschijnt Overzicht betaling in een popup. De content scrollt hierachter langs. (er is nog slechts een klein randje tekst zichtbaar) Dit kan ik meer popups voorkomen.1.4.10interactieontwerp, content
5Als je inlogt bij MijnSVB dan krijg je de keuze om je eigen SVB-gegevens te bekijken of die voor wie je gemachtigd bent. Dit keuzescherm geeft geen melding als je te lang op je keuze gewacht hebt. Als je na 15 minuten alsnog verdergaat verschijnt er een foutmelding. Je verwacht hier een melding dat je de sessie kan verlengen. In Mijn SVB werkt dit verder wel goed. en verbeterpuntje is ook het scherm met de foutmelding. Je hebt daar niet de mogelijkheid om bijvoorbeeld naar de homepage van SVB te gaan om opnieuw te beginnen. Maak in het foutmeldingscherm bijvoorbeeld het logo klikbaar. ![screenshot 8](screenshot-08.png)2.2.1techniek, content
6Pagina Overzicht bevat wel een skiplink (een mechanisme om naar de tekst te springen), maar de skiplink werkt niet. Zorg dat bezoekers direct naar de hoofdinhoud van een pagina kunnen springen, zonder dat zij daar extra handelingen voor moeten uitvoeren.2.4.1techniek, content
7Op pagina 'Aanvraag AOW' onder 'Partner op ander adres' en wellicht ook elders bij dit onderdeel zijn de skiplinks wel zichtbaar voor hulpsoftware, maar niet visueel zichtbaar als de focus erop komt. Zorg dat de skiplinks onzichtbaar zijn voor hulpsoftware of zorg ervoor dat de skiplinks bij focus visueel zichtbaar worden.2.4.1techniek, content
8In de hele applicatie heet elke pagina mijnSvb. Als je bijvoorbeeld op Betalingen klikt zie je de boven de content de kop (H1) veranderen in Betalingen. Het title-element verandert niet mee. Je verwacht hier naast 'Mijn Svb' ook de tekst 'Betalingen' te zien staan, bijvoorbeeld <title>Betalingen - Mijn Svb</title>'. Zie ook SC 4.1.3.2.4.2content, visuele vormgeving
9Op pagina Overzicht is een card 'Kinderbijslag' met daarin betalingen. In deze card zijn knoppen met de naam 'Details'. Als je op een van de knoppen Details drukt verschijnt er een popup venster 'Overzicht betaling'. Als je nu met je sneltoetscombinatie naar de adresbalk navigeert en vervolgens met de tabtoets gaat navigeren, kom je in de pagina terecht achter de nog openstaande popup.2.4.3techniek, content
10In sommige popups zoals 'Details schuld' wordt de laatste knop 'Sla op als PDF' in de focusvolgorde overgeslagen. Meestal gebeurt dit als de popup de eerste keer wordt opgeroepen. Bij volgende keren in dezelfde sessie werkt de focusvolgorde vaak wel correct. ![Screenshot 05](screenshot-05.png)2.4.3techniek, content
11Bij de contactgegevens kun je kiezen voor 'Bezoek op afspraak'. Hier blijft de focus op de sluitknop staan. Met de tabtoets kan je de overige klikbare onderdelen zoals telefoonnummers en de link 'Contact opnemen' niet bereiken. ![Screenshot 06](screenshot-06.png)2.4.3techniek, content
12Als je op de contactpagina een keuze maakt van contact verschijnt er een popup. Zo kan je met de tabtoets naar Whatsapp en als je op Enter klikt verschijnt er een popup. Als je deze afsluit verwacht je dat de focus weer terugkeert op je laatste keuze, Whatsapp. De focus staat echter vooraan het submenu. Zorg dat de focus naar de plek gaat waar je het laatst op bent geweest. Controleer dit ook bij andere popups.2.4.3techniek, content
13Wanneer het logo op pagina 'Log in bij Mijn SVB' (internetdienstensiam.svb.nl) focus heeft, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.2.4.7interactieontwerp, content
14Advies: Op pagina 'Overzicht betalingen' verschilt de focusrand bij 2 items. Bij 'Verrekening schuld aan SVB' komt de focus rondom de tekst en de helpknop. Bij 'U ontvangt' is de focusrand alleen om de helpknop te zien. Zorg voor een consequente focus, bij voorkeur rondom het hele klikbare vlak (niveau AAA). Dit laatste heeft als voordeel dat de tekst voor de helpknop altijd goed leesbaar is. Het komt soms voor dat het laatste teken direct voor de helpknop door de focus rand niet goed leesbaar is. ![Screenshot 01](screenshot-01.png)2.4.7interactieontwerp, content
15Advies: Op sommige pagina's komt de "collapsible" precies onderaan het venster te zitten. Als je met de tabtoets naar de "collapsible" navigeert wordt alleen de streep onder de tekst dikker. In enkele vensters is de focus daarom pas zichtbaar als je een stukje omhoog scrollt. Maak de focus liefst rondom het klikbare deel. ![Screenshot 02](screenshot-02.png)2.4.7interactieontwerp, content
16Advies/bespreekpuntje: Op pagina Overzicht is de card 'Hoeveel AOW straks?' . Deze bevat een link 'Mijn AOW'. Aan deze link is visueel verborgen extra tekst vooraan toegevoegd. 'Hoeveel AOW straks:'. Dit maakt de link mogelijk lastiger te bedienen met tekst. Ook slechtzienden kunnen hierdoor missen omdat alleen de tekst 'Mijn AOW' zichtbaar is. In de card 'U kunt een overbruggingsuitkering (OBR) aanvragen' wordt de aanvraaglink onnodig lang door deze constructie. Kijk ook naar de cards 'AOW (getrouwd of samenwonend)', nabestaanden...2.5.3techniek, interactieontwerp, content
17Op pagina Aanvraag AOW is in het scherm 'Partner op ander adres' bij de velden Huisnummer, Toevoeging en Straatnaam het label niet expliciet geassocieerd met het invoerveld. Tekstlabels moeten gekoppeld worden aan invoervelden door gebruik te maken van het for-attribuut bij het label-element die verwijst naar een id-attribuut bij het invoerveld. Zo krijgt een bezoeker die gebruikmaakt van schermlezersoftware direct te horen om welk veld het gaat als direct naar het invoerveld wordt gesprongen. In dit geval zijn de attributen aanwezig; alleen zijn de labelteksten in H3's geplaatst en zijn de labels tekstloos. Zorg dat de labels de teksten bevatten.4.1.2techniek, content, visuele vormgeving
18Bij het 'bewijzen werken buitenland' kun je documenten uploaden. Hier wordt een ongeldige id gebruikt bij het attribuut aria-describedby, namelijk "formulier.mst_invoer_...". Deze tekst wordt ook in beeld getoond. ![screenshot 03](screenshot-03.png)4.1.2techniek, content, visuele vormgeving
19Als je naar een andere pagina gaat is de melding "Nieuwe pagina content is geladen". Maak duidelijk welke content er getoond wordt door hier voor hulpsoftware de titel van de pagina te benoemen, bijvoorbeeld "Persoonlijke gegevens is geladen". Zie ook SC 2.4.2.4.1.3techniek, content

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

https://www.svb.nl/mijnsvb

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.

Rapportinformatie: V2.0.1-WCAG2.1-R3.0-T0.13-nl

Rapportinformatie: V2.0.1-WCAG2.1-R3.0-T0.13-nl