Rapport:
Audit digitale toegankelijkheid website Adviseursportaal De Goudse Verzekeringen

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: 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).

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!

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.

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.

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.

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>.

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).

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.

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.

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.

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

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.

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

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.

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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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).

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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

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.

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.

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.

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.

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.

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

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.

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.

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.

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).

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.

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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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).

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.

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.

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.

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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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/.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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).

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).

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.

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.

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.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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'.

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.

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.

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

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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).

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

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).

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.

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.

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.

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.

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.

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.

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).

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).

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).

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.

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.

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.

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.

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.

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.

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.

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.

Uitkomst: Voldoende