Issues:
Content-audit digitale toegankelijkheid website SIEN app Zeeuwse Verzekeringen

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: In de SIEN omgeving is op iedere pagina het logo van de Zeeuwse verzekeringen als SVG geplaatst, zonder tekstalternatief. Zorg ervoor dat hulpsoftware deze visuele informatie aan haar gebruikers kan weergeven, door de tekst binnen een title element als eerste child van de SVG toe te voegen. Zorg tevens dat het woord "logo" erin voorkomt. Dit heeft meerdere voordelen. Door de algemene plaatsing van dergelijke logo's kan bijvoorbeeld een bezoeker die meerdere tabbladen open heeft staan, gemakkelijk tussen websites navigeren en pagina's identificeren.

Bevinding 2: In de SIEN omgeving staan in het scherm met de paginatitel "Dossier Overview Werkgever" cards met dossiers gerangschikt naar jaar. Iedere card bevat een link met een afbeelding van een oranje pijl opgemaakt als button waarmee een scherm met een invoerproces wordt geopend. Deze hebben deze geen alternatieve tekst waardoor gebruikers van schermleessoftware niet snappen waar ze voor dienen. Zorg dat het alt attribuut van de afbeelding aangeeft waar de pijlen naartoe navigeren. Zie tevens SC 1.3.1.

Bevinding 3: In de SIEN omgeving staan in de navigatiebalk twee menuitems: een knop "uw dossier" dat een gelijknamige pop-up opent, en een knop met de gebruikersnaam die een uitklapmenu opent. Het profielicoon is ondergebracht in een img element met role=presentation, waardoor het wordt genegeerd door hulpsoftware. Dit icoon heeft betekenis, maak het ook voor hulpsoftware duidelijk dat dit het profiel betreft.

Bevinding 4: In de SIEN omgeving staan in het scherm met de paginatitel "Uploaden verzamelloonstaat" bij een geüpload document een download- en een verwijder link opgemaakt als button. Het verwijderonderdeel heeft geen toegankelijke naam waardoor er slechts "knop" wordt aangekondigd door schermleessoftware. Zorg voor een tekst alternatief dat de functie omschrijft.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 5: In de SIEN omgeving staan in het scherm met de paginatitel "Dossier Overview Werkgever" cards met dossiers gerangschikt naar jaar. Iedere card bevat een link met een afbeelding van een oranje pijl opgemaakt als button waarmee een scherm met een invoerproces wordt geopend. Alle cards zijn ondergebracht in een ongeordende lijst (ul). Gebruikers van schermleessoftware die middels de tabtoets door het scherm navigeren, horen slechts dat er een lijst met 4 items is, en viermaal "leeg". Dit komt door het gebrek aan alternatieve tekst en gebruik van role=button waardoor schermleessoftware niet meer aankondigt dat er links aanwezig zijn. Zorg er voor dat elk interactief element een toegankelijke beschrijving heeft, bijvoorbeeld door aria-label of aria-labelledby te gebruiken. Zie tevens SC 1.1.1.

Bevinding 6: In de SIEN omgeving staat in het scherm met de paginatitel "Wizard starten" onder de kop “Wij vragen u vriendelijk de volgende gegevens bij de hand te houden.” informatie in een korte opsommingslijst. echter betreft dit geen lijst in HTML. De tekens worden als "min" voorgelezen, wat verwarrend kan zijn, bijvoorbeeld "min uw voorlopige jaarloonsom over 2025" of indien men bijvoorbeeld cijfermatige content toevoegt. Maak dergelijke lijsten op ongeordend (ul) op. Dit probleem doet zich elders ook voor, bijvoorbeeld op "Uploaden verzamelloonstaat". Hier is er ook een genummerde opsomming aanwezig, gebruik hiervoor een geordende (ol) lijst.

Bevinding 7: In de SIEN omgeving staat in het scherm met de paginatitel "Wizard Stap8 Bevestig en verstuur" bij het uitklappen van de knop "Bekijk details" een tooltip met additionele informatie. De tooltip is toetsenbordtoegankelijk, echter wordt de tekst niet door hulpsoftware voorgelezen. Zorg dat dit tevens toegankelijk is door bijvoorbeeld role=”tooltip” te gebruiken.

Bevinding 8: In de SIEN omgeving in het scherm met de paginatitel "Wizard Stap8 Bevestig en verstuur" staat bij "Verstuur gegevens" een selectievakje. Het visuele label "Ik bevestig dat ik alle (vooringevulde) gegevens heb gecontroleerd" is niet als label gecodeerd en niet aan het selectievakje gekoppeld. Dit kan bijvoorbeeld opgelost worden door van het span een label te maken en een goede for/id combinatie te gebruiken zodat hulpsoftware de structuur op correcte wijze aan haar gebruiker kan weergeven.

Bevinding 9: Advies: In de SIEN omgeving staan in de navigatiebalk twee menuitems: een knop "uw dossier" dat een gelijknamige pop-up opent, en een knop met de gebruikersnaam die een uitklapmenu opent. Het is bevorderlijk om deze functies onder te brengen in geneste lijsten binnen een nav-element, waardoor schermleessoftware de omvang van de content en de landmark role aan haar gebruiker kan weergeven.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 10: Het volgende betreft geen content problematiek naar viel op:
In de SIEN omgeving van de Zeeuwse staan in het scherm met de paginatitel "Uitzonderingen" meerdere interactieve elementen die niet of deels niet met het toetsenbord bedienbaar zijn. Dit betreffen onder andere de kalenderfunctie, knoppen en tooltips. Zorg dat alle interactieve functies bedienbaar zijn. Dit probleem doet zich in meerdere stappen binnen de omgeving voor.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 11: Advies: In de SIEN omgeving staat in het scherm met de paginatitel "Wizard Stap8 Bevestig en verstuur" bij het uitklappen van de knop "Bekijk details" in de rij "Indicatie aantal verzekerde werknemers" een icoon die de pop-up "Verzekerde werknemers" opent. De pijltjes om content te ordenen hebben middels een aria-label de alternatieve tekst "sort [kolomnaam]" gekregen. Wijzig dit naar "sorteer" of "sorteren naar" gezien het een Nederlandstalige omgeving betreft. Bij langere teksten in een andere taal wordt het afgekeurd als er geen taalwissel in de code is aangegeven, hier is het een advies.

3.2 Voorspelbaar

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Bevinding 12: In de SIEN omgeving staan in het scherm met de paginatitel "Dossier Overview Werkgever" cards met dossiers gerangschikt naar jaar. Iedere card bevat een oranje pijl in de vorm van een link opgemaakt als button en openen een scherm met een invoerproces. Er is een broodkruimelpad aanwezig van de 4 verschillende schermen, echter heeft de laatste stap een paginatitel met de tekst "Wizard Stap8 Bevestig en verstuur" terwijl het stap 4 in het broodkruimelpad betreft. Zorg voor consistente benamingen.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 13: In de SIEN omgeving komt men na het versturen van de Premievaststelling vanaf het scherm met de paginatitel "Bevestig en verstuur" op de bevestigingspagina "Uw gegevens zijn verstuurd". Hier is een formulierveld aanwezig om een telefoonnummer in te voeren. Indien er geen input is geleverd, ontstaat de melding "Alleen cijfers zijn toegestaan". Dit is geen correcte foutidentificatie en kan verwarrend zijn voor gebruikers van hulpsoftware, gezien men dan onder de veronderstelling is dat de invoer gecorrigeerd moet worden. Voeg foutidentificaties toe die betrekking hebben op de situatie, bijvoorbeeld "het veld telefoonnummer is niet ingevuld". De huidige melding is geen foutidentificatie maar een (onjuiste) foutsuggestie zoals bedoeld bij SC 3.3.3.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Bevinding 14: In de SIEN omgeving komt men na het versturen van de Premievaststelling vanaf het scherm met de paginatitel "Bevestig en verstuur" op de bevestigingspagina "Uw gegevens zijn verstuurd". Hier is een formulierveld aanwezig om een telefoonnummer in te voeren. Indien er geen input is geleverd, ontstaat de melding "Alleen cijfers zijn toegestaan". Deze suggestie komt niet overeen met de situatie. Zie voor foutidentificatie SC 3.3.1.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 15: In de SIEN omgeving in het scherm met de paginatitel "Verwachting jaar" kan men middels een formulier de loonsom wijzigen. De labels (bijvoorbeeld "Welke loonsom verwacht u voor 2025 in euro's?") zijn niet aan de invoervelden gekoppeld. Zorg voor een goede for/id combinatie zodat hulpsoftware de structuur op correcte wijze aan haar gebruiker kan weergeven. Dit probleem doet zich op meerdere plaatsen voor, bijvoorbeeld bij het formulierveld op de bevestigingspagina "Uw gegevens zijn verstuurd" vanaf het scherm met de paginatitel "Bevestig en verstuur".

Bevinding 16: In de SIEN omgeving staat in het scherm met de paginatitel "Wizard Stap8 Bevestig en verstuur" bij het uitklappen van de knop "Bekijk details" in de rij "Indicatie aantal verzekerde werknemers" een icoon die de pop-up "Verzekerde werknemers" opent. Dit icoon betreft een img-element opgemaakt middels role=button. Schermleessoftware identificeert het als knop, echter bezit het niet alle eigenschappen ervan. Het moet onder andere een toegankelijke naam bevatten, zorg dat dit door hulpsoftware herkenbaar is. Zie tevens SC 2.1.1. voor toetsenbordtoegankelijkheid.

Bevinding 17: In de SIEN omgeving staat in het scherm met de paginatitel "Wizard Stap8 Bevestig en verstuur" een blauw blok content met de kop "Verstuur gegevens". Dit onderdeel van de pagina is ondergebracht in een nav-element, terwijl het geen navigatie eigenschappen dient. Hulpsoftware zal deze rol wel aan haar gebruikers aankondigen wat verwarrend is. Een toepasselijker alternatief zou het section-element zijn.

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

• Zeeuwse SIEN app:
  https://sien2-accp.mendixcloud.com/sso_zeeuwse/

Ondersteunende technieken

• HTML5
• HTML 4.01
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG
• PDF

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

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