Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Oscar - de Zeeuwse verzekeringen

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Oscar Zeeuwse
Datum 6 januari 2025
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • De techniek van de pagina's op https://oscar-accp-zeeuwse.apps.goudse.nl. Dit vereist een apart onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via de onderzochte website met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 21

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 pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (Overzicht) is het logo (een informatieve afbeelding) van de Zeeuwse verzekeringen als een achtergrondafbeelding op de pagina geplaatst.
Hiermee is deze afbeelding niet beschikbaar voor hulpsoftware. Een blinde gebruiker mist informatie die in deze afbeelding staat. Zorg dat de informatie via een tekstalternatief beschikbaar is.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 2: Op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (Overzicht) wordt een ongeordende lijst (ol) gebruikt in het blok 'Mijn contacten'. Op de listitems (li) zit de role 'button'. Deze aria role is niet toegestaan voor een lijst. Gebruik in opsommingen alleen li-elementen. Dit komt o.a. ook voor op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (Offerte details).

Bevinding 3: Het volgende probleem kan technisch van aard zijn: Op de overzicht pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ staat onder "Berichten" een groep keuzevakjes. Boven deze groep staat de tekst 'Bekijk hieronder de berichten voor:'. Deze tekst is nu niet gekoppeld aan de groep keuzevakjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen. Hetzelfde komt vaker voor in de website. Bijvoorbeeld als op dezelfde pagina met de knop "Nieuwe offerte" en "CompleetVerzekerd Mijn personeel" een formulier geopend wordt dan is daarin de tekst "Verzuimverzekering" niet correct gekoppeld aan de onderliggende keuzevakjes.

Bevinding 4: De PDF op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/file?guid=27584547732807079&changedDate=1735040469763&name=Premieoverzicht%252057417-1.pdf&target=window wordt gebruik gemaakt van een tabel 'Wat zijn de uitgangspunten?'. De koppen zijn goed gemarkeerd met een th-element. Echter, hulpsoftware kan de relatie tussen deze kop- en datacellen niet bepalen. De koppen moeten geassocieerd worden met de onderliggende cellen. Zorg dat de cellen een relatie hebben met de koppen. Dit kan bijvoorbeeld door het scope-attribuut in het th-element te plaatsen.

Bevinding 5: De PDF op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/file?guid=27584547732807079&changedDate=1735040469763&name=Premieoverzicht%252057417-1.pdf&target=window wordt een tabel gebruikt voor de opmaak van content. Een tabel mag je gebruiken voor opmaak, maar het th-element mag daar niet in voorkomen. Verwijder de tabelkoppen en gebruik role=presentation om dit probleem op te lossen.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (Overzicht) staat in het witte blokje met de contactgegevens van de accountmanager een witte Chatknop met oranje (HEX #EB7305) tekst. Deze tekst biedt te weinig contrast. De contrastverhouding is hier 3:1 waar dit minimaal 4,5:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast. Dezelfde kleurencombinatie wordt gebruikt voor de knop met het telefoonnummer.
Een soortgelijk probleem zien we terug bij de knop ernaast: de oranje (HEX #EB7305) achtergrond in combinatie met de witte tekst biedt te weinig contrast.
De contrastverhouding is hier 3:1 waar dit minimaal 4,5:1 moet zijn.
Dit komt ook voor bij de knoppen op o.a. de volgende pagina's: Offertes, Instellingen, 1. Selecteer je verzekering(en), 2. Algemeen, 3. Werkgever, 4. Werknemers en 5. Verzekeringen.

Bevinding 7: Op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (3. Werkgever) wordt er, na invullen en bevestigen van een KVK-nummer de volgende tekst zichtbaar (na de laatste vraag van het formulier): "Bereken nu voor uw relatie de totale verzuimkosten binnen haar bedrijf...etc.". De tekst en tevens hyperlink "totale verzuimkosten" heeft een oranje (HEX #EB7305) kleur. in combinatie met de witte achtergrond biedt deze oranje kleur te weinig contrast. De contrastverhouding is hier 3:1 waar dit minimaal 4,5:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.

Bevinding 8: De PDF op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/file?guid=27584547732807079&changedDate=1735040469763&name=Premieoverzicht%252057417-1.pdf&target=window staat bovenaan de 1e pagina "Uitgangspunten premieberekening CompleetVerzekerd Mijn personeel".
de oranje (HEX #EB7305) achtergrond in combinatie met de witte tekst biedt te weinig contrast. De contrastverhouding is hier 3:1 waar dit minimaal 4,5:1 moet zijn. Deze kleurencombinatie wordt een aantal keer gebruikt in dit PDF document.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 9: De PDF op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/file?guid=27584547732807079&changedDate=1735040469763&name=Premieoverzicht%252057417-1.pdf&target=window 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.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 10: De PDF op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/file?guid=27584547732807079&changedDate=1735040469763&name=Premieoverzicht%252057417-1.pdf&target=window is de taal niet goed ingevuld. Deze staat op Engels in plaats van Nederlands. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (Details offerte) staan meerdere pagineringselementen onder de documenten. Hier staat bijvoorbeeld "1 to 7 of 7", de aria-labels van de grijze knoppen luiden "Go to first page", Go to previous page enz. Deze teksten zijn in het Engels. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="en" toe te voegen.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 12: Wanneer bezoekers op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (3. Werkgever) geen of foutieve invoer invullen, verschijnen er foutmeldingen op de pagina. Bijvoorbeeld bij KVK-nummer 'Dit is een verplicht veld' Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld KVK-nummer is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 13: Het formulierveld 'Zoeken naar' op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (Offertes) heeft geen zichtbaar label maar wel een placeholder-tekst. De placeholder-tekst is niet voldoende, want deze 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 14: Op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (3. Werkgever) is een formulier waar bij de verplichte velden een * wordt getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: ‘Velden met een sterretje (*) zijn verplicht'. Dit komt op meerdere pagina's met formulieren voor.

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 15: De link naar href="/zeeuwse/login/" op de inlogpagina https://oscar-accp-zeeuwse.apps.goudse.nl/ heeft geen toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen.

Bevinding 16: Op de inlogpagina https://oscar-accp-zeeuwse.apps.goudse.nl/ staat in het wachtwoord veld de knop "Wachtwoord laten zien". Deze knop heeft geen (goede) toegankelijke naam. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet.

Bevinding 17: Op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (Overzicht) staat in het blok berichten een knop met een prullenbak afbeelding. Deze knop heeft geen (goede) toegankelijke naam. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet.

Bevinding 18: Op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (Overzicht) en alle pagina's waarin de footer wordt gebruikt staat een logo van de Zeeuwse verzekeringen. Dit logo heeft als rol 'button' maar heeft geen toegankelijke naam. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet.

Bevinding 19: Op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (3. Werkgever) staat, wanneer je een KVK-nummer hebt ingevoerd en bevestigd, onder SBI-code een (select element) keuzemenu. Deze heeft een leeg aria-label en geen toegankelijke naam. Het is voor screenreadergebruikers nu niet duidelijk wat het select element/het keuzemenu doet. Dit komt ook voor op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (5a Verzekeringen -> Eigen Risico in Dagen.)

Bevinding 20: Op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (Offertes) staat in het blok 'Mijn lopende offertes' naast de zoekbalk een knop met pijltjes in een cirkel. Deze knop heeft geen (goede) toegankelijke naam. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet.

Bevinding 21: Op pagina https://oscar-accp-zeeuwse.apps.goudse.nl/ (Provisie-instellingen) is bij het veld Percentage het label niet expliciet geassocieerd met het. Tekst labels moeten gekoppeld worden aan invoervelden door gebruik te maken van het for-attribuut bij het label-element die verwijst naar een id-attribuut bij het invoerveld. Zo krijgt een bezoeker die gebruik maakt van een screenreader direct te horen om welk veld het gaat als direct naar het invoerveld wordt gesprongen.

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-02-05 10:53:48 v2.4-011