Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Adviseursportaal Leven de Goudse verzekeringen

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Adviseursportaal Leven de Goudse verzekeringen
Datum 4 april 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op degoudse-broker-uat.app.ota.dginsis.nl
  • Alle PDF's op degoudse-broker-uat.app.ota.dginsis.nl
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: 47

    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: Het logo 110 jaar de Goudse verzekeringen in de header op iedere pagina heeft geen alternatieve tekst. Blinden en slechtzienden missen mogelijk zo belangrijke informatie. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten, het feit dat het om een logo gaat en (eventuele) overige tekst in beeld.

    Bevinding 2: Als op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications een offertenummer wordt geklikt, bijvoorbeeld op 11590638826001, dan opent een pagina "Offerte maken". Bijvoorbeeld bij stap 3 "Klantgegevens" staan de 6 stappen van het proces onder de kop "Offerte maken". Elke stap is opgemaakt als een link met zichtbare linktekst "​1. Kies product", "2. Type offerte" etc. Achter stappen die afgerond zijn staat een afbeelding van een groen vinkje. Deze afbeeldingen hebben een leeg alt-attribuut waardoor ze verborgen zijn voor hulpsoftware. Geef deze afbeeldingen bijvoorbeeld de alt-tekst "Afgerond" om deze informatie ook voor hulpsoftware beschikbaar te maken.

    1.3 Aanpasbaar

    1.3.1 Info en relaties (Niveau A)

    Informatie over succescriterium 1.3.1 Info en relaties

    Uitkomst: Onvoldoende

    Bevinding 3: Als men een conceptofferte opent ophttps://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications, kom je in het proces voor offerte maken terecht. In stap 2 kiest men het type offerte en (eventueel) het type bedrijf. De keuzerondjes zijn naast visueel ook in de code gegroepeerd met <fieldset>. Echter ontbreekt het <legend>-element bij iedere <fieldset>. Zet de tekst die visueel als kop functioneert voor een groep in het <legend>-element.

    Bevinding 4: Als op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications een aanvraag voor pensioen wordt geopend (bijv. nummer 12160461812, aanvraag voor AS Wilson), komt men op een pagina om deze aanvraag te bevestigen (stap 5, de samenvatting). Visueel is de informatie gepresenteerd in een tabel, maar niet in de code. De structuur en samenhang van de informatie gaat hierdoor wel verloren voor hulpsoftware. Gebruik een tabel om dit op te lossen.

    Bevinding 5: Als op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications een bevestigde aanvraag voor pensioen wordt geopend (bijv. nummer 12160461812, aanvraag voor tante Cor), ziet men alle info en kunnen er documenten gedownload worden. Visueel is de informatie in "Aanvraag" en "Productopties" gepresenteerd in een tabel, maar niet in de code. De structuur en samenhang van de informatie gaat hierdoor wel verloren voor hulpsoftware. Gebruik een tabel om dit op te lossen.

    Bevinding 6: Als op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications een aanvraag voor pensioen wordt geopend (bijv. nummer 12160461812, aanvraag voor AS Wilson), komt men op een pagina om deze aanvraag te bevestigen (stap 5, de samenvatting).

    Bevinding 7: In de PDF "Premietabel" uit de documenten voor tante Cor zijn de koppen niet als zodanig getagd, het zijn gewoon paragrafen. Daarnaast zijn het logo op de titelpagina, de kleingedrukte tekst boven het logo op de titelpagina en de paginanummers niet getagd. Zorg dat deze getagd zijn, zodat deze informatie en de structuur wordt voorgelezen door screenreaders.

    Bevinding 8: De PDF met premievoorwaarden voor tante Cor is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

    1.3.4 Weergavestand (Niveau AA)

    Informatie over succescriterium 1.3.4 Weergavestand

    Uitkomst: Onvoldoende

    Bevinding 9: De header en footer op elke pagina veroorzaakt wel een scrollbalk als men in responsive modus de website bekijkt. Hierdoor wordt een bezoeker wel verplicht om de website in een vaste oriëntatie te gebruiken. Zorg ervoor dat alle pagina's zowel staand als liggend te lezen en te gebruiken zijn.

    1.4 Onderscheidbaar

    1.4.3 Contrast (minimum) (Niveau AA)

    Informatie over succescriterium 1.4.3 Contrast (minimum)

    Uitkomst: Onvoldoende

    Bevinding 10: Op https://degoudse-broker-uat.app.ota.dginsis.nl/current-contracts hebben onder de tabel de blauwgroene links (HEX #0076A1), bijvoorbeeld "anw@goudse.com", onvoldoende contrast met de achtergrond (HEX #ECF1F3) onvoldoende contrast. De contrastverhouding is 4,49:1 waar het 4,5:1 moet zijn. Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications en detailpagina's van offertes/in het proces van het aanmaken van een offerte.

    Bevinding 11: Op de pagina https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications heeft de tekst "Zoek op klantnaam" in het zoekveld (HEX #CFCFCF) een te laag contrast met de witte achtergrond. De contrastverhouding is hier 1,6 terwijl deze tenminste 4,5:1 moet zijn.

    Bevinding 12: Op de pagina https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications hebben de teksten "Selecteer product" en "Staus" in de selectievelden (HEX ##8C8C8C) een te laag contrast met de witte achtergrond. De contrastverhouding is hier 3,4 terwijl deze tenminste 4,5:1 moet zijn.

    1.4.4 Herschalen van tekst (Niveau AA)

    Informatie over succescriterium 1.4.4 Herschalen van tekst

    Uitkomst: Onvoldoende

    Bevinding 13: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% dan verdwijnt op pagina "Offertes & aanvragen" https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications de twee rechter kolommen van de tabel buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken. Zorg ervoor dat de tekst herschaald kan worden tot 200% zonder verlies van inhoud.

    1.4.10 Reflow (Niveau AA)

    Informatie over succescriterium 1.4.10 Reflow

    Uitkomst: Onvoldoende

    Bevinding 14: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnen in de header van elke pagina onder andere de links ​Contracten, ​Offertes en ​Contact buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken. Vermijd overigens de scrollbalk in de leesrichting (horizontaal).

    Bevinding 15: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt op de contactpagina https://degoudse-broker-uat.app.ota.dginsis.nl/contact-detailseen een deel van de tekst buiten beeld. Er is een scrollbalken om de tekst te kunnen bekijken. Zorg ervoor dat teksten in beeld blijven staan zonder een scrollbalk in de leesrichting (horizontaal) te krijgen. Uitgezonderd zijn bijvoorbeeld tabellen, betekenisvolle afbeeldingen en kaarten. Ditzelfde komt vaker voor in de website, bijvoorbeeld op elke pagina in de footer.

    1.4.11 Contrast van niet-tekstuele content (Niveau AA)

    Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

    Uitkomst: Onvoldoende

    Bevinding 16: Als op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications een offertenummer wordt geklikt, bijvoorbeeld op 11590638826001 dan opent een pagina "Offerte maken". Bij stap 2 "Type offerte" hebben de grijze randen van de niet geselecteerde keuzerondjes een te laag contrast met de witte achtergrond. De contrastverhouding is 1,6:1 terwijl dat minstens 3:1 moet zijn.

    1.4.13 Content bij hover of focus (Niveau AA)

    Informatie over succescriterium 1.4.13 Content bij hover of focus

    Uitkomst: Onvoldoende

    Bevinding 17: Als op de pagina https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications op een offertenummer wordt geklikt, bijvoorbeeld op 11590638826001, dan opent een pagina "Offerte maken". Bij stap 2 "Type offerte" staat er bij "Kies type offerte" een tooltip, een i in een cirkel. De tooltip krijgt toetsenbordfocus en laat dan meteen de informatie zien. De tooltip kan niet gesloten worden met het toetsenbord. Plaats instructies en tips als deze niet in een tooltip, maar als helptekst bij een veld. Zie succescriterium 3.3.2.

    2. Bedienbaar

    2.1 Toetsenbordtoegankelijk

    2.1.1 Toetsenbord (Niveau A)

    Informatie over succescriterium 2.1.1 Toetsenbord

    Uitkomst: Onvoldoende

    Bevinding 18: De links in het hoofdmenu in de header van elke pagina krijgen wel toetsenbordfocus (door het attribuut tabindex="0"), maar zijn niet te bedienen met het toetsenbord. Het zijn links die door role=button worden omgevormd naar knoppen. Dit is niet voldoende om er knoppen van te maken en alle functionaliteit van knoppen te geven, dat moet nog toegevoegd worden. Dat is hier niet gebeurd. Semantisch is het ook niet logisch om knoppen voor menu-items te gebruiken. Verwijder het role-attribuut en voeg het href-attribuut toe aan de links om ze bedienbaar te maken met het toetsenbord.

    Bevinding 19: Op de homepagina https://degoudse-broker-uat.app.ota.dginsis.nl/dashboard is in de footer een knop "Start meekijken". Deze knop krijgt geen toetsenbordfocus en is daarom niet te bedienen met behulp van het toetsenbord. Dit komt doordat er geen interactief element zoals een knop is gebruikt, maar een <div>-element. Maak gebruik van het <button> element om dit op te lossen.

    Bevinding 20: Op de homepagina https://degoudse-broker-uat.app.ota.dginsis.nl/dashboard is de knop "Nieuwe offerte" niet te bedienen met het toetsenbord, en deze ontvangt ook geen focus. Het is een link die door role=button wordt omgevormd naar een knop. Dit is niet voldoende om alle functionaliteit van een knop te geven, dat moet nog toegevoegd worden. Dat is hier niet gebeurd. Gebruik het <button> element om dit op te lossen.

    Bevinding 21: Op de homepagina https://degoudse-broker-uat.app.ota.dginsis.nl/dashboard zijn de links naar "Contracten" en "Offertes" onder de kop "Overzicht" op dezelfde pagina niet bedienbaar met het toetsenbord. Dit komt doordat het <a> element voor links niet wordt gebruikt. Gebruik dit element om dit op te lossen.

    Bevinding 22: Als op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications een bevestigde aanvraag voor pensioen wordt geopend (bijv. nummer 12160461812, aanvraag voor tante Cor), ziet men alle info en kunnen er documenten gedownload worden. In het blok "Klantgegevens" komen accordions voor. Hoewel ze visueel de toetsenbordfocus krijgen, kunnen ze niet met het toetsenbord open- of dichtgeklapt worden. Gebruik een correct opgebouwde accordion om dit op te lossen zoals het W3C illustreert: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/.

    Bevinding 23: Als op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications een offerte wordt geopend (bijv. 11590638826001) dan opent het proces "Offerte maken". Bijvoorbeeld bij stap 3 "Klantgegevens" staan de 6 stappen van het proces onder de kop "Offerte maken". Elke stap is opgemaakt als een link met zichtbare linktekst "​1. Kies product", "2. Type offerte" etc. Hulpsoftware herkent ze ook als link, met deze linkteksten. Echter, de links zijn niet bedienbaar (zowel met toetsenbord als muis), wat verwarrend is. Zorg dat deze balk met de zes stappen niet interactief is, en men onder het formulier enkel met de knoppen "vorige" en "volgende" tussen de stappen kan navigeren. Of zorg ervoor dat deze balk wel bedienbaar is.

    2.2 Genoeg tijd

    2.2.1 Timing aanpasbaar (Niveau A)

    Informatie over succescriterium 2.2.1 Timing aanpasbaar

    Uitkomst: Onvoldoende

    Bevinding 24: Na een bepaalde tijd wordt men uitgelogd op de applicatie. Er verschijnt echter geen waarschuwing vooraf en geen mogelijkheid om de sessie te verlengen. Zorg ervoor dat bezoekers een melding krijgen en hun sessie kunnen verlengen.

    2.4.2 Paginatitel (Niveau A)

    Informatie over succescriterium 2.4.2 Paginatitel

    Uitkomst: Onvoldoende

    Bevinding 25: De pagina https://degoudse-broker-uat.app.ota.dginsis.nl/contact-details heeft de titel "Betty Blocks". Deze titel beschrijft de inhoud van de pagina niet. Zorg voor een goede titel, bijvoorbeeld "Contact, de Goudse Verzekeringen". Dit komt voor op meerdere pagina's zoals bijvoorbeeld https://degoudse-broker-uat.app.ota.dginsis.nl/current-contracts (heeft als titel current-contracts).

    Bevinding 26: De PDF "Premietabel" uit de documenten voor tante Cor heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft. Dit geldt ook voor de PDF met de premievoorwaarden voor tante Cor.

    Informatie over succescriterium 2.4.4 Linkdoel (in context)

    Uitkomst: Onvoldoende

    Bevinding 27: Als op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications een offerte wordt geopend (bijv. 11590638826001) dan opent het proces "Offerte maken". Bijvoorbeeld bij stap 3 "Klantgegevens" staan de 6 stappen van het proces onder de kop "Offerte maken". Elke stap is opgemaakt als een link met zichtbare linktekst "​1. Kies product", "2. Type offerte" etc. Hulpsoftware herkent ze ook als link, met deze linkteksten. Echter, de links zijn niet bedienbaar (zowel met toetsenbord als muis), wat verwarrend is. Zorg dat deze balk met de zes stappen niet interactief is, en men onder het formulier enkel met de knoppen "vorige" en "volgende" tussen de stappen kan navigeren. Of zorg ervoor dat deze balk wel bedienbaar is.

    2.4.7 Focus zichtbaar (Niveau AA)

    Informatie over succescriterium 2.4.7 Focus zichtbaar

    Uitkomst: Onvoldoende

    Bevinding 28: Op https://degoudse-broker-uat.app.ota.dginsis.nl/current-contracts kan in de tabel met het overzicht van alle offertes, in sommige kolommen gesorteerd worden, bijvoorbeeld "Productnaam". Deze knoppen krijgen de toetsenbordfocus en zijn bedienbaar, maar als ze focus krijgen is er geen zichtbare focusindicator. Zorg dat de knoppen om te sorteren een zichtbare focusindicator krijgen.

    3. Begrijpelijk

    3.1 Leesbaar

    3.1.1 Taal van de pagina (Niveau A)

    Informatie over succescriterium 3.1.1 Taal van de pagina

    Uitkomst: Onvoldoende

    Bevinding 29: Op elke pagina is de taalaanduiding van de hele pagina Engelstalig. De pagina is echter in het Nederlands. Zorg voor de juiste taalcodering in de HTML zodat hulpsoftware de tekst op correcte wijze voorleest.

    Bevinding 30: De PDF "Premietabel" uit de documenten voor tante Cor heeft niet de juiste taal ingesteld. Deze staat op Engels in plaats van Nederlands. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

    3.1.2 Taal van onderdelen (Niveau AA)

    Informatie over succescriterium 3.1.2 Taal van onderdelen

    Uitkomst: Onvoldoende

    Bevinding 31: Als je op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications de knop "nieuwe offerte" gebruikt, komt er een venster waar een portefeuille gekozen moet worden. Als er geen keuze wordt gemaakt, verschijnt de foutmelding "this field is required". Vertaal deze naar het Nederlands.

    3.3 Assistentie bij invoer

    3.3.2 Labels of instructies (Niveau A)

    Informatie over succescriterium 3.3.2 Labels of instructies

    Uitkomst: Onvoldoende

    Bevinding 32: Op https://degoudse-broker-uat.app.ota.dginsis.nl/current-contracts heeft het zoekveld bij de tabel geen label, enkel een placeholder. Placeholders kunnen niet als label dienen: ze verdwijnen als men in het veld begint te typen en het contrast van de tekst is (vaak) te laag. Geef het invoerveld een label. Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications.

    Bevinding 33: De invoervelden bij "Selecteer product" en "Status" op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications hebben geen label, bijvoorbeeld <input class="validationInput-1-2-19885" type="text" tabindex="-1" value="">. Geef dit invoerveld een label of verberg het veld als dit geen label dient te hebben.

    Bevinding 34: Als men een conceptofferte opent ophttps://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications, kom je in het proces voor offerte maken terecht. In stap 1 kiest men het type offerte en (eventueel) het type bedrijf. In deze stap komen twee invoervelden voor die geen label hebben: <input class="validationInput-1-2-60482" type="text" tabindex="-1" value="1"> en <input class="validationInput-1-2-60685" type="text" tabindex="-1" value="15">. Voeg een label toe of verberg dit veld als dit geen label dient te hebben.

    Bevinding 35: Als op de pagina https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications op een offertenummer wordt geklikt, bijvoorbeeld op 11590638826001, dan opent een pagina "Offerte maken". Bij stap 2 "Type offerte" staat er bij "Kies type offerte" een tooltip, een i in een cirkel. De tooltip krijgt toetsenbordfocus en laat dan meteen de informatie zien. Maar de informatie wordt niet opgepikt door hulpsoftware. Plaats de instructies en tips uit tooltips liever gewoon als tekst bij de velden en koppel deze met het aria-describedby attribuut.

    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 36: De profielknop in de header op iedere pagina klapt uit om de uitlogfunctie weer te geven. Het uitklappen van de knop wordt niet

    Bevinding 37: Op https://degoudse-broker-uat.app.ota.dginsis.nl/current-contracts heeft de zoekknop in het zoekveld bij de tabel geen label. Dit heeft impact op bezoekers die spraakbesturing of een screenreader gebruiker. Geef de zoekknop een label.

    Bevinding 38: Op https://degoudse-broker-uat.app.ota.dginsis.nl/current-contracts is onder de tabel het aantal resultaten dat men zit aan te passen. Dit is een keuzelijst, maar in de code is het een knop die een listbox aanroept. Dit komt semantisch niet overeen. Gebruik het <select>-element om een keuzelijst op te maken. Dit komt ook voor op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications (met ook de keuzelijsten voor "Selecteer product" en "Status").

    Bevinding 39: Op https://degoudse-broker-uat.app.ota.dginsis.nl/current-contracts kan in de tabel met het overzicht van alle offertes, in sommige kolommen gesorteerd worden. Dit wordt enkel duidelijk door met de muis over de kolomkoppen te hoveren, dan kan men zien dat er een sorteerfunctie is. Maak dit voor iedere bezoeker duidelijk en bruikbaar door de knoppen permanent zichtbaar te maken, en niet enkel bij hover.

    Bevinding 40: Op https://degoudse-broker-uat.app.ota.dginsis.nl/current-contracts kan in de tabel met het overzicht van alle offertes, in sommige kolommen gesorteerd worden. De knop bij een kolom om dit te doen is de titel van de kolom. De status van het sorteren wordt echter niet gecommuniceerd. Dit is op te lossen door aria-sort toe te voegen aan de th-elementen, en met Javascript de waarde te toggelen van ascending naar descending (en omgekeerd). De titel van de knop dient ook aangepast te worden, de titel van de kolom is namelijk geen goede beschrijving van de functie van de knop (sorteren). Laat de titel van de kolom uit de knop en gebruik het pijl-pictogram voor de knop. Geef deze een aria-label van "sorteren". Dit speelt ook op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications.

    Bevinding 41: Op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications wordt een overzicht gegeven van alle offertes. Bij sommige offertes staat in de kolom nummer een pictogram achter het offertenummer. Dit is een knop, maar deze knop heeft geen label. Dit heeft impact op bezoekers met screenreaders of spraakbesturing. Verzorg een label.

    Bevinding 42: Als op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications een bevestigde aanvraag voor pensioen wordt geopend (bijv. nummer 12160461812, aanvraag voor tante Cor), ziet men alle info en kunnen er documenten gedownload worden. In het blok "Klantgegevens" komen accordions voor. De status van in- en uitgeklapt wordt echter niet gecommuniceerd naar hulpsoftware. Gebruik het attribuut aria-expanded hiervoor en een correct opgebouwde accordion compoment (zie succescriterium 2.1.1).

    Bevinding 43: Als op de pagina https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications op een offertenummer wordt geklikt, bijvoorbeeld op 11590638826001, dan opent een pagina "Offerte maken". Bij stap 2 "Type offerte" staat er bij "Kies type offerte" een tooltip, een i in een cirkel. De tooltip heeft geen label, waardoor het niet duidelijk is wat de functie is van de knop. Dat heeft met name impact op bezoekers met screenreader of spraakbesturing. Daarnaast wordt de inhoud van de tooltip niet opgepikt door screenreaders. Verwijder de knop en plaats de instructies en tips bij de velden zelf. Zie succescriterium 3.3.2.

    Bevinding 44: Als op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications op een offertenummer wordt geklikt, bijvoorbeeld op 11590638826001 dan opent een pagina "Offerte maken". Bijvoorbeeld bij stap 3 "Klantgegevens" staan de 6 stappen van het proces onder de kop "Offerte maken". Elke stap is opgemaakt als een link met zichtbare linktekst "​1. Kies product", "2. Type offerte" etc. De link "​3. Klantgegevens" is bold om aan te geven dat dit de huidige stap is. Hulpsoftware heeft deze informatie niet. Gebruik bijvoorbeeld aria-current="step" om dit aan te geven.

    Bevinding 45: Als op de pagina https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications op een offertenummer wordt geklikt (bijv. op stap11964373306001), dan opent een pagina "Offerte maken". In stap 5 staat een tabel met de toegevoegde verzekerden. Elke verzekerde kan verwijderd worden met een knop met een prullebak icoon onder "Verwijderen". Deze knoppen hebben geen toegankelijke naam, blinde bezoekers weten niet wat de knop doet. Geef de knop een beschrijvende naam met daarin de naam van de verzekerde zodat duidelijk is wat er verwijderd wordt.

    Bevinding 46: Als op de pagina https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications op een offertenummer wordt geklikt (bijv. op 11598676537001), dan opent een pagina "Offerte maken". In stap 5, als men kiest voor handmatig verzekerden toevoegen, hebben de knoppen waarmee men een datumkiezer opent geen label. Dat heeft met name impact op bezoekers met screenreader of spraakbesturing. Verzorg een label voor deze knoppen.

    4.1.3 Statusberichten (Niveau AA)

    Informatie over succescriterium 4.1.3 Statusberichten

    Uitkomst: Onvoldoende

    Bevinding 47: Op https://degoudse-broker-uat.app.ota.dginsis.nl/current-contracts is er eerst een bericht dat duidelijk maakt dat de contracten geladen worden en dat dit even duurt. Dit bericht wordt echter niet gecommuniceerd naar hulpsoftware zoals screenreaders. Gebruik hier een live region voor. Dit komt ook voor op https://degoudse-broker-uat.app.ota.dginsis.nl/overview-quotations_applications

    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-05-12 18:10:59 v2.4-011