Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website ParkeerService Bergen

(Alleen de bevindingen)

Scope van de evaluatie

Naam website ParkeerService Bergen
Datum 30 januari 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op bergen.parkeerservice.nl.
  • Alle PDF's op bergen.parkeerservice.nl.
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 33

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 elke onderzochte webpagina heeft het logo van de gemeente Bergen op een groot scherm de alternatieve tekst "Logo Bergen". De alternatieve tekst van een logo moet altijd alle tekst in beeld bevatten, in dit geval "gemeente Bergen". Zorg ervoor dat ook "Logo" behouden blijft in de alternatieve tekst, dus "Logo gemeente Bergen".

Bevinding 2: Op de homepagina https://bergen.parkeerservice.nl/ staan onder de kop "Parkeerservice Bergen" een aantal oranje links met witte tekst ("Vergunning aanvragen" tot en met "Wijziging doorgeven") en een afbeelding. Deze afbeeldingen hebben geen tekstalternatief en dit is ook niet nodig, omdat het om decoratieve afbeeldingen gaat. De afbeeldingen hebben echter wel een leeg alt-attribuut (alt="") nodig, zodat hulpsoftware weet dat de afbeeldingen genegeerd kunnen worden.

Bevinding 3: De plattegrond op https://bergen.parkeerservice.nl/plattegronden/ heeft geen toegankelijk alternatief. Alleen bezoekers die kunnen zien kunnen de informatie afleiden uit de kaart. Schrijf in tekst uit welke wijken/straten in welk gebied vallen en tot welke zone deze behoort. Dit geldt ook voor de plattegrond in de PDF https://bergen.parkeerservice.nl/assets/Bergen/Plattegrond-Betaald-parkeren-Schoorl-2019-1.pdf

1.2 Op tijd gebaseerde media

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 4: De video op https://bergen.parkeerservice.nl/vergunningen/alles-over-parkstart/ heeft ondertiteling dat deel is van het beeld (d.w.z. open captions, in tegenstelling tot closed captions). Dit type ondertitels is hier niet geschikt: het contrast tussen de witte ondertitels en de wisselende achtergrond is niet steeds voldoende (zie succescriterium 1.4.3). De ondertitels gegenereerd door YouTube zijn beschikbaar, maar hier moet de synchronisatie van de ondertiteling aangepast worden en (eventuele) verkeerd herkende of gespelde woorden. YouTube laat zijn automatisch gegenereerde ondertitels woord per woord in beeld komen, maar deze moeten per regel in beeld komen, net als ondertitels zoals we die kennen uit de wereld van tv en film.

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 5: Op pagina https://bergen.parkeerservice.nl/vergunningen/alles-over-parkstart/ staat 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. Hier ontbreekt een uitgeschreven tekst en hier 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 schermvoorleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere belangrijke informatie in een transcript of maak gebruik van een extra audiospoor om ook te voldoen aan succescriterium 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://bergen.parkeerservice.nl/vergunningen/alles-over-parkstart/ staat in de video "Zo gebruikt u ParkStart van ParkeerService" op verschillende plaatsen tekst in beeld: rond 00:01 het logo van ParkStart en rond 1:17 de tekst "Een productie van en ennimate.nl in opdracht van Coöperatie ParkeerService". Hier 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 7: Op pagina https://bergen.parkeerservice.nl/vergunningen/veelgestelde-vragen-vergunningen/ is het strong-element gebruikt bij alle vragen. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden en niet voor opmaak. Ook mogen deze elementen niet worden gebruikt om aan te geven dat het koppen zijn. Maak deze teksten op als echte kopteksten (bijvoorbeeld h3) of wijzig de opmaak via CSS. Desnoods kan in plaats van strong ook het b-element gebruikt worden. Dit maakt teksten ook dikgedrukt, maar heeft geen semantische betekenis.

Bevinding 8: Op pagina https://bergen.parkeerservice.nl/nieuws/ is de koppenstructuur niet logisch. Nu lijkt het alsof de kopteksten "2023", "2022" etc. (h3) onder de koptekst "Verlenging parkeervergunningen gestart" (h2) vallen en dat is niet logisch. Pas dit aan zodat de koppenstructuur wel logisch is. Bijvoorbeeld door het toevoegen van "2024" en alle jaartallen te wijzigen naar een kop van niveau 2 (h2). Vervolgens moeten dan de nieuwsberichten een kopniveau lager zijn. Andere oplossingen zijn ook mogelijk.

Bevinding 9: Op pagina https://bergen.parkeerservice.nl/contact/contactgegevens/ staat onder "Waar kunnen we u mee helpen?" een opsommingslijst met twee onderdelen. In het tweede onderdeel staan ook streepjes die visueel aangeven dat dit een geneste opsommingslijst is. Dit moet dan ook zo opgemaakt worden. Vergelijkbare problemen komen ook voor op pagina https://bergen.parkeerservice.nl/vergunningen/vergunning-aanvragen/bewonersvergunning/, onder "Wat zijn de voorwaarden?" en op pagina https://bergen.parkeerservice.nl/tarieven/, onder "Tijden betaald parkeren op straat".

Bevinding 10: Op pagina https://bergen.parkeerservice.nl/tarieven/ staat een tabel onder de koptekst "Betaald parkeren op straat". Hier moeten de tabelcellen in de eerste kolom ook tabelkoppen (th-element) worden, omdat deze cellen betrekking hebben op de cellen ernaast. Dit komt ook voor op https://bergen.parkeerservice.nl/parkeren-op-straat/betaald-parkeren/.

Bevinding 11: De PDF op pagina https://bergen.parkeerservice.nl/assets/Bergen/Plattegrond-Betaald-parkeren-Schoorl-2019-1.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat codes of tags ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 12: Advies: Op pagina https://bergen.parkeerservice.nl/contact/contactverzoek-bergen/ staat een kop van niveau 3 ("Contactgegevens", h3) na een kop van niveau 1 ("Contactverzoek Bergen", h1). Dit is strikt genomen geen toegankelijkheidsprobleem, maar het zou beter zijn als er geen niveaus worden overgeslagen in de koppenstructuur.
Dit komt ook voor op pagina's https://bergen.parkeerservice.nl/nieuws/valse-qr-stickers-op-parkeerautomaten/ en https://bergen.parkeerservice.nl/vergunningen/veelgestelde-vragen-vergunningen/.

Bevinding 13: Advies: Op pagina https://bergen.parkeerservice.nl/contact/contactgegevens/ staan vijf links onder "Hier vindt u alvast informatie over:". Deze kunnen beter als opsommingslijst opgemaakt worden.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://bergen.parkeerservice.nl/vergunningen/alles-over-parkstart/ staat de instructie “Bekijk de animatie hieronder…”. Dit is een instructie die afhankelijk is van zintuiglijke eigenschappen. Niet iedereen ziet een animatie hieronder. Dit kan alleen goedgekeurd worden als de animatie direct onder deze tekst staat en als duidelijk is dat het om een animatie gaat. Dat is hier niet het geval: er staat nog tekst tussen de instructie en de animatie. Ook is uit het tekstalternatief van de iframe met daarin de video niet duidelijk dat het om een animatie gaat.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://bergen.parkeerservice.nl/plattegronden/ heeft de kaart gekleurde vlakken die alleen door kleurverschil herkenbaar zijn en de contrastratio tussen de kleuren is lager dan 3,0:1. Slechtziende en kleurenblinde bezoekers missen zo informatie. Naast kleuren kunnen hier bijvoorbeeld ook verschillende soorten arcering gebruikt worden om de informatie over te brengen. Zie echter ook succescriterium 1.4.11.

Bevinding 16: In de PDF op pagina https://bergen.parkeerservice.nl/assets/Bergen/Plattegrond-Betaald-parkeren-Schoorl-2019-1.pdf staat een kaart. Hierin wordt alleen kleur gebruikt om de verschillende gebieden aan te duiden. Kleur mag niet als enige worden gebruikt om informatie over te brengen. Gebruik daarom nog minimaal één andere manier, bijvoorbeeld een andere vorm van de lijn of een andere arcering. De contrastratio tussen de verschillende gebieden is ook te laag om als andere manier te dienen. Zie ook succescriterium 1.4.11.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 17: Op meerdere plekken en op meerdere pagina's wordt gebruikgemaakt van een kleurencombinatie van oranje tekst (HEX #EB6D00) op een witte achtergrond (of andersom) met een contrastverhouding van 3,1:1 waar dit minimaal 4,5:1 moet zijn voor kleine tekst. Voor slechtzienden en kleurenblinden is anders het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast. Hier volgen een aantal voorbeelden, maar dit komt vaker voor:

Bevinding 18: Op pagina's https://bergen.parkeerservice.nl/contact/contactgegevens/, https://bergen.parkeerservice.nl/vergunningen/alles-over-parkstart/ en https://bergen.parkeerservice.nl/vergunningen/vergunning-aanvragen/bewonersvergunning/ staan links die een grijze achtergrondkleur krijgen als er met de muisaanwijzer overheen wordt gegaan. Bijvoorbeeld "Contactverzoek" op de eerstgenoemde pagina. De contrastratio van de oranje linktekst (HEX #EB6D00) op de grijze achtergond (HEX #D7D7D7) is dan met 2,1:1 te laag. Dit moet minimaal 4,5:1 zijn.

Bevinding 19: Op pagina https://bergen.parkeerservice.nl/vergunningen/veelgestelde-vragen-vergunningen/ hebben de kopteksten "Vergunning aanvragen" tot en met "Overige vragen" een lichtere oranje kleur gekregen. Deze oranje teksten (HEX #FF9900) hebben een te lage contrastratio van 2,1:1 waar dit minimaal 3,0:1 moet zijn, omdat dit grote teksten zijn.

Bevinding 20: Het contrast van de "ingebakken" ondertitels van de video op https://bergen.parkeerservice.nl/vergunningen/alles-over-parkstart/ hebben onvoldoende contrast. De witte tekst valt onvoldoende op tegen bijvoorbeeld de grijze (HEX #7A7A7A) en de oranje (HEX #CF8200) achtergronden in de video. Voeg een zwarte achtergrond bij de ondertitels toe om deze beter te laten opvallen. De contrastverhouding moet minimaal 4,5:1 zijn.

Bevinding 21: In de PDF op pagina https://bergen.parkeerservice.nl/assets/Bergen/Plattegrond-Betaald-parkeren-Schoorl-2019-1.pdf staat een kaart. Hierin staan bij de afbeeldingen van de parkeerborden rode teksten (HEX #FF0000) op een lichtgrijze achtergrond (HEX #F0F0F0) met een te lage contrastratio van 3,5:1. De groene teksten (HEX #00FF00) hebben een nog lager contrastratio van 1,2:1 op dezelfde achtergrondkleur. De contrastratio moet echter minimaal 4,5:1 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 22: Op pagina https://bergen.parkeerservice.nl/plattegronden/ staat bovenaan een kaart waarin verschillende kleuren zijn gebruikt om informatie te geven over onder andere de parkeerzones. Het contrast tussen de verschillende gebieden is te laag om goed onderscheiden te kunnen worden. Bijvoorbeeld tussen lichtblauw (HEX #88DDE1) en groen (HEX #88D87A). Hier is de contrastratio slechts 1,1:1 waar dit minimaal 3,0:1 moet zijn. Tussen roze (HEX #F5B4F2) en rood (HEX #F09898) is de contrastratio met 1,3:1 ook te laag en zo komen meer problemen voor in deze kaart.

Bevinding 23: In de PDF op pagina https://bergen.parkeerservice.nl/assets/Bergen/Plattegrond-Betaald-parkeren-Schoorl-2019-1.pdf staat een kaart. Hierin zijn drie verschillende gebieden aangeduid met een gekleurde arcering; "Zone A", "Zone B" en "Niet beschikbaar voor algemeen gebruik". De groene kleur (HEX #00FF00) heeft een te lage contrastratio van 1,4:1 op de witte achtergrond. Dit moet minimaal 3,0:1 zijn.

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 24: Op pagina https://bergen.parkeerservice.nl/vergunningen/alles-over-parkstart/ 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 normaal gesproken 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 om andere videospeler te gebruiken tot dit probleem is opgelost.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 25: Op alle pagina's staat linksboven het logo van Coöperatie Parkeerservice. Deze link heeft de naam "Logo Cooperatie ParkeerService". Hierdoor lijkt het alsof de link naar de website www.parkeerservice.nl gaat, maar dat is niet het geval. De link gaat naar de homepage van deze website. Wijzig deze naam (bijvoorbeeld via het tekstalternatief van de afbeelding) naar "Logo Coöperatie ParkeerService, ga naar de homepagina van ParkeerService Bergen" of iets vergelijkbaars. Let op dat de zichtbare tekst onderdeel van de naam moet blijven.
NB: het is ook beter om "Cooperatie" te wijzigen naar "Coöperatie" om ervoor te zorgen dat alle voorleessoftware dit goed uitspreekt.

Bevinding 26: Op alle pagina's staat linksboven het logo van Gemeente Bergen. Deze link heeft op grote schermen de naam "Logo Bergen" en op kleine schermen "Gemeente Bergen". Hierdoor lijkt het alsof de link naar de gemeentelijke website gaat, maar dat is niet het geval. De link gaat naar de homepage van deze website. Wijzig deze naam (bijvoorbeeld via het tekstalternatief van de afbeelding) naar "Logo Gemeente Bergen, ga naar de homepagina van ParkeerService Bergen" of iets vergelijkbaars. Zie ook succescriterium 2.5.3.

Bevinding 27: Advies: Bovengenoemde logo's leiden naar dezelfde pagina en daarom kunnen ze beter als één link worden opgemaakt. Let er daarbij wel op dat alle zichtbare tekst onderdeel van de naam van de link moet zijn.

Bevinding 28: Advies: Op pagina https://bergen.parkeerservice.nl/home/SearchForm/?Search=parkeren&action_results=Zoeken bestaan de zoekresultaten uit twee links die beide hetzelfde linkdoel hebben. Het is beter als elk zoekresultaat opgemaakt is als een link die een enkele keer tab-focus krijgt.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 29: Op alle webpagina's staat linksboven het logo van Gemeente Bergen. Op een groot scherm is het tekstalternatief van deze afbeelding "Logo Bergen". Dit is ook de toegankelijke naam van de link en dat betekent dat de zichtbare tekst "gemeente" nu niet gebruikt kan worden met spraakbedieningssoftware. Voeg dit toe aan het tekstalternatief. Zie ook succescriterium 2.4.4.

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 30: In de eigenschappen van PDF https://bergen.parkeerservice.nl/assets/Bergen/Plattegrond-Betaald-parkeren-Schoorl-2019-1.pdf is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 31: Het formulier op pagina https://bergen.parkeerservice.nl/contact/contactverzoek-bergen/ 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 kan 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.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 32: Op https://bergen.parkeerservice.nl/contact/contactverzoek-bergen/ staat een formulier. Het formulier begint met een groep keuzerondjes. Deze zijn 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 33: Het formulier op pagina https://bergen.parkeerservice.nl/contact/contactverzoek-bergen/ 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 kan 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.

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-03-09 22:48:13 v2.4-011