Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website ParkeerService Barneveld

(Alleen de bevindingen)

Scope van de evaluatie

Naam website ParkeerService Barneveld
Datum 12 december 2024
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 21

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://barneveld.parkeerservice.nl/ (en elke andere pagina met dit menu plus logo's) staat het logo van de Gemeente Barneveld. De alternatieve tekst luidt: "Logo Barneveld". Deze tekst beschrijft de afbeelding niet goed genoeg. Visueel is te zien dat in het logo van Barneveld de tekst ‘gemeente’ staat. Alle tekst die visueel zichtbaar is moet terugkomen in de alternatieve tekst.

Bevinding 2: Op pagina https://barneveld.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 3: Advies: Op pagina https://barneveld.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 4: Op pagina https://barneveld.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 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 voorleessoftware 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 5: Op pagina https://barneveld.parkeerservice.nl/vergunningen/alles-over-parkstart/ is er in de video "Zo gebruikt u ParkStart van ParkeerService" op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 00:01 de tekst 'ParkStart' en rond 1:17 de tekst "Een productie van en ennimate.nl in opdracht van Coöperatie ParkeerService". 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.

Bevinding 6: Op pagina https://barneveld.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 ParkeerService in beeld komt. Als je dat niet kan zien mis je dat dit een video van de ParkeerService is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voice-over waardoor de audiodescriptie overbodig wordt.

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://barneveld.parkeerservice.nl/parkeren-op-straat/veelgestelde-vragen-mobielparkeren/ wordt onder de koptekst H1 "Veelgestelde vragen mobielparkeren" vragen en antwoorden over mobielparkeren weergegeven. Hier is voor alle vragen het strong-element en het em-element gebruikt om een heel stuk tekst nadruk te geven, dat is niet de bedoeling. Het strong-element en em-element zijn bedoeld voor het benadrukken van kleine stukjes tekst. Maak gebruik van de stylesheet om de vragen vetgedrukt en eventueel schuingedrukt weer te geven.

Bevinding 8: Op pagina https://barneveld.parkeerservice.nl/nieuws/parkeren-gowthorpeplein-verandert/ is onder de koptekst H2 "Betaald parkeren op Gowthorpeplein Barneveld verandert" een opsomming aanwezig. Hoewel er visueel geen opsommingstekens zijn gebruikt is dit wel een opsomming. Gebruik het ol/ul- en li-element om opsommingen op te maken.
Een soortgelijk probleem zien we terug op pagina https://barneveld.parkeerservice.nl/contact/contactgegevens/, hier is deels een opsomming gebruikt maar de opsomming binnen een opsomming is niet correct gemarkeerd.

Bevinding 9: Op pagina https://barneveld.parkeerservice.nl/ staat een lijst met twee items onder de kop 'contact'. Er is hier geen sprake van een opsomming. Verwijder deze lijst.

Bevinding 10: Op pagina https://barneveld.parkeerservice.nl/nieuws/parkeren-gowthorpeplein-verandert/ staat een paragraaf opgemaakt als h5 kop. Deze tekst gedraagt zich niet als kop en hoort niet in de koppenstructuur. Verander de opmaak, bijvoorbeeld naar <p>.

Bevinding 11: Advies: Op pagina https://barneveld.parkeerservice.nl/contact/contactverzoek-barneveld/ 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 voorleessoftware 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, et cetera. Op pagina https://barneveld.parkeerservice.nl/nieuws/ staan de jaartallen als h3 koppen, echter deze zijn geen subkoppen van h2 'Verlenging parkeervergunningen gestart', maak hier h2 koppen van.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Voldoende

Bevinding 12: Op pagina https://barneveld.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. Het is hier niet afgekeurd omdat de content direct volgt op de instructie.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://barneveld.parkeerservice.nl/plattegrond/ 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.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 14: 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. Een aantal voorbeelden:

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 15: Op pagina https://barneveld.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 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.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 16: Op alle pagina's anders dan de homepagina is een paginatitel aanwezig, zoals bijvoorbeeld op pagina https://barneveld.parkeerservice.nl/contact/contactgegevens/ maar deze beschrijft de inhoud van de pagina onvoldoende. De paginatitel luidt nu "Contactgegevens | Barneveld". Het zou goed zijn om hier "ParkeerService" aan toe te voegen bij alle pagina's, zodat voor alle bezoekers duidelijk is op welk domein ze zich bevinden. Op de homepagina zou het goed zijn om Home in de paginatitel op te nemen. Vaak begint een paginatitel met het deel wat het onderwerp of doel van de pagina beschrijft, gevolgd door de organisatienaam.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 17: Op pagina https://barneveld.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 Barneveld. 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 Barneveld. De link waarin de afbeelding genest is, gaat niet naar de website van de Gemeente Barneveld maar naar de homepage van ParkeerService Barneveld.
Overigens krijgen beide logo's apart de focus wanneer een bezoeker met het toetsenbord navigeert. Het lijkt erop dat dit een enkele link met een gezamenlijk linkdoel (homepagina) mag worden.

Bevinding 18: In de footer staan links zoals 'Toegankelijkheid' waar het linkdoel mist en dit een externe website betreft, bijvoorbeeld cooperatieparkeerservice.nl. Voeg deze informatie toe aan de toegankelijke naam van de link.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Voldoende

Bevinding 19: Op pagina https://barneveld.parkeerservice.nl/contact/contactverzoek-barneveld/ staat een formulier waar standaard HTML validatie gebruikt. Het probleem met deze validatie is dat elke browser deze validatie verschillend toont. Hierdoor is niet te testen of te weten of deze wel altijd toegankelijk getoond wordt. Soms blijft een melding bijvoorbeeld maar heel kort in beeld. Bij deze validatie lijken de foutmeldingen in meerdere browsers op instructies en vertellen niet wat er fout is gegaan met de invoer. De foutmelding luidt nu “Vul dit veld in”. Een bijkomend probleem is dat telkens slechts één melding getoond wordt. Zorg zelf voor een goede en toegankelijk clientvalidatie met goede teksten over wat er fout gaat. Let er daarbij ook op dat de foutmeldingen ook gepresenteerd worden aan gebruikers van hulpsoftware, bijvoorbeeld door een goede focusverplaatsing of via ARIA-technieken zoals aria-live. Dit probleem komt ook voor op pagina https://barneveld.parkeerservice.nl/parkeerterreinen/kortingskaarten-bestellen/bestelformulier-kortingskaarten-barneveld/.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://barneveld.parkeerservice.nl/parkeerterreinen/kortingskaarten-bestellen/bestelformulier-kortingskaarten-barneveld/ is een formulier waar bij de verplichte velden een * wordt getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: ‘De velden met een * zijn verplicht'.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Voldoende

Bevinding 21: Het formulier op pagina https://barneveld.parkeerservice.nl/contact/contactverzoek-barneveld/ bevat enkel HTML5 veldcontroles. Deze foutsuggesties worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kan de tekstgrootte niet aangepast worden zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutsuggesties toe aan het formulier om dit probleem op te lossen. Dit probleem komt ook voor op pagina https://barneveld.parkeerservice.nl/parkeerterreinen/kortingskaarten-bestellen/bestelformulier-kortingskaarten-barneveld/.

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:40:24 v2.4-011