Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Gemeente Putten

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Putten
Datum 8 april 2025
Scope van de website Binnen de scope van onderzoek valt:
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 25

1. Waarneembaar

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 1: Op pagina https://www.putten.nl/Inwoners/Advies_hulp_ondersteuning/Video_inburgeren_vanaf_2022 staat een video (Video inburgeren vanaf 2022
) waar op verschillende plaatsen tekst in beeld komt. Bijvoorbeeld rond 00:45, 00:57 en 01:17. 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 2: Op pagina https://www.putten.nl/Inwoners/Advies_hulp_ondersteuning/Video_inburgeren_vanaf_2022 staat de video "Video inburgeren vanaf 2022" waar aan het einde rond 02:15 een aantal logo's van o.a. COA, VNG in beeld komen. Als je dat niet kan zien mis je dat dit een video van o.a. bovengenoemde organisaties 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 3: De PDF Flyer Vertrouwenspersoon Jeugdhulp (PDF, 114kB).pdf op pagina https://www.putten.nl/dsresource?objectid=91d70508-026b-48fd-925e-b1ab705cf97e&type=PDF is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet te bepalen is. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, geen alternatieve teksten bij afbeeldingen tonen en bepalen wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat er bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Dit geldt ook voor de PDF beleidsregels buitenbanen In de PDF Beleidsregels buitenrijbaan op https://www.putten.nl/dsresource?objectid=13334ccc-4899-448b-ae26-2b20bdb2ab8e&type=pdf

Bevinding 4: Advies: In de footer op onder andere pagina https://putten.nl/ (en alle andere pagina's die dit siteonderdeel bevatten) staan onder Belangrijke pagina's een drietal links. Deze zijn nu opgemaakt als paragraaf met break-tags (<br>). Wanneer je deze links opmaakt als ongeordende lijst, is het voor bezoekers die gebruik maken van hulpsoftware makkelijker om door deze links te navigeren.
.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 5: In het hoofdmenu in de header op onder andere pagina https://putten.nl/ (en alle andere pagina's die dit menu bevatten) hebben de links (inwoners, ondernemers, bezoekers en bestuur) een oranje (HEX #DE5217) kleur. Deze tekst biedt te weinig contrast in combinatie met de witte achtergrond. De contrastverhouding is hier 3.9: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://putten.nl/ bij de links onder 'Nieuws', 'Contact opnemen' en 'Bestuur en organisatie': hier wordt dezelfde kleur oranje (HEX #DE5217) gebruikt in combinatie met witte tekst. De contrastverhouding is hier 3.9:1 waar dit minimaal 4.5:1 moet zijn.

Bevinding 6: In de footer op onder andere pagina https://putten.nl/ (en alle andere pagina's die dit siteonderdeel bevatten) staan kopteksten h2 ('Bezoekadres', 'Belangrijke pagina's' en 'Blijf op de hoogte') in het wit. In combinatie met de beige (HEX #C6AE7E) achtergrondkleur biedt deze tekst te weinig contrast. De contrastverhouding is hier 2.1:1 waar dit minimaal 3: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.
De adresgegevens zelf, links naar belangrijke pagina's en de link naar "Aanmelden nieuwsbrief" hebben moeten (vanwege de grootte van het lettertype) minimaal een contrastverhouding van 4.5:1 hebben.

Bevinding 7: Op pagina https://putten.nl/Zoeken?searchbase=0&searchrange=10&searchpage=1&nodelocation=e63243ce-5df2-4e93-9763-d5f8e6acaf48&freetext=toegankelijkheid staan een aantal zoekresultaten met een datum eronder, bijvoorbeeld bij "Toeristisch Café: samen werken aan een gastvrij en toegankelijk Putten" - 04 december 2024. De kleur oranje (HEX #DE5217) waarin de datum getoond wordt biedt te weinig contrast in combinatie met de witte achtergrond. De contrastverhouding is hier 3.9: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 dezelfde pagina, onder een aantal van de zoekresultaten wordt een bestandsnaam weergegeven, bijvoorbeeld bij "Instrumentarium" - pdf, 210kB. De kleur oranje (HEX #DE5217) waarin de datum getoond wordt biedt te weinig contrast in combinatie met de witte achtergrond. De contrastverhouding is hier 3.9:1 waar dit minimaal 4.5:1 moet zijn. Dit komt ook voor op de volgende pagina's: https://putten.nl/Inwoners/Inhoud_landingspagina_inwoners/Rij_3/Nieuws, https://putten.nl/Inwoners/Afval_Riool/Afval, https://www.putten.nl/Inwoners/Advies_hulp_ondersteuning/Jeugd/Vertrouwenspersoon_Jeugdhulp/Flyer_Vertrouwenspersoon_Jeugdhulp_PDF_114kB.

Bevinding 8: Op pagina https://www.putten.nl/ staan 6 witte blokjes/links naar pagina's binnen de website: "Melding openbare ruimte', "Rijbewijs", "Paspoort en ID-kaart" etc. Wanneer je hier met de muis overheen hovert of het krijgt toetsenbordfocus, dan veranderen de gebruikte kleuren: de achtergrond wordt dan beige (HEX #C6AE7E) met witte tekst en iconen. De contrastverhouding is hier 2.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 wanneer je hovert over de knoppen "Nieuws", "Locaties & Contact" en "Raadsinformatiesysteem" onder de kopteksten "Nieuws", "Contact opnemen" en "Bestuur en organisatie". De achtergrond wordt dan beige (HEX #C6AE7E) met witte tekst. De contrastverhouding is hier 2.1:1 waar dit minimaal 4.5:1 moet zijn.

Bevinding 9: Het contrast van de hyperlinks in de lopende tekst ((0341) 359 620 en jbokkers@putten.nl) op pagina https://www.putten.nl/Ondernemers/Informatie_Advies/Bedrijfscontactfunctionaris_Bedrijfsbezoeken is te laag als deze tekst de focus krijgt. De contrastverhouding van de oranje (HEX #DE5217) hyperlinks op de witte achtergrond is hier 3.9:1, waar dit minimaal 4,5:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Gebruik een andere kleur voor de focus op die plekken waar het contrast te laag is.
Een soortgelijk probleem zien we terug op de o.a. volgende pagina's: https://www.putten.nl/Inwoners/Advies_hulp_ondersteuning/Jeugd/Vertrouwenspersoon_Jeugdhulp/Flyer_Vertrouwenspersoon_Jeugdhulp_PDF_114kB, https://www.putten.nl/Inwoners/Afval_Riool/Afval en https://www.putten.nl/Bestuur/College_van_B_en_W/Column_Fontanusplein_1/De_donkere_dagen_voor_Kerstmis.

Bevinding 10: Wanneer je op onder andere pagina https://putten.nl/ (en alle andere pagina's die dit siteonderdeel bevatten) met het toetsenbord door de pagina navigeert, komt als eerste de skiplink in beeld. De contrastverhouding van de oranje (HEX #DE5217) hyperlinks op de witte achtergrond is hier 3.9:1, waar dit minimaal 4,5:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Gebruik een andere kleur voor de focus op die plekken waar het contrast te laag is.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 11: In het hoofdmenu in de header op onder andere pagina https://putten.nl/ (en alle andere pagina's die dit menu bevatten) wijzigt de menubalk naar een knop om het mobiele menu te openen wanneer je naar 175% of meer schaalt (bij een resolutie van 1280x1024px). De knop verdwijnt dan half onder de "Uw Reactie" widget (op een aantal pagina's aanwezig) en is niet meer goed zichtbaar.
In sommige gevallen bedekt de "Uw Reactie" widget ook een gedeelte van de tekst of knoppen, bijvoorbeeld op pagina https://www.putten.nl/Configuratie/Contactgegevens/Contactformulier, https://www.putten.nl/Inwoners/Inhoud_landingspagina_inwoners/Over_deze_website/Toegankelijkheidsverklaring en https://www.putten.nl/Ondernemers/Informatie_Advies/Bedrijfscontactfunctionaris_Bedrijfsbezoeken. Zie ook Succescriterium 1.4.10.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 12: In het hoofdmenu in de header op onder andere pagina https://putten.nl/ (en alle andere pagina's die dit menu bevatten) wijzigt de menubalk naar een knop om het mobiele menu te openen wanneer je naar 175% of meer schaalt (bij een resolutie van 1280x1024px). De knop verdwijnt dan half onder de "Uw Reactie" widget (op een aantal pagina's aanwezig) en is niet meer goed zichtbaar.
In de meeste gevallen bedekt de "Uw Reactie" widget ook een gedeelte van de tekst of knoppen, bijvoorbeeld op pagina https://www.putten.nl/Configuratie/Contactgegevens/Contactformulier, https://www.putten.nl/Inwoners/Inhoud_landingspagina_inwoners/Over_deze_website/Toegankelijkheidsverklaring en https://www.putten.nl/Ondernemers/Informatie_Advies/Bedrijfscontactfunctionaris_Bedrijfsbezoeken.
Wanneer onder andere op pagina https://putten.nl/ (en alle andere pagina's die deze siteonderdelen bevatten) bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan komen er siteonderdelen (bijvoorbeeld "Uw Reactie" widget en de zoekbalk) buiten beeld of over content heen te staan. Zorg ervoor dat teksten en bedieningselementen in beeld blijven staan zonder een scrollbalk in de leesrichting (horizontaal) te krijgen.

Bevinding 13: Wanneer onder andere op pagina https://putten.nl/ (en alle andere pagina's die deze knop bevatten) bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan valt de afspeelknop van de ReadSpeaker widget gedeeltelijk buiten de kaders van de knop. Zorg ervoor dat links en knoppen ook op lage resolutie blijven werken.

Bevinding 14: Wanneer onder andere op pagina https://putten.nl/ (en alle andere pagina's die deze knop bevatten) bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan valt de tekst van de ReadSpeaker knop gedeeltelijk buiten de kaders van de knop. Zorg ervoor dat links en knoppen ook op lage resolutie blijven werken.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 15: Het contrast van de Social Media iconen (Facebook, LinkedIn etc.) in de footer op onder andere pagina https://www.putten.nl/ (en alle andere pagina's die dit siteonderdeel bevatten) heeft te weinig contrast. De beige achtergrond (HEX #C6AE7E) met de witte iconen heeft een contrastverhouding van 2.1:1, waar dit minimaal 3:1 moet zijn.

Bevinding 16: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: in de zwarte balk boven het hoofdmenu op onder andere pagina https://putten.nl/ (en alle andere pagina's die dit menu bevatten) staan knoppen voor o.a. contrast, leesbaarheid en ReadSpeaker. Deze knoppen worden wit en ontvangen bij focus een gestippelde witte focusrand. Hoewel er voldoende contrast is met de zwarte balk, is er geen contrast met het wit van de knop. Kies een kleur die voldoende contrasteert met zwart en wit.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 17: In de footer op onder andere pagina https://putten.nl/ (en alle andere pagina's die dit siteonderdeel bevatten) staan onder de adresgegevens en onder de koptekst "Blijf op de hoogte" witte bolletjes met iconen erin (telefoon, WhatsApp, e-mail en Social media). Wanneer bezoekers de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, zijn deze iconen niet meer (goed) leesbaar omdat ze deels buiten het bolletje vallen. Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen.

Bevinding 18: .

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://www.putten.nl/ staat, wanneer je de pagina opent, een zoekbalk midden over de achtergrondafbeelding. Wanneer je naar beneden scrolt of met het toetsenbord door het menu navigeert. springt de zoekbalk uit zichzelf terug naast het hoofdmenu. Dit is verwarrend en mogelijk desoriënterend voor sommige bezoekers.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 20: Wanneer je met het toetsenbord door het hoofdmenu in de header op onder andere pagina https://putten.nl/ (en alle andere pagina's die dit menu bevatten) navigeert en je de escape toets intoetst, verdwijnt dit hoofdmenu van de pagina.
Zorg dat alle content en functionaliteit beschikbaar blijft als dit submenu via het toetsenbord bediend en verlaten wordt.

Bevinding 21: Wanneer je met het toetsenbord door de pagina op andere pagina https://putten.nl/ (en alle andere pagina's die dit element bevatten) navigeert, kun je bij een ingezoomde pagina (vanaf 400%) niet bij het driehoekige element met "Uw Reactie" komen. Zorg dat alle content en functionaliteit beschikbaar blijft als dit submenu via het toetsenbord bediend en verlaten wordt.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 22: De PDF Flyer Vertrouwenspersoon Jeugdhulp (PDF, 114kB).pdf op pagina https://www.putten.nl/dsresource?objectid=91d70508-026b-48fd-925e-b1ab705cf97e&type=PDF heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft én dat niet de bestandsnaam, maar de titel van het document wordt getoond. Dit speelt ook bij de PDF Beleidsregels buitenrijbaan op https://www.putten.nl/dsresource?objectid=13334ccc-4899-448b-ae26-2b20bdb2ab8e&type=pdf

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 23: In de eigenschappen van PDF Flyer Vertrouwenspersoon Jeugdhulp (PDF, 114kB).pdf op pagina https://www.putten.nl/dsresource?objectid=91d70508-026b-48fd-925e-b1ab705cf97e&type=PDF is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF. Dit speelt ook bij de PDF Beleidsregels buitenrijbaan op https://www.putten.nl/dsresource?objectid=13334ccc-4899-448b-ae26-2b20bdb2ab8e&type=pdf

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 24: Wanneer bezoekers op pagina https://www.putten.nl/Configuratie/Contactgegevens/Contactformulier geen of foutieve invoer invullen, verschijnen er foutmeldingen bovenaan de pagina en bij het veld zelf. Bijvoorbeeld 'Voornaam: Vul deze vraag in om verder te kunnen.' Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld Voornaam is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3.

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 25: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: de video op pagina https://www.putten.nl/Inwoners/Advies_hulp_ondersteuning/Video_inburgeren_vanaf_2022 (Video inburgeren vanaf 2022) heeft geen toegankelijke naam. Hierdoor is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk wat voor video dit is. Middels aria-label is geprobeerd een toegankelijke naam toe te voegen, maar dit attribuut is niet toegestaan op het video-element. Gebruik het title-attribuut 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-05-12 21:05:51 v2.4-011