Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website ParkeerService Amersfoort

(Alleen de bevindingen)

Scope van de evaluatie

Naam website ParkeerService Amersfoort
Datum 12 december 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van de pagina's op amersfoort.parkeerservice.nl.
  • Alle PDF's op amersfoort.parkeerservice.nl.
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 44

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://amersfoort.parkeerservice.nl/ staan onder de koptekst H1 zes links met daarin zes afbeeldingen, bijvoorbeeld "Vergunning aanvragen" en "Inloggen ParkStart". Deze afbeeldingen hebben geen tekstalternatief en dit is ook niet nodig omdat het om een decoratieve afbeelding gaat. Maar de afbeelding heeft wel een leeg alt-attribuut (alt="") nodig, zodat hulpsoftware weet dat de afbeelding genegeerd kan worden.

Bevinding 2: Op pagina https://amersfoort.parkeerservice.nl/ (en elke andere pagina met dit menu plus logo's) staat het logo van de Gemeente Amersfoort. De alternatieve tekst luidt: "Logo Amersfoort". Deze tekst beschrijft de afbeelding niet goed genoeg. Voeg hier toe dat het logo dat van de Gemeente Amersfoort betreft.

Bevinding 3: Op pagina https://amersfoort.parkeerservice.nl/parkeren-op-straat/betaald-parkeren/ staat een video met de titel "Amersfoort Zo werkt de parkeerautomaat". Er ontbreekt een goede beschrijving bij de video, bijvoorbeeld een duidelijke titel kop of korte tekst er direct boven.
Plaats bij elke video een kort tekstalternatief. Zo weten bezoekers met een screenreader al wat de globale inhoud is voordat zij de video of audio starten.

Bevinding 4: Op pagina https://amersfoort.parkeerservice.nl/binnenstad/afgesloten-gebied/ staat een afbeelding van Autoluwe binnenstad Amersfoort met een leeg alt-attribuut. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen.
Een soortgelijk probleem zien we terug op pagina https://amersfoort.parkeerservice.nl/binnenstad/kernwinkelgebied/. Hier staat dezelfde afbeelding als op bovengenoemde link met een leeg alt-attribuut. Voeg een alternatieve tekst toe om dit probleem op te lossen.

Bevinding 5: De afbeelding met de tekst "OMDAT PARKEREN EEN VAK IS" is in het PDF-document "SEPA-Machtigingsformulier-Amersfoort-09-12-2022" op pagina https://amersfoort.parkeerservice.nl/assets/Algemeen/Machtigingen-voor-A-I-/SEPA-Machtigingsformulier-Amersfoort-09-12-2022.pdf een informatieve afbeelding. Deze afbeelding heeft geen beschrijving en is als artefact aangemerkt. Voor informatieve afbeeldingen geldt dat ze een beschrijving moeten hebben van de informatie die er in staat.

Bevinding 6: In de PDF "SEPA-Machtigingsformulier-Amersfoort-09-12-2022" op pagina https://amersfoort.parkeerservice.nl/assets/Algemeen/Machtigingen-voor-A-I-/SEPA-Machtigingsformulier-Amersfoort-09-12-2022.pdf is het logo van ‘ParkeerService’ aan de koptekst van het document toegevoegd. Het logo vertelt aan de bezoeker bij welke organisatie dit document hoort en mag niet in de koptekst worden toegevoegd. Zorg dat de eerste keer dat dit logo voorkomt, het logo uit de koptekst van het document wordt gehaald én het logo een tekstalternatief krijgt, zodat het voor bezoekers die het document niet kunnen zien het ook duidelijk is wie de afzender is van het document.
Een soortgelijk probleem zien we terug in de PDF "Protocol-kentekenregistratie-Parkeren-Amersfoort-BV" op pagina "https://amersfoort.parkeerservice.nl/assets/amersfoort/downloads/Protocol-kentekenregistratie-Parkeren-Amersfoort-BV.pdf". Hier is het logo van "PARKEREN AMERSFOORT" ook aan de koptekst van het document toegevoegd. Het logo vertelt aan de bezoeker bij welke organisatie dit document hoort en mag niet in de koptekst worden toegevoegd.

Bevinding 7: Advies: Op pagina https://amersfoort.parkeerservice.nl/ (en elke andere pagina met dit menu plus logo's) staat het logo van "Coöperatie ParkeerService". De alternatieve tekst luidt "Logo Cooperatie ParkeerService", wat in principe niet afkeurbaar is. Sommige screenreaders zullen hier "Logo Koolstofmonoxide-operatie ParkeerService" voorlezen vanwege de afkorting "co". Voeg om dit uit te sluiten de puntjes op de o toe: "Logo Coöperatie ParkeerService".

1.2 Op tijd gebaseerde media

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://amersfoort.parkeerservice.nl/parkeren-op-straat/betaald-parkeren/ staat een video (Amersfoort Zo werkt de parkeerautomaat) waar op verschillende plaatsen tekst in beeld komt. Bijvoorbeeld rond 00:01, 00:04 en 00:08. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.

Bevinding 9: Op pagina https://amersfoort.parkeerservice.nl/vergunningen/alles-over-parkstart/ is er in de video "Zo gebruikt u ParkStart van ParkeerService" rond 1:17 de tekst "Een productie van en ennimate.nl in opdracht van Coöperatie Parkeerservice" in beeld. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://amersfoort.parkeerservice.nl/parkeren-op-straat/betaald-parkeren/ staat de video "Amersfoort Zo werkt de parkeerautomaat" waar aan het begin rond 0:01 en aan het einde rond 01:05 een logo van de Gemeente Amersfoort in beeld komt. Als je dat niet kan zien mis je dat dit een video van de Gemeente Amersfoort is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voice-over waardoor de audiodescriptie overbodig wordt.

Bevinding 11: Op pagina https://amersfoort.parkeerservice.nl/vergunningen/alles-over-parkstart/ staat de video "Zo gebruikt u ParkStart van ParkeerService" waar aan het begin rond 0:13 en aan het einde rond 01:14 een logo van ParkStart in beeld komt. Als je dat niet kan zien mis je dat dit een video van de ParkStart is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voice-over waardoor de audiodescriptie overbodig wordt.

Bevinding 12: Op pagina https://amersfoort.parkeerservice.nl/vergunningen/alles-over-parkstart/ is er in de video "Zo gebruikt u ParkStart van ParkeerService" rond 1:17 de tekst "Een productie van en ennimate.nl in opdracht van Coöperatie Parkeerservice" in beeld. Er ontbreekt een voice-over die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien, niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voice-over of maak gebruik van een audiodescriptie.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://amersfoort.parkeerservice.nl/ontheffingen/ontheffingsformulier-bedrijf/ wordt onder de koptekst H1 "Ontheffingsformulier bedrijf" een rode tekst dikgedrukt weergegeven. Hier is het strong-element gebruikt om een heel stuk tekst nadruk te geven, dat is niet de bedoeling. Het strong-element is bedoeld voor het benadrukken van kleine stukjes tekst. Maak gebruik van de stylesheet om een intro tekst in een vet lettertype te tonen. Wat hier ook gedaan zou kunnen worden is voor de tekst "Check vooraf...." de tekst "Let op" toe te voegen en alleen die tekst met strong opmaken. Dan is toch duidelijk dat hier belangrijke informatie staat.

Bevinding 14: Op pagina https://amersfoort.parkeerservice.nl/tarieven/ staat onder de tabel "Digitale bezoekersregeling voor bewoners" een alinea tekst "Let op! Op de volgende feestdagen is er geen betaalplicht" opgemaakt met het em-element. Het em-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Wat hier ook gedaan kan worden is voor de tekst "Op de volgende feestdagen is er..." de tekst "Let op" toe te voegen en alleen die tekst met met em opmaken. Dan is toch duidelijk dat hier belangrijke informatie staat.
Een soortgelijk probleem zien we terug op pagina https://amersfoort.parkeerservice.nl/parkeren-in-garages/abonnementen/ bij punt 3. Bewonersabonnementen voor parkeergarages. Hier staan twee zinnen nl. "Bewonersabonnement parkeergarage Koestraat" en "Bewoners A1 abonnement parkeergarage Koestraat of Flintplein" opgemaakt met het em-element. Zorg dat de alinea via de stylesheet opgemaakt wordt of maak gebruik van het <i>-element.

Bevinding 15: Op pagina https://amersfoort.parkeerservice.nl/parkeren-op-straat/betaald-parkeren/ wordt meerdere keren (bijvoorbeeld bij "Parkeergarages" en "A zones") het strong-element gebruikt. Zorg dat de alinea via de stylesheet opgemaakt wordt of maak gebruik van het <b>-element.

Bevinding 16: Op pagina https://amersfoort.parkeerservice.nl/contact/contactgegevens/ komt een opsomming voor onder "Wilt u meer informatie over parkeren in Amersfoort?". Deze is nu niet opgemaakt met de juiste code. Gebruik het ul- en li-element om opsommingen weer te geven.
Een soortgelijk probleem zien we terug op pagina https://amersfoort.parkeerservice.nl/tarieven/ bij de links onder de koptekst "Tarieven". Dit is ook een opsomming maar deze is nu niet opgemaakt met de juiste code.

Bevinding 17: Op pagina https://amersfoort.parkeerservice.nl/binnenstad/kernwinkelgebied/ staat een tabel onder de koptekst "Venstertijden Kernwinkelgebied". Hier zouden de tabelcellen in de eerste kolom ook een th-element (tabelkop) moeten hebben, omdat deze cellen betrekking hebben op de cellen ernaast.

Bevinding 18: Op pagina https://amersfoort.parkeerservice.nl/tarieven/ staat onder “Parkeren in garages” een tabel waarin meerdere teksten in td-cellen opgemaakt zijn met strong om aan te geven dat het tabelkoppen zijn voor de datacellen eronder. Dit moeten tabelkoppen worden. Omdat dit verschillende garages zijn zou er voor gekozen kunnen worden om de tabel te splitsen in meerdere losse tabellen.

Bevinding 19: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://amersfoort.parkeerservice.nl/nieuws/ staan meerdere kopteksten. De kopteksten h3 (2023 en 2022) lijken nu onder de koptekst h2 te vallen. Semantisch is dit niet logisch. Bezoekers die gebruikmaken van schermvoorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, etc.

Bevinding 20: In de PDF "SEPA-Machtigingsformulier-Amersfoort-09-12-2022" op pagina https://amersfoort.parkeerservice.nl/assets/Algemeen/Machtigingen-voor-A-I-/SEPA-Machtigingsformulier-Amersfoort-09-12-2022.pdf staat in de voettekst een afbeelding met adresgegevens van "Coöperatie ParkeerService. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor in het document. Plaats deze tekst daarom als tekst (bijvoorbeeld met een P-tag) in het PDF document.

Bevinding 21: In de PDF "SEPA-Machtigingsformulier-Amersfoort-09-12-2022" op pagina https://amersfoort.parkeerservice.nl/assets/Algemeen/Machtigingen-voor-A-I-/SEPA-Machtigingsformulier-Amersfoort-09-12-2022.pdf staan de formuliervelden in een tabel. De tabelkoppen zijn goed gemarkeerd met het 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 22: In de PDF "SEPA-Machtigingsformulier-Amersfoort-09-12-2022" op pagina https://amersfoort.parkeerservice.nl/assets/Algemeen/Machtigingen-voor-A-I-/SEPA-Machtigingsformulier-Amersfoort-09-12-2022.pdf staan verschillende koppen, bijvoorbeeld 'SEPA - DOORLOPENDE MACHTIGING' en "S.v.p. invullen met blokletters". In de codelaag zijn deze koppen opgemaakt met een P-tag, in plaats van een H-tag. Zorg ervoor dat een H-tag op het juiste niveau wordt geplaatst op de koppen.
Een soortgelijk probleem zien we terug in de PDF "Protocol-kentekenregistratie-Parkeren-Amersfoort-BV" op pagina "https://amersfoort.parkeerservice.nl/assets/amersfoort/downloads/Protocol-kentekenregistratie-Parkeren-Amersfoort-BV.pdf". In dit document staan koppen, zoals bijvoorbeeld "Protocol kentekenregistratie parkeergarages van Parkeren Amersfoort BV". In de codelaag zijn deze koppen opgemaakt met een P-tag, in plaats van een H-tag. Zorg ervoor dat een H-tag op het juiste niveau wordt geplaatst op de koppen.

Bevinding 23: Advies: De PDF "SEPA-Machtigingsformulier-Amersfoort-09-12-2022" op pagina https://amersfoort.parkeerservice.nl/assets/Algemeen/Machtigingen-voor-A-I-/SEPA-Machtigingsformulier-Amersfoort-09-12-2022.pdf is niet digitaal invoerbaar. Bij PDF formulieren is het mogelijk om deze op te maken zodat mensen het formulier digitaal kunnen invullen. Dit is niet verplicht volgens de WCAG, maar wel beter voor verschillende mensen, bijvoorbeeld als zij een screenreadergebruiken of moeite hebben met schrijven.

Bevinding 24: Advies: Op pagina https://amersfoort.parkeerservice.nl/contact/contactverzoek/ wordt kopniveau h2 overgeslagen en wordt er van koptekst h1 naar koptekst h3 gesprongen. Het is goed om kopniveaus op een correcte volgorde te gebruiken. Bezoekers die gebruikmaken van schermvoorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, etcetera.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://amersfoort.parkeerservice.nl/vergunningen/alles-over-parkstart/ wordt er direct onder de koptekst h1 verwezen naar een locatie op de pagina, nl. "Bekijk de animatie hieronder". Voor iemand die niet kan zien, zijn dit aanwijzingen die niet behulpzaam zijn. Alle instructies om content te kunnen begrijpen of te bedienen, moeten ook tekstueel en/of semantisch aanwezig zijn zodat de instructies ook te begrijpen zijn voor mensen die het beeld niet zien. Denk hierbij aan vorm, omvang, locatie, geluid en oriëntatie van de content, die ook tekstueel beschreven moet zijn op dezelfde pagina.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 26: Op pagina https://amersfoort.parkeerservice.nl/parkeren-op-straat/betaald-parkeren/ heeft de kaart gekleurde vlakken die alleen door kleurverschil herkenbaar zijn. Mensen die geen kleuren kunnen onderscheiden missen zo informatie. Naast kleuren kun je hier bijvoorbeeld ook verschillende soorten arcering gebruiken om de informatie over te brengen.
Een soortgelijk probleem zien we terug op pagina https://amersfoort.parkeerservice.nl/vergunningen/vergunning-aanvragen/, waar ook een kaart met kleurvakken wordt gebruikt.
Een soortgelijk probleem zien we terug op pagina https://amersfoort.parkeerservice.nl/binnenstad/afgesloten-gebied/ en pagina https://amersfoort.parkeerservice.nl/binnenstad/kernwinkelgebied/, Hier staat een afbeelding waar alleen kleur is gebruikt om informatie over te brengen. Mensen die geen kleuren kunnen onderscheiden missen zo informatie.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 27: Op pagina https://amersfoort.parkeerservice.nl/ (en alle andere pagina's die dit menu bevatten) staat onder de logo's een verticaal menu. De oranje menu items (HEX #EB6D00) op de witte achtergrond biedt te weinig contrast. De contrastverhouding is hier 3.1: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 28: Op pagina https://amersfoort.parkeerservice.nl/ wordt bij de eerste keer openen van de website een cookiemelding geladen. De oranje (HEX #EB6D00) tekst "Laat me kiezen" op de witte achtergrond biedt te weinig contrast. De contrastverhouding is hier 3.1: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.
Een soortgelijk probleem zien we terug bij de oranje (HEX #EB6D00) knop met de witte tekst "Dat is oké". Deze kleurencombinatie biedt te weinig contrast, de contrastverhouding is hier 3.1:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 29: Op pagina https://amersfoort.parkeerservice.nl/contact/contactgegevens/ staat onder de koptekst H2 "Ons postadres" de adresgegevens en een link met de tekst "Contactverzoek". De oranje (HEX #EB6D00) tekst
op de witte achtergrond biedt te weinig contrast. De contrastverhouding is hier 3.1: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.
Een soortgelijk probleem zien we terug op pagina https://amersfoort.parkeerservice.nl/binnenstad/afgesloten-gebied/ bij de knoppen "Ontheffing Kernwinkelgebied" en "Autoluwe gebied" en op pagina https://amersfoort.parkeerservice.nl/parkeren-in-garages/abonnementen/ bij de knop "aanvraagformulier" en op pagina https://amersfoort.parkeerservice.nl/binnenstad/kernwinkelgebied/ bij de knop "Ontheffing kernwinkelgebied".

Bevinding 30: Op pagina https://amersfoort.parkeerservice.nl/contact/contactverzoek/ staat een contactformulier met onderaan een oranje (HEX #EB6D00) verzend knop met de witte tekst "Verzenden". De contrastverhouding is hier 3.1: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.
Een soortgelijk probleem zien we terug op pagina https://amersfoort.parkeerservice.nl/ontheffingen/ontheffingsformulier-bedrijf/ bij de knop "Verder".

Bevinding 31: Op pagina https://amersfoort.parkeerservice.nl/ontheffingen/ontheffingsformulier-bedrijf/ staat op het tabblad Start een rode (HEX #FF0000) tekst beginnend met "Check vooraf (voordat u betaalt) of u in aanmerking komt...". De contrastverhouding is hier 4: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 32: In de PDF "SEPA-Machtigingsformulier-Amersfoort-09-12-2022" op pagina https://amersfoort.parkeerservice.nl/assets/Algemeen/Machtigingen-voor-A-I-/SEPA-Machtigingsformulier-Amersfoort-09-12-2022.pdf staat een visuele kop met de tekst "SEPA - DOORLOPENDE MACHTIGING".
De oranje (HEX #ED7D31) tekst op de witte achtergrond biedt te weinig contrast. De contrastverhouding is hier 2.7: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 33: In de PDF "SEPA-Machtigingsformulier-Amersfoort-09-12-2022" op pagina https://amersfoort.parkeerservice.nl/assets/Algemeen/Machtigingen-voor-A-I-/SEPA-Machtigingsformulier-Amersfoort-09-12-2022.pdf staat een afbeelding met de tekst "OMDAT PARKEREN EEN VAK IS". De oranje (HEX #E49332) tekst op de witte achtergrond biedt te weinig contrast. De contrastverhouding is hier 2.4: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.
Een soortgelijk probleem zien we terug bij het adres in de voettekst van het PDF-document bij de tekst 'WWW.PARKEERSERVICE.NL'. De oranje (HEX #E8A14C) tekst op de witte achtergrond biedt te weinig contrast. De contrastverhouding is hier 2.1:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 34: In de PDF "Protocol-kentekenregistratie-Parkeren-Amersfoort-BV" op pagina "https://amersfoort.parkeerservice.nl/assets/amersfoort/downloads/Protocol-kentekenregistratie-Parkeren-Amersfoort-BV.pdf" staat het logo van "PARKEREN AMERSFOORT". De grijze tekst (HEX #9A9A9A) biedt te weinig contrast. De contrastverhouding is hier 2.8: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.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 35: Op pagina https://amersfoort.parkeerservice.nl/parkeren-op-straat/betaald-parkeren/ wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van hulpsoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met hulpsoftware hun computer te bedienen.
Op dit moment werkt de oplossing die we normaalgesproken zouden adviseren ('disablekb=1' toevoegen aan de URL) niet goed. De normale bediening gaat bij deze oplossing goed, maar zodra je instellingen wil aanpassen (zoals afspeelsnelheid) werkt dit niet via het toetsenbord. Daarom is een YouTube-videospeler (momenteel) niet goed toetsenbordtoegankelijk. Daarom adviseren we, tot dit probleem is opgelost, om andere videospeler te gebruiken.
Een soortgelijk probleem zien we terug bij de video op pagina https://amersfoort.parkeerservice.nl/vergunningen/alles-over-parkstart/. Ook hier wordt er gebruik gemaakt van de videospeler van YouTube en maakt deze videospeler gebruik van bediening door enkele tekentoetsen.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 36: De PDF "Protocol-kentekenregistratie-Parkeren-Amersfoort-BV" op pagina https://amersfoort.parkeerservice.nl/assets/amersfoort/downloads/Protocol-kentekenregistratie-Parkeren-Amersfoort-BV.pdf 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.
Verder staat er in de eigenschappen ingesteld dat de Bestandsnaam wordt getoond. Zorg dat niet de bestandsnaam maar de Documenttitel wordt getoond.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 37: Op pagina https://amersfoort.parkeerservice.nl/ (en elke andere pagina met dit menu plus logo's) staat het logo van "Coöperatie ParkeerService". De link waarin de afbeelding genest is, gaat niet naar de website van Coöperatie ParkeerService, maar naar de homepage van ParkeerService Amersfoort. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van het bericht of pagina waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn.
Een soortgelijk probleem zien we terug bij het logo van de Gemeente Amersfoort. De link waarin de afbeelding genest is, gaat niet naar de website van de Gemeente Amersfoort maar naar de homepage van ParkeerService Amersfoort.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 38: Op pagina https://amersfoort.parkeerservice.nl/ontheffingen/ontheffingsformulier-bedrijf/ staat een formulier om ontheffing aan te vragen als bedrijf. Het formulier bestaat uit meerdere pagina's en pas op de laatste pagina wordt aangegeven dat er een fout is gemaakt bij het invullen bepaalde invoervelden.
De bezoeker moet een foutmelding bij het veld zelf krijgen wanneer een invoerveld niet goed is ingevuld of het formulier niet goed verzonden kan worden. De foutmelding moet beschrijven welke fout is gemaakt en wáár die is gemaakt. Dat een veld verplicht is, is een foutsuggestie.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Voldoende

Bevinding 39: Advies: Op pagina https://amersfoort.parkeerservice.nl/contact/contactverzoek/ staat een formulier. Het formulier begint met de groep keuzerondjes (Onderwerp). Deze is niet gemarkeerd als verplicht, terwijl ze verplicht zijn. Het is beter om dit wel aan te geven.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 40: Bij meerdere velden in het formulier op pagina https://amersfoort.parkeerservice.nl/ontheffingen/ontheffingsformulier-bedrijf/ wordt een specifieke invoer gevraagd (bijvoorbeeld bij Betreft periode (Tijdelijke ontheffing) en Kenteken*), maar het is niet duidelijk welk formaat de datumnotering moet volgen (bijvoorbeeld dd-mm-jjjj). Zorg dat het voor bezoekers duidelijk is hoe zij deze formuliervelden moeten invullen.

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 41: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://amersfoort.parkeerservice.nl/ontheffingen/ontheffingsformulier-bedrijf/ wordt een formulier "Ontheffingsformulier bedrijf" weergegeven. Bij een aantal velden (bijvoorbeeld Voorletters, Achternaam en KvK-nummer) staat een asterisk om aan te geven dat het veld verplicht is. In de code staan deze velden niet als verplicht gemarkeerd. Hierdoor wordt er geen melding bij het veld zelf weergegeven dat er gegevens missen. Aan het einde van het proces worden pas foutmeldingen weergegeven.

Bevinding 42: Op pagina https://amersfoort.parkeerservice.nl/ontheffingen/ontheffingsformulier-bedrijf/ staan tabbladen. Het geselecteerde tabblad heeft een tekst op lichte achtergrond. Hierdoor weten bezoekers die het scherm kunnen zien, welke stap actief is. Deze informatie is niet beschikbaar voor hulpsoftware. Maak bijvoorbeeld gebruik van aria-current om dit probleem op te lossen.

Bevinding 43: Op alle pagina's (bijvoorbeeld https://amersfoort.parkeerservice.nl/) wordt een dialoogvenster voor de pagina weergegeven met de tekst "E-loket tijdelijk niet beschikbaar". Dit dialoogvenster komt voor de pagina te staan, maar wordt niet opgemerkt door hulpsoftware. Geef het dialoogvenster een label 'dialog' mee met het aria-label of het aria-labelledby attribuut zodat hulpsoftware weet dat er een dialoogvenster geopend is.

Bevinding 44: Op alle pagina's (bijvoorbeeld https://amersfoort.parkeerservice.nl/) wordt een dialoogvenster voor de pagina weergegeven met de tekst "E-loket tijdelijk niet beschikbaar". Het 'X' icoon waar je het scherm mee kunt sluiten, heeft geen toegankelijke naam. Deze knop heeft geen (goede) toegankelijke naam. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet.
Een soortgelijk probleem zien we terug bij de link "
sluiten en niet meer weergeven". 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.

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:50:36 v2.4-011