Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Leven Werkgeversportaal Goudse verzekeringen

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Leven Werkgeversportaal Goudse verzekeringen
Datum 30 mei 2025
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 30

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-overview heeft het logo geen alt-tekst. Het logo staat in een link, dus ook het linkdoel moet beschreven worden. Geef het logo alt-tekst en zorg dat het duidelijk is dat je er mee terug naar de homepagina van de applicatie kan gaan. Dit komt op iedere pagina met het logo voor.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 2: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-my-contract staan de gegevens visueel in een tabel. Om de structuur duidelijker te maken, maak daadwerkelijk gebruik van een tabel om deze gegevens weer te geven. Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-bankdetails, de 3de stap bij het toevoegen van een werknemer, https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=276557

Bevinding 3: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-my-contract is de zin "De contactpersoon is degene waar De Goudse contact mee heeft over dit contract." opgemaakt als een kop. Maar het is geen kop en functioneert ook niet als een kop (er is geen onderliggende inhoud). Maak hier een paragraaf van. Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/employer_mandate_selection met het adres van de organisatie.

Bevinding 4: Op https://degoudse-broker-uat.app.ota.dginsis.nl/anw-pensioen-employee-details-step1?id=282219 in de eerste stap van een werknemer toevoegen, wordt er bij de keuze voor man of vrouw gebruik gemaakt van het fieldset-element om de radiobuttons te groeperen, maar het legend-element ontbreekt. Hierdoor heeft de groep geen label. Zet de tekst "Geslacht" in een legend-element, en zorg dat dit binnen fieldset-element staat. Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277558 en https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277018 (in het modal als men gegevens bewerkt).

Bevinding 5: Advies: zorg ervoor dat het gebruik van links en knoppen correct wordt toegepast: knoppen zijn voor een actie van de gebruiker, links nemen je ergens mee naartoe.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 6: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-overview verandert de rand van het zoekveld van kleur als deze focus krijgt. Deze verandering kan te subtiel zijn voor slechtzienden en kleurenblinden. Zorg dat er een focusindicator is die duidelijk het element omrandt, waardoor het duidelijk is dat deze de focus heeft. Dit speelt bij het werken van gegevens op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277558, https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277018.

Bevinding 7: Als men op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277558 kiest voor "bewerken" opent een modal om gegevens te bewerken. Onderaan zijn er twee links aanwezig. Deze zijn enkel herkenbaar door kleur. Onderstreep deze links. Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277018.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 8: Op een schermstand van 1280 x 1024 pixels bij het zoomen naar 200% op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-overview valt de tekst van de status (actief, in behandeling, inactief) weg. Zorg dat er bij zoomen geen content en functionaliteit wegvalt.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 9: Op alle pagina's van https://degoudse-broker-uat.app.ota.dginsis.nl/ ontstaat er een horizontale scollbalk als er op een schermstand van 1280 x 1024 pixels ingezoomd wordt naar 400% en de viewport wordt aangepast. Zorg ervoor dat alles meeschaalt als zowel de tekstgrootte als viewport wordt aangepast. Ook valt de functionaliteit weg van gegevens bewerken op bijv. https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277558. Zorg dat alle functionaliteit behouden blijft.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 10: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-overview is het gebruikersmenu niet te openen met het toetsenbord. Zorg dat bij het activeren van de knop, het menu opent. Vergeet niet aria-expanded en aria-controls te gebruiken om aan te geven dat er een menu openklapt en het gedeelte wat openklapt te linken aan de knop. Dit komt op iedere pagina met dit menu voor.

Bevinding 11: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-overview is de knop "Werknemer toevoegen" niet bedienbaar met het toetsenbord. Dit komt doordat het href-attribuut ontbreekt. Voeg dit toe (met een dummy waarde), of gebruik een knop in plaats van een link.

Bevinding 12: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-overview kan de knop "start meekijken" niet bediend worden met het toetsenbord. Dit komt doordat het een link is zonder href-attribuut. Voeg het attribuut toe (met een dummy waarde) of gebruik een knop. Dit komt overal voor waar de knop in de footer staat.

Bevinding 13: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277558 is de knop "bewerken" niet bedienbaar met het toetsenbord. Het is een link die een role-button heeft gekregen. Maar dat is niet voldoende om het te laten functioneren als een knop. Alle functionaliteit van een knop moet met scripting toegevoegd worden. Gebruik liever gewoon het button-element. Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277018.

Bevinding 14: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277558 is de knop "Verzekerde afmelden" niet te bereiken en te bedienen met het toetsenbord, dit komt doordat er geen knop is gebruikt. Maak van dit element een knop. Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277018.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 15: Elke pagina op https://degoudse-broker-uat.app.ota.dginsis.nl/ heeft als titel "Betty Blocks". Dat beschrijft het doel en de functie van een pagina onvoldoende. Zorg dat de structuur als volgt is: titel pagina | naam organisatie. Pas de inhoud van het <title> element aan.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 16: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-my-contract zijn de links "Mijn contract" en "Bankgegevens" gesplitst. Zowel de tekst als het pijltje bij beiden zijn links. De links met het pijltje hebben geen linktekst. Verwijder de links om het pijltje en zorg dat het hele element (dus tekst plus pijltje) een link is. Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-bankdetails, https://degoudse-broker-uat.app.ota.dginsis.nl/employer-profile-companyprofile?id=

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 17: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-overview is de focusindicator niet zichtbaar bij de sorteerknoppen in de tabel. Zorg dat deze knoppen duidelijk zichtbaar de focus krijgen.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 18: Op https://degoudse-broker-uat.app.ota.dginsis.nl/anw-pensioen-employee-details-step1?id=282219 in de eerste stap van een werknemer toevoegen worden er wel foutmeldingen gegeven, maar deze worden niet opgepikt door hulpsoftware. Maak gebruik van bijv. role=alert.

Bevinding 19: Op https://degoudse-broker-uat.app.ota.dginsis.nl/anw-pensioen-employee-details-step1?id=282219 in de eerste stap van een werknemer toevoegen, geeft de placeholder voor het veld geboortedatum aan wat de structuur van de geboortedatum moet zijn. Zet dit als tekst bij het veld en link het aan het veld met aria-describedby.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 20: Het zoekveld op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-overview heeft geen label, enkel een placeholder. Die voldoen niet voor dit criterium, omdat deze verdwijnen zodra een gebruiker begint te typen. Geef dit veld een label.

Bevinding 21: Op https://degoudse-broker-uat.app.ota.dginsis.nl/anw-pensioen-employee-details-step1?id=282219 in de eerste stap van een werknemer toevoegen, heeft de volgende velden geen label: <input class="validationInput-1-2-21914" type="text" tabindex="-1" required="" value=""> en <input id="country_dutch" class="validationInput-1-2-22352" type="text" tabindex="-1" required="" value="">. Geef deze velden een label of verwijder ze.

Bevinding 22: Op https://degoudse-broker-uat.app.ota.dginsis.nl/anw-pensioen-employee-details-step1?id=282219 in de eerste stap van een werknemer toevoegen hebben de volgende velden geen label: voornaam, tussenvoegsel, achternaam, initialen, BSN, e-mailadres, straat, huisnummer, toevoeging, postcode, stad.

Bevinding 23: Op https://degoudse-broker-uat.app.ota.dginsis.nl/anw-pensioen-employee-details-step1?id=282219 in de tweede stap van een werknemer toevoegen, hebben de invoervelden geen label. Geef deze velden een label.

Bevinding 24: Als men op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277558 kiest voor "bewerken" opent een modal om gegevens te bewerken. Er is niet aangegeven dat verplichte velden aangeduid zijn met een asterisk. Voeg deze verduidelijking toe. Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277018.

Bevinding 25: Als men op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277558 kiest voor "bewerken" opent een modal om gegevens te bewerken. De velden in deze modal hebben geen label. Geef deze velden een label. Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277018.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 26: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employer-overview zijn de tabelkoppen interactief gemaakt om te sorteren. Er wordt echter geen status meegegeven of er oplopend of aflopend gesorteerd wordt. Beter is om daadwerkelijk een knop te gebruiken voor het sorteren en deze een label te geven dat oplopend of aflopend sorteren zegt, naar gelang de situatie.

Bevinding 27: Op https://degoudse-broker-uat.app.ota.dginsis.nl/employer_mandate_selection kiest men een organisatie door op het pijltje te klikken. Dit is een knop zonder label. Bezoekers met hulpsoftware als screenreader of spraakbesturing zullen niet weten waar deze knop voor is of deze kunnen activeren. Omdat de naam van de organisatie ook belangrijk is voor het kiezen, raden we aan het hele element een knop te maken, zodat de naam van de organisatie het label vormt voor de knop. Het pictogram van het pijltje kan dan verborgen worden met aria-hidden.

Bevinding 28: Op https://degoudse-broker-uat.app.ota.dginsis.nl/anw-pensioen-employee-details-step1?id=282219 in stap 1 van het toevoegen van een werknemer, heeft de knop voor de datumkiezer bij het veld "Geboortedatum" geen label. Geef deze een label. Dit komt ook voor in stap 2 van het toevoegen van een werknemer bij de datumvelden daar.

Bevinding 29: Op https://degoudse-broker-uat.app.ota.dginsis.nl/anw-pensioen-employee-details-step1?id=282219 in stap 2 van het toevoegen van een werknemer, is er een tooltip bij het tweede invoerveld als men kiest voor de optie "partner gekregen". De knop van de tooltip heeft geen label. Bezoekers met hulpsoftware als screenreader of spraakbesturing zullen niet weten waar deze knop voor is of deze kunnen activeren. Maak dit component op als een accordeon, zodat de inhoud van de tooltip openklapt. Op deze manier kan de inhoud gekoppeld worden aan de knop. Vergeet niet om de attributen aria-expanded en aria-controls toe te voegen.

Bevinding 30: Als men op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277558 kiest voor "bewerken" opent een modal om gegevens te bewerken. De sluitknop van dit modal heeft geen label. Verzorg een label. Dit komt ook voor op https://degoudse-broker-uat.app.ota.dginsis.nl/employee-details?employee_id=277018.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

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

Geprint: 2025-07-05 20:31:10 v2.4-011