Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Adviseursportaal De Goudse Verzekeringen

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Adviseursportaal De Goudse Verzekeringen
Datum 11 februari 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op adviseur-mijngoudse.hofstaete-acceptatie.nl/
  • Alle PDF's op adviseur-mijngoudse.hofstaete-acceptatie.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: 109

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 de inlogpagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/inloggen staat een afbeelding van een logo met alternatieve tekst 'De Goudse'. Deze beschrijving is onvoldoende. Visueel is de tekst 'verzekeringen' te zien, vul deze tekst aan. Voeg ook toe dat het hier om een logo gaat.

Bevinding 2: Op alle pagina's staat het logo van Goudse Verzekeringen met alternatieve tekst 'Test TP'. Deze tekst beschrijft de afbeelding niet. De tekst die visueel op het logo te zien is moet terugkomen in de alternatieve tekst en vermeld dat het hier om een logo gaat. Bijvoorbeeld 'De Goudse Verzekeringen logo'. Omdat deze afbeelding een link is en de naam van deze link uit het tekstalternatief van de afbeelding komt, moet het tekstalternatief de visuele tekst weergeven en aangeven waar de link naartoe gaat. Bijvoorbeeld 'De Goudse Verzekeringen logo', ga naar de startpagina van de adviseursmodule' of iets dergelijks.

Bevinding 3: In het nieuwsbericht "Nieuwe preventieve diensten voor uw relaties met AOV" op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ is een afbeelding aanwezig. Deze is gemarkeerd als decoratief door een leeg alt-attribuut. Dit is niet correct, omdat niet alle informatie uit de afbeelding in de tekst staat. De vier categorieën gezondheid worden in de tekst wel genoemd, maar de opsommingen bij iedere categorie in de afbeeldingen worden niet genoemd. Plaats deze opsommingen ook in de tekst om dit op te lossen.

Bevinding 4: De PDF https://adviseur-mijngoudse.hofstaete-acceptatie.nl/HsPdfDocumentForm.ashx?mijcode=N017&doc=Prive%20Pakket%20Online%203.0.pdf&desc=Algemene%20Voorwaarden%20Prive%20Pakket%20Online%203.0 bevat het logo van de Goudse verzekeringen, maar deze komt niet terug in de codelaag van de PDF. Zorg ervoor dat tenminste het logo op het titelblad als afbeelding is getagd en verzorg alt-tekst. Indien logo's zich meermalig voordoen zoals in deze PDF het geval is, mogen ze elders verborgen worden. Ze dienen dan wel van een Artifact tag voorzien te worden.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 5: Op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ staat in het navigatiemenu een link 'service'. Wanneer deze uitgevouwen is, verschijnt er een dialoogvenster met daarin teksten die zijn opgemaakt met het strong-element zoals 'Schadebehandeling'. Het strong-element is bedoeld om nadruk te geven aan kleine stukjes tekst en niet enkel voor opmaak. Maak gebruik van de stylesheet om de teksten vetgedrukt op te maken of maak hier koppen van (bijvoorbeeld h3).

Bevinding 6: In het nieuwsbericht "Nieuwe preventieve diensten voor uw relaties met AOV" op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ zijn koppen aanwezig. Deze zijn echter niet als koppen opgemaakt, maar als vetgedrukte tekst middels het strong element. Dit element mag enkel gebruikt worden om enkele woorden te benadrukken. Het is belangrijk om koppen als koppen op te maken om structuur en semantiek op de pagina over te brengen. Gebruik het HTML-element voor koppen om dit op te lossen. Denk aan het gebruik van het juiste niveau!

Bevinding 7: In het nieuwsbericht "Nieuwe preventieve diensten voor uw relaties met AOV" op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ is visueel een opsomming zichtbaar van 1 t/m 4. Deze opsomming is niet als lijst opgemaakt. Gebruik het ol- en li-element om deze opsomming op te maken.

Bevinding 8: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ is er tussen de blauwe knoppen van het dashboard en de kop "Nieuws" een lege lijst aanwezig: <ul class="menu"></ul>. Lege lijsten overspoelen bezoekers met hulpsoftware met overbodige informatie die verwarrend kan werken. Verwijder de lege lijst. Dit geldt ook voor de lege lijst <ul class="client__list"></ul> in de zijbalk op dezelfde pagina.

Bevinding 9: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ is het logo van de Goudse Verzekeringen opgemaakt als een kop. Het logo functioneert niet als een kop die onderliggende content beschrijft en hoort daarom niet thuis in de koppenstructuur.

Bevinding 10: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt er in het hoofdmenu (met opties voor instellingen, service en taken) een leeg lijstitem voor: <li class="nav__menu-item nav__menu-item--home"></li>. Lege lijstitems overspoelen bezoekers met hulpsoftware met overbodige informatie die verwarrend kan werken. Verwijder het lege lijstitem. Er zijn ook lege lijstitems in de zijbalk als er relaties aanwezig zijn: <li id="calculationlightcontainer" class="client__menu-item"></li>, <li id="savedcalculationlightcontainer" class="client__menu-item"></li>, <li id="quotationlightcontainer" class="client__menu-item"></li>, <li id="customerinformation_numberemployeescontainer" class="client__list-item"></li>, <li id="customerinformation_address1container" class="client__list-item"></li>, <li id="customerinformation_address2container" class="client__list-item"></li>, <li id="customerinformation_kvknumbercontainer" class="client__list-item"></li>, <li id="customerinformation_birthdaycontainer" class="client__list-item"></li>, <li id="customerinformation_emailcontainer" class="client__list-item"></li>, <li id="customerinformation_phonecontainer" class="client__list-item"></li> en <li id="customerinformation_cellphonecontainer" class="client__list-item"></li>.

Bevinding 11: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/producten-overzicht staan koppen die niet als zodanig zijn opgemaakt, namelijk 'Particulier' en 'Kortlopende verzekeringen'. Plaats deze koppen in de koppenstructuur. Een vergelijkbaar probleem komt voor op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur/taken bij de tekst opgemaakt met hoofdletters 'Nieuwe particuliere relatie' (in de zijbalk waar relaties getoond worden).

Bevinding 12: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt in de zijbalk (als er relaties aanwezig zijn of bij het aanmaken van een nieuwe relatie) onder de kop 'Nieuwe particuliere relatie' in het formulier twee radiobuttons voor. Boven deze radiobuttons staat de tekst 'Geslacht'. Deze tekst is nu niet gekoppeld aan de groep keuzerondjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen. Dit komt ook voor bij de radiobuttons op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur-instellingen.

Bevinding 13: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/producten-overzicht komt in de zijbalk (als er relaties aanwezig zijn of bij het aanmaken van een nieuwe relatie) onder de kop 'Nieuwe particuliere relatie' een formulier voor. De invoervelden van dit formulier zijn niet gelabeld. Dit komt doordat het label-element dat aanwezig is, niet gekoppeld is met het for-attribuut aan het corresponderende invoerveld. Koppel ieder veld aan diens label om dit op te lossen. Dit probleem doet zich op meerdere pagina's met dezelfde zijbalk voor.

Bevinding 14: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur/taken komt in de zijbalk (bij het aanmaken van een nieuwe relatie) onder de kop 'Nieuwe particuliere relatie' een formulier voor. De tekst "Er is nog geen relatie aangemaakt" is vetgedrukt middels het strong-element. Dat is bedoeld om nadruk te geven aan kleine stukjes tekst en niet enkel voor opmaak. Maak gebruik van de stylesheet om deze zin vetgedrukt op te maken. Dit probleem doet zich op meerdere pagina's met dezelfde zijbalk voor.

Bevinding 15: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur/taken worden de taken weergegeven in een tabel. In de code wordt er echter gebruik gemaakt van lijsten. Hierdoor wordt de relatie tussen de verschillende rijen en kolommen niet duidelijk voor hulpsoftware. Gebruik een tabel om deze gegevens in te plaatsen. Vergeet niet om tabelkoppen aan te duiden. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/opgeslagen-berekeningen, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/offertes, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-facturen, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-schades, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur/opgeslagen-mutaties

Bevinding 16: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt in de zijbalk (als er relaties aanwezig zijn) een formulier voor om de gegevens bij te werken van een geselecteerde relatie. De invoervelden hebben geen label. Dit komt doordat het label-element dat aanwezig is, niet gekoppeld is met het for-attribuut aan het corresponderende invoerveld. Koppel ieder veld aan diens label om dit op te lossen.

Bevinding 17: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/opgeslagen-berekeningen is de tabel eigenlijk opgemaakt als meerdere lijsten. Er komen echter lege lijsten en lege lijstitems voor. Lege lijsten en lijst-items overspoelen bezoekers met hulpsoftware met overbodige informatie die verwarrend kan werken. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/offertes. Lege lijst-items komen ook voor op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/producten-overzicht, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-facturen, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-schades

Bevinding 18: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/berekening worden de details van de berekening en de premie visueel in tabellen weergegeven. In de code zijn ze echter niet opgemaakt als een tabel. Hierdoor wordt de relatie tussen de verschillende rijen en kolommen niet duidelijk voor hulpsoftware. Gebruik een tabel om deze gegevens in te plaatsen. Vergeet niet om tabelkoppen aan te duiden. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/producten-overzicht.

Bevinding 19: Als men op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-schades de link van het schadenummer aanklikt om naar de detailpagina te gaan wordt deze informatie visueel in een tabel gepresenteerd. In de code is het echter geen tabel. Hierdoor wordt de relatie tussen de verschillende rijen en kolommen niet duidelijk voor hulpsoftware. Gebruik een tabel om deze gegevens in te plaatsen. Vergeet niet om tabelkoppen aan te duiden. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-beheer.

Bevinding 20: De PDF https://adviseur-mijngoudse.hofstaete-acceptatie.nl/HsPdfDocumentForm.ashx?mijcode=N017&doc=Prive%20Pakket%20Online%203.0.pdf&desc=Algemene%20Voorwaarden%20Prive%20Pakket%20Online%203.0 bevat visuele koppen, maar in de codelaag van de PDF zijn paragraph tags (p) gebruikt. Deze tags zijn bedoeld voor platte tekst. Duidt ze aan middels koptags (h) en denk eraan het juiste niveau te gebruiken.

Bevinding 21: De PDF https://adviseur-mijngoudse.hofstaete-acceptatie.nl/HsPdfDocumentForm.ashx?mijcode=N017&doc=Algemene%20voorwaarden%20CompleetVerzekerd%20Mijn%20bedrijf%202.0.pdf&desc=Algemene%20voorwaarden%20CompleetVerzekerd%20Mijn%20bedrijf%202.0 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 oplezen en bepalen wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 22: Op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ staan onder de kop 'Nieuws' nieuwsitems met een datum en koptekst. Doordat de datum voorafgaand aan de koptekst wordt voorgelezen door hulpsoftware, kan het voor bezoekers die hier gebruik van maken onduidelijk zijn bij welke kop de datum hoort. Verplaats de datum in HTML zodat deze na de kop komt. Visueel mag deze volgorde wel aangehouden worden.

1.3.4 Weergavestand (Niveau AA)

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Onvoldoende

Bevinding 23: De applicatie in zijn geheel past de lay-out niet voldoende aan als deze wordt bekeken in portretmodus. Op bijvoorbeeld https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur/taken valt alle tekst over elkaar heen. Daarnaast is de zijbalk niet terug in te klappen als deze is ingeklapt. Pas responsive design om ervoor te zorgen dat de applicatie netjes schaalt op telefoons en tablets en dat er geen content over elkaar heen schuift of wegvalt.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 24: In de zijbalk van het portal (als er relaties aanwezig zijn) wordt het autocomplete attribute niet gebruikt in de formulieren om een nieuwe relatie aan te maken of om gegevens aan te vullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email". Dit probleem doet zich in meerdere formulieren op de website voor.
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/oepsie staan de links "hier" en "contact" in een lopende tekst. Deze link is alleen herkenbaar doordat het een andere kleur heeft. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat het om een link gaat. Zorg ervoor dat hyperlinks in lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen. De achtergrondkleur is wel anders, maar deze witte achtergrond heeft een te laag contrastratio van 1,1:1 ten opzichte van de grijze achtergrond (HEX #ECECEC).

Bevinding 26: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur-instellingen staan groene asterisken bij het formulier. Slechtzienden en kleurenblinden kunnen deze hierdoor mogelijk niet herkennen. Zorg voor een andere manier om deze tekens visueel te onderscheiden, of kies ervoor ze in het zwart op te maken.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 27: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ heeft de tekst "Dashboard T Swink" onvoldoende contrast. De kleurencombinatie van grijs (HEX #A3A3A3) op lichtgrijze achtergrond (HEX #F5F5F5) heeft een contrastverhouding van 2,32:1 waar het minstens 4,5:1 moet zijn.

Bevinding 28: In het dashboard op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komen blauwe knoppen (HEX #1097C7) met witte tekst voor. Dit geeft een contrastverhouding van 3,36:1, waar het minimaal 4,5:1 moet zijn. Dit komt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/inloggen voor. Naast knoppen wordt deze kleurencombinatie ook gebruikt voor links op o.a. https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur/taken en knoppen in de zijbalk.

Bevinding 29: In de zijbalk met informatie over relaties op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ heeft lichtgrijze tekst (HEX #888888) zoals "SBI code" onvoldoende contrast met de witte achtergrond. De contrastverhouding is 3,54:1 waar het minstens 4,5:1 moet zijn.

Bevinding 30: De blauwe links op een grijze achtergrond in nieuwsberichten op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ vallen mogelijk onvoldoende op. De contrastverhouding is 3,1:1 waardoor net voldaan wordt aan het vereiste voor grote tekst. Maar de links vallen niet onder de voorwaarden voor grote tekst van WCAG: grote tekst wordt gedefinieerd als 18pt (24 CSS-pixels) met een normaal lettertypegewicht of 14pt (18,67 CSS-pixels) vette tekst (font-weight minstens 700). De tekstgrootte is hier 16px met een font-weight van 400.

Bevinding 31: Op de inlogpagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/inloggen staat grijze (HEX #A2A2A2) tekst op de lichtgrijze (HEX #F5F5F5) achtergrond met een contrastverhouding van 2,3:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 32: De foutmelding op de inlogpagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/inloggen heeft een rode (HEX #F13244) tekst op een lichtgrijze (HEX #F2F2F2) achtergrond met een contrastverhouding van 3,5:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 33: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt in de zijbalk (als er relaties aanwezig zijn of bij het aanmaken van een nieuwe relatie) onder de kop 'Nieuwe particuliere relatie' een formulier voor. Wanneer een bezoeker geen invoer invult en de knop activeert, verschijnt er een foutmelding. De witte tekst op de rode (HEX #EE5959) achtergrond heeft een contrastverhouding van 3,3:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 34: Op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ staan onder 'Nieuws' bij de nieuwsberichten datums met een donkergrijze (HEX #777777) tekst op een lichtgrijze (HEX #F5F5F5) achtergrond met een contrastverhouding van 2,3:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 35: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/oepsie staat de tekst 'Test TP'. De grijze (HEX #C7C7C7) kleur op de witte achtergrond heeft een contrastverhouding van 1,6:1.

Bevinding 36: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur/taken staan filterknoppen. De lichtgrijze (HEX #A8A8A8) kleur op een witte achtergrond met een contrastverhouding van 2,3:1, waar dit minimaal 4,5:1 moet zijn. Dit speelt ook op o.a. https://adviseur-mijngoudse.hofstaete-acceptatie.nl/opgeslagen-berekeningen, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/offertes

Bevinding 37: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/opgeslagen-berekeningen is de datum (HEX #A5A5A5) van een opgeslagen berekening onvoldoende leesbaar. De contrastverhouding is 2,5:1 waar het minimaal 4,5:1 moet zijn.

Bevinding 38: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/berekening komt lichtgrijze tekst (HEX #A5A5A5) op een witte achtergrond voor. Dit heeft een contrastverhouding van 2,46:1 waar het minimaal 4,5:1 moet zijn.

Bevinding 39: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/berekening komt in de tabel "Premies zijn inclusief korting en assurantiebelasting" grijze tekst (HEX #989898) op grijze achtergrond (HEX #F5F5F5) voor. Dit heeft een contrastverhouding van 2,64:1 waar het minstens 4,5:1 moet zijn.

Bevinding 40: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/historie is er lichtgrijze tekst (HEX #BEBEBE) op grijze achtergrond (HEX #F5F5F5). Dit zorgt voor een contrastverhouding van 1.7:1 waar dit minimaal 4,5:1 moet zijn. Deze kleurencombinatie komt ook op andere plekken voor, zoals de tabs voor berekenen premie, overige gegevens en voorwaarden wanneer men een nieuwe Ondernemers AOV invult (via het productenoverzicht).

Bevinding 41: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/historie komt er lichtgrijze tekst (#7C7C7C) op witte achtergrond voor. Dit levert een contrastverhouding van 4,17:1 op waar dit 4,5:1 moet zijn.

Bevinding 42: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/historie komt er lichtgrijze tekst (#A6A6A6) op witte achtergrond voor. Dit levert een contrastverhouding van 2,43:1 op waar dit 4,5:1 moet zijn.

Bevinding 43: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/contact heeft de blauwe link (HEX #1097C7) onvoldoende contrast met de grijze (HEX #F5F5F5) achtergrond. Dit zorgt voor een contrastverhouding van 3.07:1 waar het minstens 4,5:1 moet zijn.

Bevinding 44: De PDF's https://adviseur-mijngoudse.hofstaete-acceptatie.nl/HsPdfDocumentForm.ashx?mijcode=N017&doc=Prive%20Pakket%20Online%203.0.pdf&desc=Algemene%20Voorwaarden%20Prive%20Pakket%20Online%203.0 en https://adviseur-mijngoudse.hofstaete-acceptatie.nl/HsPdfDocumentForm.ashx?mijcode=N017&doc=Algemene%20voorwaarden%20CompleetVerzekerd%20Mijn%20bedrijf%202.0.pdf&desc=Algemene%20voorwaarden%20CompleetVerzekerd%20Mijn%20bedrijf%202.0 bevat blauwe (HEX #0092C) op witte achtergrond. De contrastverhouding is 3,6:1 waar het 4,5:1 moet zijn voor normale tekst.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 45: Bij het zoomen naar 200% vallen de iconen van het hoofdmenu (voor taken, service, instellingen) over elkaar heen. Ook valt tekst van relaties uit de zijbalk of invoervelden van formulieren half weg. Zorg dat de layout meeschaalt met het aanpassen van de tekstgrootte.

Bevinding 46: Bij het zoomen vanaf 100% valt tekst uit het dialoogvenster van de knop 'service' in het hoofdmenu buiten beeld. Zorg dat alle content in dialoogvensters zichtbaar blijft bij het herschalen. Dit probleem doet zich bij meerdere elementen op de website voor. Zie tevens SC 1.4.10.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 47: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ staat in het nieuwsbericht 'Nieuwe preventieve diensten voor uw relaties met AOV' een afbeelding met tekst over gezondheid van een ondernemer. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt niet volledig voor op de pagina, zodat blinden deze informatie helemaal moeten missen. Plaats deze tekst daarom als HTML-tekst op de pagina.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 48: Wanneer op de inlogpagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/inloggen bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 175% dan valt de tekst onder de 'Inloggen' knop buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken. Vermijd overigens de scrollbalk in de leesrichting (horizontaal).

Bevinding 49: Op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 175% dan vallen in het hoofdmenu de links 'taken' en 'service' deels over elkaar heen. Bij verder inzoomen vallen de links over elkaar. Zorg ervoor dat deze links bereikbaar en bedienbaar blijven bij inzoomen en wanneer de schermgrootte wordt aangepast.

Bevinding 50: Wanneer op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 200% dan valt in de zoekfunctie de zoekknop over het invoerveld heen. Zorg ervoor dat alle content bereikbaar en bedienbaar blijft.

Bevinding 51: Wanneer op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 400% dan verdwijnt een deel van de tekst van de zijbalk. Hierdoor is bijvoorbeeld het formulier om een relatie aan te maken in die zijbalk niet meer te gebruiken. Ook de knop om de zijbalk af te sluiten verdwijnt, waardoor deze over de rest van de content op de pagina heen staat en niet meer te bereiken is. Zorg ervoor dat alle content leesbaar, bereikbaar en bedienbaar blijft. Ook de drie knoppen (voor offertes, berekening en opgeslagen berekeningen) in de zijbalk vallen deels weg, waardoor ze niet alledrie te gebruiken zijn.

Bevinding 52: Bij een normale weergave op 100% wanneer het dialoogvenster bij de link 'service' uit het hoofdmenu wordt geopend in het navigatiemenu, dan is niet alle tekst leesbaar aan het begin. Pas bij 90% is alle contactinformatie zichtbaar. Hoewel dit een probleem is voor alle bezoekers, is het ook een specifiek toegankelijkheidsprobleem, omdat bijvoorbeeld slechtziende bezoekers een dergelijke verkleinde tekst niet kunnen lezen. Zie tevens SC 1.4.4.

Bevinding 53: Wanneer op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/oepsie bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 150% dan vallen delen tekst zoals (404) over andere tekst op de pagina heen. Zorg ervoor dat alle content leesbaar blijft.

Bevinding 54: In het algemeen veroorzaakt het vergroten van tekst en het aanpassen van de viewport problemen in het portaal. Zo valt er tekst op o.a. https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur/taken over elkaar heen, waardoor deze onleesbaar wordt. Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/producten-overzicht gebeurt dat ook, en wordt de knop om een nieuwe berekening te maken onbruikbaar als tekst eroverheen of te dichtbij staat. Zorg ervoor dat bij het aanpassen van de viewport en de tekstgrootte de website meeschaalt.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 55: De zoekknop (het vergrootglas) op elke pagina op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ heeft onvoldoende contrast. Het lichtgrijs (HEX #CACACA) op de witte achtergrond heeft een contrastverhouding van 1,6:1 waar het minstens 3:1 moet zijn.

Bevinding 56: Op de inlogpagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/inloggen staan witte invoervelden op een lichtgrijze (HEX #F2F2F2) achtergrond. Er zijn geen duidelijke randen voor de invoervelden waardoor de contrastverhouding 1,1:1 is, waar dit minimaal 3:1 moet zijn.

Bevinding 57: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/opgeslagen-berekeningen heeft het pictogram (HEX #CECCD2) om een berekening te verwijderen onvoldoende contrast. De contrastverhouding is 1,6:1 waar het minstens 3:1 moet zijn. Deze kleurencombinatie wordt ook gebruikt voor andere pictogrammen, zoals bijvoorbeeld de "Schade" en "Bewerk premie" pictogrammen op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/producten-overzicht.

Bevinding 58: Advies: de knoppen voor Instellingen, Service en Uitloggen in de hoofdnavigatie zijn lichtpaars op donkerpaarse achtergrond. De contrastverhouding is ruim boven 3:1, waardoor het voldoet. Toch kunnen de knoppen niet duidelijk zijn voor bezoekers. We raden daarom aan om ze wit op donkerpaars te maken, net als de knoppen voor Taken en Home in de hoofdnavigatie. Dit komt voor op elke pagina op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 59: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-facturen verschijnt bij het hoveren over het factuurnummer en het soort factuur extra informatie in een tooltip. Deze tooltip verdwijnt zodra je de muis naar de inhoud wil bewegen. Het is ook enkel te sluiten door de muis te verplaatsen. Dit kan problemen veroorzaken voor onder andere personen die zonder muis navigeren, en de cursor op een willekeurige plaats hebben staan. Zorg ervoor dat de tooltip te sluiten is met het toetsenbord en in beeld blijft wanneer je de muis naar de inhoud wil verplaatsen. Of zet de inhoud gewoon als tekst op de pagina. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-schades.

Bevinding 60: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/berekening verschijnt bij het hoveren over het persoonicoontje een tooltip met extra informatie. Het is ook enkel te sluiten door de muis te verplaatsen. Dit kan problemen veroorzaken voor onder andere personen die zonder muis navigeren, en de cursor op een willekeurige plaats hebben staan. Zorg ervoor dat de tooltip te sluiten is met het toetsenbord en in beeld blijft wanneer je de muis naar de inhoud wil verplaatsen. Of zet de inhoud gewoon als tekst op de pagina.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 61: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur-instellingen komen tooltips voor waarmee extra info opgevraagd kan worden. Deze tooltips zijn niet met het toetsenbord bedienbaar, dit komt doordat er tabindex=-1 wordt gebruikt. Dat haalt het element uit de tab- en leesvolgorde van hulpsoftware en is niet toegestaan voor interactieve elementen. Dit komt ook voor als men een nieuwe Ondernemers AOV invult (via het productenoverzicht).

Bevinding 62: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur-instellingen komen tooltips voor waarmee extra info opgevraagd kan worden. Als men de tooltip uitklapt, is er een sluitknop. Deze is niet met het toetsenbord bedienbaar, want er wordt geen interactief element als een knop gebruikt. Maak er een knop van om dit op te lossen. Dit komt ook voor als men een nieuwe Ondernemers AOV invult (via het productenoverzicht).

Bevinding 63: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-facturen verschijnt bij het hoveren over het factuurnummer en het soort factuur extra informatie in een tooltip. Deze is niet op te roepen met het toetsenbord. Zorg ervoor dat de tooltip te openen en te sluiten is met het toetsenbord. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-schades.

Bevinding 64: Bij het uitvoeren van een zoekopdracht (zoeken naar een relatie), verschijnen er relaties als zoekresultaat. De zoekresultaten zijn niet bedienbaar met het toetsenbord. Enkel de knoppen voor producten, facturen, offertes en schade zijn bedienbaar met het toetsenbord. Dit komt doordat de link naar het dashboard voor die relatie met JavaScript is geregeld. Gebruik het a-element om een link te verzorgen naar het dashboard die bedienbaar is met het toetsenbord.

Bevinding 65: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/contact is de link niet bedienbaar met toetsenbord. Dit komt door het ontbreken van het href-attribuut. Voeg deze toe.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 66: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Bezoekers die de website met toetsenbord bedienen en/of hulpsoftware moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit kun je oplossen door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 67: Op de inlogpagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/inloggen staat een paginatitel 'Adviseursite van De Goudse'. Deze tekst geeft de organisatienaam aan, maar beschrijft het doel of onderwerp van de pagina niet. Voeg eraan toe dat het hier om de inlogpagina gaat, bijvoorbeeld met de tekst 'Inloggen'.

Bevinding 68: Afgezien van https://adviseur-mijngoudse.hofstaete-acceptatie.nl/inloggen en https://adviseur-mijngoudse.hofstaete-acceptatie.nl/oepsie hebben alle pagina's de paginatitel 'Adviseursite van Test TP'. Zorg dat elke pagina uniek identificeerbaar is. De tekst beschrijft het doel of onderwerp niet per pagina en beschrijft de organisatienaam onvoldoende.

Bevinding 69: De PDF https://adviseur-mijngoudse.hofstaete-acceptatie.nl/HsPdfDocumentForm.ashx?mijcode=N017&doc=Prive%20Pakket%20Online%203.0.pdf&desc=Algemene%20Voorwaarden%20Prive%20Pakket%20Online%203.0 heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam, maar de titel van het document wordt getoond. Dit speelt ook bij de PDF https://adviseur-mijngoudse.hofstaete-acceptatie.nl/HsPdfDocumentForm.ashx?mijcode=N017&doc=Algemene%20voorwaarden%20CompleetVerzekerd%20Mijn%20bedrijf%202.0.pdf&desc=Algemene%20voorwaarden%20CompleetVerzekerd%20Mijn%20bedrijf%202.0.

Bevinding 70: Advies: De foutpagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/oepsie heeft een beschrijvende paginatitel, maar de organisatienaam is onvoldoende beschreven.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 71: De volgorde van de focus gaat op de meeste pagina's van de menu elementen in de paarse zijbalk, naar de zoekbalk met placeholder "zoek relatie", vervolgens naar de hoofdcontent en ten slotte naar de zijbalk met het persoonlijk profiel (indien het op de pagina voordoet). Indien men de zoekbalk gebruikt, komen zoekresultaten in beeld. Dit doet een focus volgorde ontstaan dat afwijkt van het gebruikelijke: van de menu elementen in de paarse zijbalk naar de zoekresultaten, terug naar de zoekbalk en vervolgens naar de content op de onderliggende pagina. Zorg ervoor dat de focus dezelfde volgorde aanhoudt, zodat dit voor gebruikers van hulpsoftware voorspelbaar is. Zorg tevens dat de focus in de zoekmodule blijft, en niet op de onderliggende pagina verder gaat.

Bevinding 72: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl staat de link "Rekening courant". Dit opent een dialoogvenster met een sluitknop. De focus staat op de onderliggende pagina en komt pas als 37e in de tab-volgorde voor. Zorg dat de focus direct naar de sluitknop gaat, zodat het geen desoriëntatie veroorzaakt bij bezoekers die middels het toetsenbord navigeren.

Bevinding 73: Op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ staat in het hoofdmenu een link 'service'. Deze link krijgt de focus na de 'Uitloggen' knop. Voor ziende bezoekers die navigeren via het toetsenbord is dit geen logische volgorde, omdat de 'service' link visueel hierboven staat.

Bevinding 74: Als je op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ in het hoofdmenu de link 'service' activeert, verschijnt er een dialoogvenster. Als je nu met de tabtoets verder navigeert kun je het dialoogvenster verlaten, zonder dat deze eerst sluit. Daardoor kun je niet overal meer zien waar je bent. Zorg dat je het dialoogvenster pas kan verlaten als deze gesloten wordt.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 75: Op alle pagina's staat een klikbare afbeelding van het logo. Deze afbeelding is een link met toegankelijke naam 'Test TP'. Het is tevens een link naar de homepage, echter is dit linkdoel is niet duidelijk. Zie ook SC 1.1.1 voor een toelichting en mogelijke oplossing.

Bevinding 76: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt in de zijbalk als er relaties aanwezig zijn, een link zonder linktekst voor: <a href="/relatie-dashboard"><span id="customerinformation_companyname"></span></a>. Links zonder linktekst zijn verwarrend voor bezoekers met hulpsoftware. Geef de link linktekst, verwijder deze, of laat hem enkel verschijnen (met linktekst) als het nodig is. Dit geldt ook voor de link <a href="/relatie-dashboard" class="icon icon--customer-type-zakelijk"><span class="badge badge--zakelijk prospect"></span></a> op dezelfde pagina in dezelfde zijbalk. Dit geldt ook voor de lege link <a href="/relatie-dashboard" class="icon icon--customer-type-particulier"></a> en de links voor de vorige en volgende stap voor het bijwerken van gegevens van een relatie in de zijbalk op dezelfde pagina.

Bevinding 77: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/opgeslagen-berekeningen komt een link voor zonder linktekst: <a class="otherperson__btn otherperson__btn--isotheradvisorsaved" data-action="toggle-tooltip" href="javascript:void(0)"></a>. Links moeten altijd linktekst hebben, voeg linktekst toe of haal lege links weg. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/offertes, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/historie

Bevinding 78: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt in de zijbalk (als er relaties aanwezig zijn) een formulier voor om een relatie toe te voegen of aan te vullen. Als er meerdere pagina's in de zijbalk zijn om in te vullen, wordt dat aangeduid met bolletjes. Deze zijn links naar de vorige of volgende stap. Deze links hebben echter geen linktekst. Voeg linktekst toe. Dit komt overal voor waar de zijbalk getoond wordt.

Bevinding 79: Advies: Op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ staat in het hoofdmenu de link 'service'. Wanneer deze wordt aangeklikt verschijnt er een dialoogvenster met daarin meerdere links met de linktekst 'E-mail'. Bezoekers die navigeren met het toetsenbord kunnen een lijst met links opvragen. Wanneer alle links een identieke naam hebben, is dit niet behulpzaam. Verander de linkteksten bijvoorbeeld naar het uitgeschreven e-mailadres om dit probleem op te lossen.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 80: De pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/contact wordt nergens gelinkt waar het overal bereikbaar is. Zorg ervoor dat deze via één andere wijze te bereiken is, bijvoorbeeld via een link in het menu in de paarse zijbalk.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 81: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/berekening verschijnt er een modal als men de polisvoorwaarden of informatie van een verzekeringsproduct opvraagt. Deze hebben een sluitknop, maar deze hebben het label "x". Dit label is niet duidelijk genoeg. Geef de knop een duidelijker label. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/producten-overzicht en op https://adviseur-mijngoudse.hofstaete-acceptatie.nl wanneer "Rekening courant" is gekozen. Zie voor het laatstgenoemde tevens SC 2.4.3.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 82: Op alle pagina's ontbreekt een zichtbare focusrand op elementen van de gebruikersinterface. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand aan deze elementen toe te voegen. Let op dat de focusrand ook overal voldoende contrast heeft met de achtergrondkleur (contrastverhouding minimaal 3:1).

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 83: Op alle pagina's staat een klikbare afbeelding van het logo. Deze afbeelding is een link, maar de zichtbare tekst is nu geen onderdeel van de toegankelijke naam van deze link. Dit betekent dat deze tekst niet gebruikt kan worden om de link te bedienen met spraakbedieningssoftware. Zie SC 1.1.1 voor een toelichting en mogelijke oplossing.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 84: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt in de zijbalk (als er relaties aanwezig zijn of bij het aanmaken van een nieuwe relatie) onder de kop 'Nieuwe particuliere relatie' een formulier voor. Het formulier maakt alleen gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kun je de tekstgrootte niet aanpassen, zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 85: Het zoekveld op iedere pagina op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ heeft geen label. Er is wel placeholder-tekst, maar dat is niet voldoende voor dit criterium. Placeholder-tekst verdwijnt namelijk als men begint te typen. Geef het zoekveld een label om dit op te lossen.

Bevinding 86: De formuliervelden 'gebruikersnaam' en 'wachtwoord' op de inlogpagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/inloggen hebben geen zichtbaar label maar wel een placeholder-tekst. De placeholder-tekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe dat altijd zichtbaar blijft om dit probleem op te lossen.

Bevinding 87: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/berekening heeft de keuzelijst voor selectie (<select id="paytermselect" class="select-filter__default">) geen label. Alle interactieve elementen dienen een label te hebben. Voeg een label toe.

Bevinding 88: Indien men middels een gekozen profiel op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-dashboard een nieuwe Ondernemers AOV invult, heeft de selectielijst voor "Mantel" geen label. Voeg een label toe zodat schermleessoftware haar gebruikers kan uitleggen wat hier ingevuld moet worden.

Bevinding 89: Als men een nieuwe Ondernemers AOV invult (via het productenoverzicht), zijn de verplichte velden wel visueel aangeduid met een asterisk, maar niet in de code. Bezoekers met hulpsoftware weten zo dus niet dat het veld verplicht is. Geef dit ook in HTML aan.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 90: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt in de zijbalk (als er relaties aanwezig zijn of bij het aanmaken van een nieuwe relatie) onder de kop 'Nieuwe particuliere relatie' een formulier voor. Het formulier maakt alleen gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kun je de tekstgrootte niet aanpassen, zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

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 91: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt in de zijbalk, als er relaties aanwezig zijn, een link zonder linktekst voor: <a href="/relatie-dashboard"><span id="customerinformation_companyname"></span></a>. Links zonder linktekst zijn verwarrend voor bezoekers met hulpsoftware. Geef de link linktekst, verwijder deze, of laat hem enkel verschijnen (met linktekst) als het nodig is. Dit geldt ook voor de link <a href="/relatie-dashboard" class="icon icon--customer-type-zakelijk"><span class="badge badge--zakelijk prospect"></span></a> op dezelfde pagina in dezelfde zijbalk. Dit geldt ook voor de lege link <a href="/relatie-dashboard" class="icon icon--customer-type-particulier"></a> en de links voor de vorige en volgende stap voor het bijwerken van gegevens van een relatie in de zijbalk op dezelfde pagina.

Bevinding 92: Op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ staat een zoekfunctie in de header. De zoekknop heeft geen toegankelijke naam. Voor hulpsoftware is nu niet duidelijk wat deze knop doet. Ook is de knop niet met de stem te bedienen. Zorg dat de knop een juiste naam krijgt die de functie beschrijft, zoals 'Zoek', 'Zoeken' of 'Zoek relatie'. Dit speelt ook bij de zoekknop op de pagina als men een nieuwe Ondernemers AOV invult (via het productenoverzicht).

Bevinding 93: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt in de zijbalk, als er relaties aanwezig zijn, een lijst van relaties voor. Er zijn knoppen om door de lijst van relaties te bladeren (pijlen). Deze hebben geen toegankelijke naam. Hetzelfde probleem komt voor wanneer op de homepagina bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 125% dan verschijnt er een knop om de zijbalk te vergroten of verkleinen. Deze knop heeft geen toegankelijke naam.

Bevinding 94: Op pagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt in de zijbalk, als er relaties aanwezig zijn of bij het aanmaken van een nieuwe relatie, onder de kop 'Nieuwe particuliere relatie' een formulier voor. Dit formulier heeft invoervelden zonder toegankelijke naam. Zie ook SC 1.3.1 voor een mogelijke oplossing.

Bevinding 95: Op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ staat een zoekfunctie in de header. Wanneer de bezoeker iets invult in het zoekveld verschijnt er een knop om de invoer te verwijderen. De toegankelijke naam van de knop is 'x'. Voor hulpsoftware is nu niet duidelijk wat deze knop doet. Ook is de knop niet met de stem te bedienen. Zorg voor een toegankelijke naam van de knop, bijvoorbeeld 'verwijder'. Soortgelijke problemen met dezelfde knop doen zich op meer plaatsen op de website voor.

Bevinding 96: Op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ staat in de hoofdnavigatie een link 'service'. Wanneer deze uitgevouwen is, verschijnt er een dialoogvenster. Bezoekers die het scherm niet kunnen zien, weten niet wanneer dit venster is geopend. Los dit op met bijvoorbeeld role=alert. Zie https://www.w3.org/TR/wai-aria-1.1/#dialog.

Bevinding 97: Op de homepagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ wordt onder de kop 'Nieuws' gebruikgemaakt van uitvouwbare blokken (accordeons). Voor ziende gebruikers is het duidelijk dat een tekstblok in- of uitgevouwen is. Voor screenreadergebruikers die blind of slechtziend zijn is dat niet zo. Geef in de code de status aan met aria-expanded of een vergelijkbare techniek, om dit probleem op te lossen.

Bevinding 98: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur/taken komen er tabellen voor, maar in de code zijn dit lijsten. De lijst <ul class="list-line list-line--filter"> in de balk met filterknoppen bevat een section-element. De HTML-standaard schrijft voor dat lijsten enkel lijst-items (li-elementen) mogen bevatten. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/opgeslagen-berekeningen, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/offertes, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-facturen, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-schades, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur/opgeslagen-mutaties.

Bevinding 99: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur-instellingen komen tooltips voor waarmee extra info opgevraagd kan worden. Deze tooltips hebben geen toegankelijke naam. Geef deze knoppen een label om dit op te lossen. Dit komt ook voor als men een nieuwe Ondernemers AOV invult (via het productenoverzicht).

Bevinding 100: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur-instellingen komen tooltips voor waarmee extra info opgevraagd kan worden. Als men de tooltip uitklapt, is er een sluitknop. Deze heeft als label enkel "x". Geef de sluitknop een duidelijker label. Dit komt ook voor als men een nieuwe Ondernemers AOV invult (via het productenoverzicht).

Bevinding 101: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur-instellingen komen tooltips voor waarmee extra info opgevraagd kan worden. Als men de tooltip uitklapt, wordt de informatie zichtbaar. De status van in- of uitgeklapt wordt niet gecommuniceerd naar hulpsoftware. Gebruik het attribuut aria-expanded. Dit komt ook voor als men een nieuwe Ondernemers AOV invult (via het productenoverzicht).

Bevinding 102: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/opgeslagen-berekeningen komt een link voor zonder linktekst: <a class="otherperson__btn otherperson__btn--isotheradvisorsaved" data-action="toggle-tooltip" href="javascript:void(0)"></a>. Links moeten altijd linktekst hebben, voeg linktekst toe of haal lege links weg. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/offertes, https://adviseur-mijngoudse.hofstaete-acceptatie.nl/historie.

Bevinding 103: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/berekening hebben de knoppen om de polisvoorwaarden en informatie van een verzekeringsproduct te bekijken geen label. Voor hulpsoftware is nu niet duidelijk wat deze knoppen doen. Ook zijn de knoppen niet met de stem te bedienen. Knoppen moet altijd een label hebben. Voeg een label toe om dit op te lossen. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/producten-overzicht.

Bevinding 104: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/berekening hebben de knoppen om de polisvoorwaarden en informatie van een verzekeringsproduct te bekijken een submenu. De status van in- of uitgeklapt van dit submenu wordt niet gecommuniceerd naar hulpsoftware. Gebruik het attribuut aria-expanded. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/producten-overzicht.

Bevinding 105: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/berekening verschijnt er een modal als men de polisvoorwaarden of informatie van een verzekeringsproduct opvraagt. Het is echter niet als zodanig opgemaakt, waardoor hulpsoftware niet weet dat deze informatie verschijnt. Implementeer deze correct als modal door het gebruik van het dialog HTML-element of de ARIA rol dialog. Dit speelt ook op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/producten-overzicht en bij de modal die verschijnt als je iets verwijderd.

Bevinding 106: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/ komt in de zijbalk (als er relaties aanwezig zijn) een formulier voor om een relatie toe te voegen of aan te vullen. Als er meerdere pagina's in de zijbalk zijn om in te vullen, wordt dat aangeduid met bolletjes. Deze zijn links naar de vorige of volgende stap. Deze links hebben echter geen linktekst. Voeg linktekst toe.

Bevinding 107: Op https://adviseur-mijngoudse.hofstaete-acceptatie.nl/relatie-facturen heeft de knop om de offerte te downloaden geen label. Hierdoor weten bezoekers met hulpsoftware niet wat de bedoeling is van de knop en kan deze niet met spraakbesturing worden geactiveerd. Voeg een label toe.

Bevinding 108: Als men een nieuwe Ondernemers AOV invult (via het productenoverzicht), is er in het blok "Beroep" twee tabs waar de bezoeker uit kan kiezen. In de code zijn ze echter niet als tabs aangeduid. Gebruik de rol tablist en markeer steeds de huidige geselecteerde tab om dit op te lossen.

Bevinding 109: Advies: Op de takenpagina https://adviseur-mijngoudse.hofstaete-acceptatie.nl/adviseur/taken staan filter-knoppen. Visueel is te zien wanneer de huidige knop geactiveerd is, bezoekers die gebruikmaken van hulpsoftware krijgen deze informatie niet mee. Omdat de knoppen geactiveerd kunnen worden met de enter-toets kan een bezoeker wel weten wat de actieve filter is, daarom is het hier niet afgekeurd. Toch is het gebruiksvriendelijker wanneer de status bekend is. Dit kan bijvoorbeeld met een aria-current-attribuut opgelost worden. Dit speelt ook op pagina's met dezelfde filterbalk, o.a. https://adviseur-mijngoudse.hofstaete-acceptatie.nl/opgeslagen-berekeningen.

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-03-09 22:45:03 v2.4-011