Toegankelijkheidsonderzoek

Issues:
Content audit digitale toegankelijkheid website zaaksysteem-accept.epe.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website zaaksysteem-accept.epe.nl
Datum 21 mei 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle content van het domein zaaksysteem-accept.epe.nl/form/ en zaaksysteem-accept.epe.nl/pip/.
  • Alle formulieren op het domein https://zaaksysteem-accept.epe.nl/form/
  • Alle PDF's op zaaksysteem-accept.epe.nl/form/ en zaaksysteem-accept.epe.nl/pip/.
  • Alle content na inlogen als persoon (DigiD) op het domein zaaksysteem-accept.epe.nl/pip/ en alle content na inloggen op het domein zaaksysteem-accept.epe.nl/form/.
Buiten de scope van het onderzoek valt:
  • De techniek van de website. Dit vereist een apart onderzoek.
  • Content achter inlog als ondernemer met E-herkenning.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 63

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://zaaksysteem-accept.epe.nl/pip/login staan onder 'Inloggen als persoon' twee afbeeldingen van DigiD en eIDAS. De alternatieve tekst bij deze twee logo's is omgedraaid en daarom incorrect. Het logo van DigiD heeft bijvoorbeeld de alternatieve tekst 'eIDAS Logo'. Zorg voor een correcte alternatieve tekst bij de afbeeldingen.

Bevinding 2: Op pagina https://zaaksysteem-accept.epe.nl/pip/login en op de pagina's in de PIP (Persoonlijke Inlog Pagina) omgeving, bijvoorbeeld pagina https://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin, staat in de header een afbeelding van het logo van Gemeente Epe. Dit logo is opgemaakt als achtergrondafbeelding en heeft geen alternatieve tekst die de afbeelding beschrijft. Zorg voor de juiste opmaak en geef het logo een alternatieve tekst die ten minste de naam van de organisatie en het linkdoel beschrijft en vermeld dat het hier om een logo gaat.

Bevinding 3: Op de pagina's https://zaaksysteem-accept.epe.nl/auth/login en https://zaaksysteem-accept.epe.nl/form/ en dergelijke staat bovenaan een wit met blauwe versie van het logo van Gemeente Epe. Dit logo is opgemaakt als achtergrondafbeelding en heeft een alternatief in tekst. De tekst 'Gemeente Epe' alleen is niet voldoende alternatief. Het moet ook duidelijk worden dat het hier om een logo gaat. Dat feit maakt duidelijk dat deze website onder de verantwoordelijkheid van de gemeente Epe valt. Een tekst als 'Logo Gemeente Epe' zou wel voldoen aan dit succescriterium. Let erop dat deze link nu ook als link naar een andere pagina werkt. Doordat het doel van deze link niet de homepage van de gemeente Epe is moet dat linkdoel in apart worden aangegeven. Zie ook SC 2.4.4.

Bevinding 4: Op pagina https://zaaksysteem-accept.epe.nl/pip/berichten staat bij enkele berichten een paperclip icoon om aan te geven dat dat bericht een bijlage bevat. Op deze afbeelding is aria-hidden toegepast. Er is echter geen andere manier die aangeeft dat er bijlages bij het bericht staan. Zorg daarom voor een alternatieve tekst van de SVG afbeelding, bijvoorbeeld 'Bijlages'. Een vergelijkbaar probleem komt voor bij de SVG afbeeldingen bij de berichten. Visueel is te zien dat er een enkele of een dubbele envelop afbeelding bij een bericht staat. Dat verschil heeft betekenis die nu niet beschikbaar is in een alternatieve tekst. De groene verticale lijn die aangeeft dat een bericht ongelezen is heeft nu ook geen alternatieve tekst, een tekst als 'ongelezen' zou daar perfect passen.

Bevinding 5: Wanneer een sessie is verlopen verschijnt er een melding in de PIP omgeving. Deze melding heeft een sluitknop met de tekst 'x'. Zorg voor een duidelijk beschrijving als toegankelijke naam van de knop, bijvoorbeeld 'sluiten'.

Bevinding 6: Advies: Op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?ztc_aanvrager_type=natuurlijk_persoon&zaaktype_id=38&sessreset=1&authenticatie_methode=digid&zs-saml-token=725be7f93f452699cd2fad9c00cd01fbcef2bd2909d0e5c9a7b17e25f2806db8 staat bij de stap 'Gegevens evenement' onder 'Locatie' een kaart. Deze kaart valt onder de wettelijke uitzondering voor kaarten en hoeft daarom niet helemaal toegankelijk te zijn om te voldoen. Het advies is om de kaart wel zo toegankelijk mogelijk te maken door er voor te zorgen dat in ieder geval de knoppen om de kaart te bedienen een goede alternatieve tekst hebben.
Vergelijkbare problemen komen ook voor bij de kaart op pagina https://zaaksysteem-accept.epe.nl/pip/zaak/146290 en bij de stap 'Gegevens evenement' en 'Afronden' in het formulier op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?ztc_aanvrager_type=natuurlijk_persoon&zaaktype_id=38&sessreset=1&authenticatie_methode=digid&zs-saml-token=725be7f93f452699cd2fad9c00cd01fbcef2bd2909d0e5c9a7b17e25f2806db8

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: Op pagina https://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin staat onder de kop 'Concepten (8)' een stuk tekst opgemaakt met het em-element. Het em-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Zorg voor een andere manier om deze tekst op te maken.
Dit probleem komt op meerdere pagina's voor, bijvoorbeeld de tekst op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?ztc_aanvrager_type=natuurlijk_persoon&zaaktype_id=38&sessreset=1&authenticatie_methode=digid&zs-saml-token=725be7f93f452699cd2fad9c00cd01fbcef2bd2909d0e5c9a7b17e25f2806db8 bij de stap 'Gegevens evenement' onder 'Naam evenement'.

Bevinding 8: Op pagina https://zaaksysteem-accept.epe.nl/pip/zaak/144177 onder de knop 'Registreren' bij de kop 'Aanvragen subsidie' wordt gebruik gemaakt van het strong-element voor opmaak van stukken tekst. Het strong-element is bedoeld om nadruk te geven aan enkele woorden of zinnen en niet enkel voor opmaak. Zorg voor een andere manier om deze tekst op te maken. Een vergelijkbaar probleem komt voor op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?ztc_aanvrager_type=natuurlijk_persoon&zaaktype_id=38&sessreset=1&authenticatie_methode=digid&zs-saml-token=725be7f93f452699cd2fad9c00cd01fbcef2bd2909d0e5c9a7b17e25f2806db8 bij de stap 'Benodigde gegevens'. Hier is de tekst 'Gegevens organisatie/instelling' en 'Gegevens contactpersonen tijdens het evenement' opgemaakt met het strong-element. Dit element mag niet worden gebruikt als visuele kop, omdat het niet dezelfde betekenis heeft als een kop (bijvoorbeeld h3).

Bevinding 9: Op pagina Op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?ztc_aanvrager_type=natuurlijk_persoon&zaaktype_id=38&sessreset=1&authenticatie_methode=digid&zs-saml-token=725be7f93f452699cd2fad9c00cd01fbcef2bd2909d0e5c9a7b17e25f2806db8 staat bij de stap 'Gegevens evenement' een stuk tekst met hoofdletters en opgemaakt met strong, bijvoorbeeld 'PERIODE EVENEMENT' en 'LOCATIE. Deze teksten hebben de functie van een kop (h3), maar ze zijn in de HTML-code niet zo opgemaakt. Hetzelfde probleem komt voor in het formulier bij stap 4 bijvoorbeeld bij 'PUBLIEK'.
Het gebruik van hoofdletters wordt als advies afgeraden en het strong-element wordt niet enkel gebruikt voor opmaak. Zorg ervoor dat deze teksten als kop worden opgemaakt.

Bevinding 10: Op pagina https://zaaksysteem-accept.epe.nl/form/ is het logo opgemaakt als h1, het logo hoort niet in de koppenstructuur. 'Mogelijke zaaktypen' staat niet in de koppenstructuur, maar hoort wel opgemaakt te zijn als kop. Het advies is om het logo niet op te maken als kop en de tekst 'Mogelijke zaaktypen' als h1 op te maken.

Bevinding 11: Op pagina https://zaaksysteem-accept.epe.nl/form/ staat een tabel. In die tabel zijn ook horizontale relaties aanwezig. De tekst in de tweede kolom heeft nu niet de juiste relatie met de rest van de rij. Om te begrijpen wat één van de links voor betekenis heeft is het nodig om te weten wat er op die rij in de tweede kolom staat. Die relatie met de meest linkse tekst in de rij is visueel meteen duidelijk. Die relatie moet ook duidelijk worden voor gebruikers die deze visuele presentatie niet waar kunnen nemen. Er zijn verschillende oplossingen mogelijk een daarvan is om de eerste twee kolommen samen te voegen en van die nieuwe eerste kolom dan th-elementen te maken. Het is een optie om aan die th-elementen dan scope="row" toe te voegen zodat het voor hulpsoftware duidelijk is dat deze kolomkoppen een horizontaal effect hebben.

Bevinding 12: Op pagina https://zaaksysteem-accept.epe.nl/pip/zaak/144177 onder de knop 'Registreren' staat onder 'Doel(en) Subsidieregeling Jeugdwet, Wmo, Participatiewet, Welzijn en Integratie' een visueel een geordende lijst, maar deze is in de html-code niet opgemaakt als lijst <ol>. Zorg ervoor dat deze lijst ook in de html-code is opgemaakt als lijst.

Bevinding 13: In de PDF 'Standaardsjabloon ZS' op pagina https://zaaksysteem-accept.epe.nl/my-pip/documents/65341fae-897e-4d48-9fa8-cfc04c7fd194 zijn tags gebruikt om het voor hulpsoftware mogelijk te maken om de inhoud van deze PDF te presenteren. In de tekst zijn visueel koppen en lijsten gebruikt, die teksten in zijn in de tags niet opgemaakt als koppen en lijsten.

Bevinding 14: In de PDF 'Standaardsjabloon ZS' op pagina https://zaaksysteem-accept.epe.nl/my-pip/documents/65341fae-897e-4d48-9fa8-cfc04c7fd194 staat onderaan de brief 'Heeft u vragen' met een tabel. De tabel is niet goed opgemaakt maar deze tekst hoeft ook niet in een tabel. Zorg voor een andere opmaak van de tekst.

Bevinding 15: Advies: In het formulier 'Aanvraag energiegesprek' op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?zaaktype_id=164&sessreset=1&authenticatie_methode=digid&ztc_aanvrager_type=natuurlijk_persoon&zs-saml-token=d85af14900b77b64dff11dd9993e518d563969f7649da3cdd55515c88a42dcf7 is bij de tweede stap van 'Contactgegevens' onder 'Gegevens van de vorige zaak gebruiken' tussen de radio-buttons en de link 'Annuleren' gebruik gemaakt van het line break element <br> om witruimte te maken. Sommige screenreaders lezen dit voor als 'leeg'. Het advies is om hier indien mogelijk CSS voor te gebruiken.

Bevinding 16: Advies: Op pagina https://zaaksysteem-accept.epe.nl/pip/contact.
is geen gebruik gemaakt van een correcte koppen-volgorde in HTML. Omdat gebruikers van hulpsoftware zoals een screenreader op de pagina kunnen navigeren door bijvoorbeeld een lijst van koppen op te vragen, is het belangrijk een goede koppenvolgorde aan te houden. Hierbij worden geen koppen overgeslagen. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, et cetera. Dit probleem komt op meerdere plekken voor, bijvoorbeeld in de PDF 'DSO_Verzoek_2024041100072-002' op pagina 1 wordt van h3 'Project' naar h5 gesprongen en h4 overgeslagen.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 17: In het formulier 'Aanvraag energiegesprek' op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?zaaktype_id=164&sessreset=1&authenticatie_methode=digid&ztc_aanvrager_type=natuurlijk_persoon&zs-saml-token=d85af14900b77b64dff11dd9993e518d563969f7649da3cdd55515c88a42dcf7 staan bij de stappen 'Aanvullende gegevens' en 'Bewijsstukken' knoppen met een vraagteken icoon. Deze knoppen staan voor het label. De leesvolgorde is daardoor niet logisch. De knoppen met aria-label hebben als toegankelijke naam de tekst van de toelichting, maar ook de tekst van het label. Dat is dubbelop en de leesvolgorde is mede hierdoor niet logisch. Zorg ervoor dat enkel de tekst uit de toelichting beschikbaar is en plaats de knop na het label, niet voor het label.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin staat onder de kop 'Lopende zaken (488)' in kolom drie een progressbar die gebruik maakt van kleur, namelijk blauw of geel (zie bijvoorbeeld de laatste zaak waar bij de progressbar 'opgeschort' staat). Voor een bezoeker die het scherm kan zien is het meteen duidelijk dat er een onderscheid is met de andere zaken. Voor een blinde bezoeker is dit onderscheid niet direct duidelijk. Zorg ervoor dat informatie niet alleen van kleur afhankelijk is, om dit probleem op te lossen.

Bevinding 19: Advies: Op pagina https://zaaksysteem-accept.epe.nl/form/ en https://zaaksysteem-accept.epe.nl/auth/login staat een skiplink 'Spring naar groene plus knop'. Deze knop bestaat niet op de pagina, het advies is dan ook om deze link te verwijderen.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 20: Op meerdere pagina's in de PIP omgeving, bijvoorbeeld de homepagina van PIP tps://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin worden de onderwerpen van de hoofdnavigatie die actief zijn, zoals bijvoorbeeld 'Zaken' aangegeven met een donkere kleur blauw ten opzichte van de iets lichtere blauwe kleur voor de inactieve onderwerpen. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen welk onderwerp actief is. Zorg ervoor dat de actieve onderwerpen ook herkenbaar zijn aan minimaal één andere eigenschap of zorg voor voldoende contrast.

Bevinding 21: De link "http://www.digid.nl" in de lopende tekst op pagina https://zaaksysteem-accept.epe.nl/pip/login, is alleen herkenbaar door een andere kleur van die tekst. 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. Het gebruik van een contrast van 1:3,0 of meer is een geldig alternatief voor het gebruik van kleur.

Bevinding 22: Advies: Op pagina https://zaaksysteem-accept.epe.nl/pip/berichten wanneer op de knop 'Nieuw' is geklikt staat er een optie om een zaak te selecteren. Onder dit veld verschijnt een foutmelding 'Het veld zaak is niet ingevuld' in rode letters op de witte achtergrond. Hoewel de contrastverhouding voldoende is, is het voor een kleurenblinde bezoeker niet direct duidelijk dat het hier om een foutmelding gaat, omdat enkel het rood aangeeft dat er een fout is gemaakt. Zorg ervoor dat de foutmelding ook herkenbaar is aan minimaal één andere eigenschap, bijvoorbeeld door een kruisje toe te voegen (met voldoende contrast).

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin staat op verschillende plaatsen, bijvoorbeeld onder de kop 'Lopende zaken (486)' een lichtgrijze (HEX #999999) tekst, namelijk het aantal dagen ('Nog ...dagen' en verderop de pagina bij de tekst 'Resultaat:') op een witte achtergrond. De contrastverhouding is 2,8:1, waar dit minimaal 4,5:1 moet zijn. Hetzelfde probleem komt voor op meerdere pagina's, bijvoorbeeld op pagina https://zaaksysteem-accept.epe.nl/pip/zaak/139491 bij de tekst 'Geen extra informatie'.

Bevinding 24: Op de homepagina van PIP https://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin heeft de grijze (HEX #777777) tekst onder de kop 'Concepten (8)' een te laag contrast met de witte achtergrond. De contrastverhouding is 4,4:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 25: Op pagina https://zaaksysteem-accept.epe.nl/form/ staan links zoals bijvoorbeeld 'Persoon' en 'Ondernemer'. De blauwe (HEX #2C9AB7) tekst op de witte achtergrond heeft een contrastverhouding van 3,2:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 26: Op pagina https://zaaksysteem-accept.epe.nl/pip/berichten staan lichtgrijze (HEX #AEB3B9) teksten die een weergave zijn van het bericht wat geschreven is, bijvoorbeeld de tekst 'Antwoord', de datum van het bericht en het cijfer achter de naam van de afzender op sommige plaatsen, op een witte achtergrond. De contrastverhouding is hier 2,1:1 waar dit minimaal 4,5:1 moet zijn. Een vergelijkbaar probleem komt voor bij verschillende van dezelfde soort teksten bij het scrollen door de zaken. Bijvoorbeeld bij het bericht van zaak 144640. Hier heeft de grijze (HEX #AEB3B9) tekst 'Duurt het nog lang' op de witte (HEX #F7F7F8) achtergrond een contrastverhouding van 1,9:1. Kies voor een kleurencombinatie die altijd voldoende contrast heeft om dit probleem op te lossen.

Bevinding 27: Op pagina https://zaaksysteem-accept.epe.nl/pip/zaak/144177 staan onder 'Bestanden' de teksten "Naam, Type en Gewijzigd". De grijze (HEX #8C949F) tekst op de witte achtergrond heeft een te laag contrast. De contrastverhouding is 3:1, waar dit minimaal 4,5:1 moet zijn. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://zaaksysteem-accept.epe.nl/pip/zaak/139491 en https://zaaksysteem-accept.epe.nl/pip/zaak/146290.

Bevinding 28: Op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?ztc_aanvrager_type=natuurlijk_persoon&zaaktype_id=38&sessreset=1&authenticatie_methode=digid&zs-saml-token=725be7f93f452699cd2fad9c00cd01fbcef2bd2909d0e5c9a7b17e25f2806db8 staan bovenaan het formulier drie onzichtbare knoppen: ‘Aanvraag annuleren’, 'Later afronden' en 'Uitloggen'. De witte tekst op de witte achtergrond heeft een contrastverhouding van 1:1, waar dit minimaal 4,5:1 moet zijn. Dit probleem komt voor op meerdere pagina's.

Bevinding 29: Op pagina https://zaaksysteem-accept.epe.nl/pip/berichten staat een placeholdertekst in het zoekveld. De grijze (HEX #9D9D9E tekst op de witte #F7F7F8 achtergrond heeft een te laag contrast. De contrastverhouding is 2,5:1, waar dit minimaal 4,5:1 moet zijn. Hetzelfde probleem komt voor wanneer er een nieuw bericht wordt aangemaakt, staan er velden zoals bijvoorbeeld 'Selecteer een zaak'. Het probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://zaaksysteem-accept.epe.nl/pip/zaak/144177.

Bevinding 30: Op pagina https://zaaksysteem-accept.epe.nl/auth/login staat blauwe (HEX #3F758B) tekst 'of' op een blauwe (HEX #006B98) achtergrond met een contrastverhouding van 1,1:1, waar dit minimaal 4,5:1 moet zijn. Een vergelijkbaar probleem komt voor bij de blauwe (HEX #599CB6) tekst Op de 'Gebruikersnaam' en 'Wachtwoord' op de blauwe (HEX #006B98) achtergrond met een contrastverhouding van 1,9:1.

Bevinding 31: Op pagina https://zaaksysteem-accept.epe.nl/auth/login staat een knop 'INLOGGEN'. Wanneer de knop focus krijgt heeft de witte tekst op de blauwe (HEX #2681A7) achtergrondkleur een contrastverhouding van 4,3:1, waar dit minimaal 4,5:1 moet zijn. Bij hover op de knop heeft het wit op de blauwe (HEX #4090B2) achtergrond een contrastverhouding van 3,5:1.

Bevinding 32: Op pagina https://zaaksysteem-accept.epe.nl/auth/login wanneer de 'Inloggen' knop wordt geactiveerd en de invoer om in te loggen is incorrect, dan verschijnt er een foutmelding bij de invoervelden met de tekst 'Incorrecte inloggegevens'. De witte tekst op de rode (HEX #FF0000) achtergrond heeft een contrastverhouding van 4:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 33: Op pagina https://zaaksysteem-accept.epe.nl/auth/login staat een skiplink met de tekst 'Spring naar groene plus knop'. De tekst op deze link heeft niet voldoende contrast en moet om te voldoen aangepast worden. De kleur HEX #2C9AB7 heeft met 3,3:1 niet voldoende contrast met de witte achtergrond.

Bevinding 34: Wanneer op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier?ztc_aanvrager_type=natuurlijk_persoon&afronden=1&authenticatie_methode=digid&zaaktype_id=102&sessreset=1 in het formulier 'Behandelen klacht' bij de radio-buttons wordt gekozen voor een andere optie dan 'Ik heb een klacht over het handelen van een medewerker of bestuurder van de gemeente' dan komt er een info icoon met tekst in beeld. Eroverheen ligt een grijze laag, waardoor de tekst slecht leesbaar is. De zwarte (HEX #333333) tekst met de donkergrijze (HEX #555555) laag als "achtergrondkleur" heeft een contrastverhouding van 1,6:1, waar dit minimaal 4,5:1 moet zijn.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 35: Op pagina https://zaaksysteem-accept.epe.nl/pip/login heeft de wit gestippelde focusrand met blauwe omringende kleur niet overal voldoende contrast met de achtergrond. Bijvoorbeeld op de knop 'Inloggen met DigiD' hebben de witte stippen op de geelwitte (HEX #FDF7E7) achtergrond een contrastverhouding van 1:1. Het blauw (HEX #8ED6F2) op het geel wit (HEX #FDF7E7) heeft een contrast van 1,5:1. Het contrast van de focusrand met de achtergrondkleur moet minimaal 3:1 zijn. Een vergelijkbaar probleem komt voor op in de formulieren, bijvoorbeeld op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?ztc_aanvrager_type=natuurlijk_persoon&zaaktype_id=38&sessreset=1&authenticatie_methode=digid&zs-saml-token=725be7f93f452699cd2fad9c00cd01fbcef2bd2909d0e5c9a7b17e25f2806db8 bij focus op de knop 'Annuleren'. De blauwe (HEX #90DBFF) focusrand op de witte achtergrond heeft een contrastverhouding van 1,5:1. Dit probleem vereist mogelijk een technische oplossing.

Bevinding 36: Op pagina https://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin staat onder de kop 'Lopende zaken (486)' bij de zaak met zaaknummer '26560' onder de tekst 'Opgeschort' een voortgangspercentage met een gele kleur (HEX #EFB33E) op een lichtblauwe (HEX #D8DFF3) achtergrondkleur. De contrastverhouding is 1,4:1 waar dit minimaal 3:1 moet zijn.

Bevinding 37: Op meerdere pagina's in de PIP omgeving, bijvoorbeeld de homepagina van PIP tps://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin worden de onderwerpen van de hoofdnavigatie die actief zijn, zoals bijvoorbeeld 'Zaken' aangegeven met een donkere kleur blauw (HEX #1E3066), deze heeft een te laag contrast met de blauwe (HEX #2B4591) achtergrondkleur. De contrastverhouding is hier 1,4:1 waar dit minimaal 3:1 moet zijn.

Bevinding 38: Op pagina https://zaaksysteem-accept.epe.nl/pip/berichten staat een zoekveld. Dit zoekveld heeft geen rand voor het invoerveld en het contrast van het invoerveld met de witte achtergrond is te laag. De grijze (HEX #F7F7F8) kleur van het veld op de witte achtergrond heeft een contrastverhouding van 1:1, waar dit minimaal 3:1 moet zijn. Een vergelijkbaar probleem doet zicht voor bij hover op het invoerveld of wanneer de cursor in het invoerveld staat, dan is de contrastverhouding van de grijze kleur met de achtergrond nog steeds te laag met een contrastverhouding van 1:1.

Bevinding 39: Op pagina https://zaaksysteem-accept.epe.nl/pip/berichten wanneer de knop '+ Nieuw' via toetsenbordbediening de focus krijgt, dan heeft de blauwe (HEX #5395B6) focus op de blauwe (HEX #086797) knop een te laag contrast. De contrastverhouding is 1,8:1 waar dit minimaal 3:1 moet zijn. Een vergelijkbaar probleem komt voor bij toetsenbordfocus op alle knoppen, wanneer er via de knop '+ Nieuw' een nieuw bericht wordt aangemaakt. Dit probleem vereist mogelijk een technische oplossing. Een vergelijkbaar probleem komt voor op meerdere pagina's, bijvoorbeeld pagina https://zaaksysteem-accept.epe.nl/pip/zaak/144177 bij focus op de volgende onderdelen: de knop 'Toevoegen', de knop 'sluiten' in het invoerveld om bestanden te zoeken en het download icoon naast de PDF.

Bevinding 40: Op pagina https://zaaksysteem-accept.epe.nl/pip/berichten staat voor sommige berichten een verticale groene streep bij ongeopende berichten, bijvoorbeeld het bericht bij zaak 135631. De groene (HEX #BFDF3A) kleur op de witte achtergrond heeft een contrastverhouding van 1,5:1 waar dit minimaal 3:1 moet zijn.

Bevinding 41: Op pagina https://zaaksysteem-accept.epe.nl/pip/berichten heeft het grijze (HEX #AEB3B9) bijlage icoon een te laag contrast met de witte achtergrond. De contrastverhouding is 2,1:1 waar dit minimaal 3:1 moet zijn.

Bevinding 42: Op pagina Op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?ztc_aanvrager_type=natuurlijk_persoon&zaaktype_id=38&sessreset=1&authenticatie_methode=digid&zs-saml-token=725be7f93f452699cd2fad9c00cd01fbcef2bd2909d0e5c9a7b17e25f2806db8 bij stap 4 'Publiek & Veiligheid' staan boven de knop 'Veld toevoegen' invoervelden die met een kruis icoon verwijderd kunnen worden. Het grijze (HEX #AAAAAA) icoon op de witte achtergrond heeft een contrastverhouding van 2,3:1 waar dit minimaal 3:1 moet zijn.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 43: Op pagina https://zaaksysteem-accept.epe.nl/pip/login beschrijft de paginatitel onvoldoende het doel van de pagina. De paginatitel is 'Inloggen - Gemeente Epe'. De bezoeker kan hier inloggen op de Persoonlijke Inlog Pagina (PIP). Dit wordt nergens aangegeven in de paginatitel. Hetzelfde probleem komt voor in de hele PIP omgeving, bijvoorbeeld pagina https://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin.

Bevinding 44: Op pagina https://zaaksysteem-accept.epe.nl/form/ is de titel van de pagina 'Epe :: Zaaksysteem.nl'. Dit is geen beschrijvende titel van de pagina. Zorg voor een paginatitel die het onderwerp of doel beschrijft en zorg dat de organisatienaam aanwezig is. Enkel 'Epe' als organisatienaam is onvoldoende, een voorbeeld voor een paginatitel is 'Mogelijke zaaktypen | Mijn Epe | Gemeente Epe'. Hetzelfde probleem komt voor op pagina https://zaaksysteem-accept.epe.nl/auth/login.

Bevinding 45: Op pagina https://zaaksysteem-accept.epe.nl/my-pip/documents/65341fae-897e-4d48-9fa8-cfc04c7fd194 beschrijft de paginatitel 'Zaaksysteem' niet het doel van de pagina. Zorg voor een paginatitel die het onderwerp of doel beschrijft en zorg dat de organisatienaam aanwezig is.

Bevinding 46: Het formulier 'Aanvraag evenementenvergunning' op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?sessreset=1&authenticatie_methode=digid&zaaktype_id=38&ztc_aanvrager_type=natuurlijk_persoon&zs-saml-token=6dedc401150ae54cb3b8246c25f100df59d30bcbf39c53460f895aed1c095188 bij de stap 'Betalen' is de paginatitel 'Gemeente Epe', dit is een onvolledige beschrijving van het doel van de pagina.

Bevinding 47: De PDF met bestandsnaam 'SOC ontvangstbevestiging' heeft een documenttitel in de eigenschappen maar deze is incorrect. De titel 'Standaardsjabloon ZS' beschrijft het document niet. Zorg voor een titel die de inhoud van het document beschrijft.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 48: Op pagina https://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin staat het logo van de Gemeente Epe met een link. Deze link 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. Zie ook succescriterium 4.1.2.

Bevinding 49: Op pagina https://zaaksysteem-accept.epe.nl/pip/berichten bevat de toegankelijke naam van de link in een bericht alle informatie over dat bericht, bijvoorbeeld de link 'Stelma J.P. release 2024.03 test Komt deze aan? 2 apr PIP ZAAK 145530'. Niet al deze informatie is nodig om aan te geven wat het linkdoel is van de link. Een te lange toegankelijke naam van een link is niet gebruiksvriendelijk voor een screenreader gebruiker wanneer er bijvoorbeeld een lijst met links wordt opvraagt om mee door de pagina te navigeren.

Bevinding 50: Op pagina https://zaaksysteem-accept.epe.nl/form/ staan de linkteksten 'Persoon', 'Ondernemer' en 'Vooringevulde aanvrager' met een identieke toegankelijke naam voor de links. De tabelkoppen in deze tabel vormen context met deze link. Het probleem met deze tabel beschreven onder succescriterium 1.3.1 zorgt er nu voor dat deze links niet voldoen aan dit succescriterium. Het toevoegen van horizontale tabelkoppen is een van de mogelijke oplossingen voor dit probleem. Het aanpassen van de linktekst is bijvoorbeeld ook mogelijk.

Bevinding 51: Op pagina https://zaaksysteem-accept.epe.nl/form/ staat bovenaan de pagina een link (wat eruitziet als een logo) met toegankelijke naam 'Gemeente Epe'. Vul de toegankelijke naam aan met het linkdoel. Hetzelfde probleem komt ook voor op pagina https://zaaksysteem-accept.epe.nl/auth/login. Deze link verwijst niet naar de homepage van de gemeente Epe. Het linkdoel moet om die reden dan ook apart worden aangegeven in een alternatief.

Bevinding 52: In de PDF 'Standaardsjabloon ZS' op pagina https://zaaksysteem-accept.epe.nl/my-pip/documents/65341fae-897e-4d48-9fa8-cfc04c7fd194 staat onderaan de brief 'Heeft u vragen' een stuk tekst opgemaakt met link tags. Niet al deze tekst bestaat uit links. Zorg ervoor dat enkel de links zijn opgemaakt als link.

Bevinding 53: Op pagina https://zaaksysteem-accept.epe.nl/form/ staan links die wanneer erop geklikt worden doorverwijzen naar de PIP omgeving. Bijvoorbeeld de eerste link 'Ondernemer' in de tabel bij zaaktype 'Aanduiding naamgebruik'. De toegankelijke naam van de link is 'Ondernemer'. Bij het volgen van de link komt de bezoeker terecht op de pagina 'Zaken' in de PIP omgeving. Geef het linkdoel duidelijk aan in de toegankelijke naam van de link.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 54: Op pagina https://zaaksysteem-accept.epe.nl/auth/login is h1 'Gemeente Epe'. Deze kop beschrijft onvoldoende de onderliggende content, namelijk dan het hier gaat om inloggen. Pas de beschrijving aan. Een vergelijkbaar probleem komt voor op pagina https://zaaksysteem-accept.epe.nl/form/, waar niet de juiste tekst is opgemaakt als h1, zie hiervoor succescriterium 1.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 55: Op pagina https://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin staat een klikbaar logo in de banner. De tekst die op dit logo staat is 'Gemeente Epe'. Deze tekst komt niet voor in de toegankelijke naam van het logo omdat dit een link is zonder toegankelijke naam. Zorg ervoor dat bij een klikbaar logo de toegankelijke naam of de alternatieve tekst van de afbeelding van het logo minimaal de tekst bevat die op het logo staat.

Bevinding 56: Op pagina https://zaaksysteem-accept.epe.nl/pip/berichten staat een invoerveld met een placeholdertekst en erboven een label met de tekst 'Zoek berichten'. Het invoerveld heeft dezelfde toegankelijke naam als de placeholdertekst, namelijk 'Typ hier uw zoekterm'. Zorg ervoor dat de toegankelijke naam van het zoekveld overeenkomt met de tekst van het label. Het gebruik van aria-label=="Typ hier uw zoekterm" zorgt er nu voor dat dit invoerveld niet voldoet.

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 57: Op alle pagina's (behalve pagina https://zaaksysteem-accept.epe.nl/my-pip/documents/65341fae-897e-4d48-9fa8-cfc04c7fd194) ontbreekt een taalaanduiding van de inhoud van de pagina. Deze moet in de HTML-code worden opgegeven door middel van een lang-attribuut bij het HTML-element. Dit attribuut moet dan de landcode van de taal bevatten.

Bevinding 58: Op pagina https://zaaksysteem-accept.epe.nl/auth/login is de taalaanduiding van de hele pagina lang="en". De pagina is echter in het Nederlands. Zorg voor de juiste taalcodering in de HTML zodat hulpsoftware de tekst op correcte wijze voorleest.

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 59: Op pagina https://zaaksysteem-accept.epe.nl/auth/page is alleen placeholder tekst gebruikt om de beide invoervelden een label te geven. Doordat er tijdens en na het invullen van gegevens geen label zichtbaar is voldoen deze invoervelden niet. Dit type probleem komt ook voor op pagina https://zaaksysteem-accept.epe.nl/pip/berichten bij het aanmaken van een nieuw bericht en bij het beantwoorden van een bestaand bericht. Bij het zoeken van een bericht is de tekst "Zoek berichten" het enige zichtbare label en daarom moet die tekst ook gebruikt worden als label van dit invoerveld om te voldoen aan succescriterium 2.5.3.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 60: In het formulier 'Aanvraag energiegesprek' op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?zaaktype_id=164&sessreset=1&authenticatie_methode=digid&ztc_aanvrager_type=natuurlijk_persoon&zs-saml-token=d85af14900b77b64dff11dd9993e518d563969f7649da3cdd55515c88a42dcf7 staat bij de stap 'Pand gegevens' een invoerveld 'Op welk adres staat de woning? *'. Dit is een verplicht veld en bij foutieve invoer kan de bezoeker niet verder naar de volgende stap. Ook is het niet toegestaan om foute gegevens te wissen zonder de gebruiker daar met een foutmelding over te informeren.

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 61: Op pagina meerdere pagina's, bijvoorbeeld op pagina https://zaaksysteem-accept.epe.nl/pip?failure_endpoint=https%3A%2F%2Fzaaksysteem-accept.epe.nl%2Fpip%2Flogin staat het logo van de Gemeente Epe met een link. Deze link heeft geen toegankelijke naam. Elementen die een rol hebben, moeten ook een naam hebben. Voeg een toegankelijke naam toe om dit probleem op te lossen. Zie ook succescriterium 2.4.4.

Bevinding 62: In formulier 'Aanvraag evenementenvergunning' op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?ztc_aanvrager_type=natuurlijk_persoon&zaaktype_id=38&sessreset=1&authenticatie_methode=digid&zs-saml-token=725be7f93f452699cd2fad9c00cd01fbcef2bd2909d0e5c9a7b17e25f2806db8 bij de stap 'Zaakcontrole staan radio buttons zonder toegankelijke naam, zoals bijvoorbeeld de radio button bij de tekst 'Nee, ik wil alle gegevens opnieuw invullen'. Hetzelfde probleem komt ook voor in andere formulieren, bijvoorbeeld het formulier 'Aanvraag energiegesprek' op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?zaaktype_id=164&sessreset=1&authenticatie_methode=digid&ztc_aanvrager_type=natuurlijk_persoon&zs-saml-token=d85af14900b77b64dff11dd9993e518d563969f7649da3cdd55515c88a42dcf7.

Bevinding 63: Op pagina https://zaaksysteem-accept.epe.nl/zaak/create/webformulier/?ztc_aanvrager_type=natuurlijk_persoon&zaaktype_id=38&sessreset=1&authenticatie_methode=digid&zs-saml-token=725be7f93f452699cd2fad9c00cd01fbcef2bd2909d0e5c9a7b17e25f2806db8 bij stap 4 'Publiek & Veiligheid' wanneer er een veld wordt toegevoegd met de daarvoor bestemde knop dan heeft het nieuwe invoerveld geen toegankelijke naam.

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: 2024-10-18 12:26:19 v2.4-011