Toegankelijkheidsonderzoek

Issues:
Deelonderzoek content website Gemeente Hardinxveld-Giessendam

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Hardinxveld-Giessendam
Datum 19 december 2023
Scope van de website
  • De content van alle pagina's op hardinxveld-giessendam.nl
  • Niet de pagina's op raad.hardinxveld-geissendam.nl (onderdeel van een ander onderzoek)
  • Niet de pagina's op loket.hardinxveld-giessendam.nl (onderdeel van een ander onderzoek)
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 19

1. Waarneembaar

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 1: In de footer van alle pagina's worden koppen gebruikt voor "Contactinformatie", "Bezoekadres" en "Openingstijden burgerzakenbalie". "Contactinformatie" is niet als koppen opgemaakt. Zorg ervoor dat de juiste code in de HTML wordt gebruikt om deze koppen op te maken (<h2>).

Bevinding 2: Op pagina https://www.hardinxveld-giessendam.nl/Contact_en_openingstijden wordt gebruik gemaakt van tabellen. In de eerste tabel is de eerste rij in de HTML gemarkeerd als kop. De eerste cel bevat "Telefoonnummer: 14-0184". Dat is geen correcte beschrijving van deze kolom. Zorg voor goede beschrijvingen van de kolommen of, omdat dit een tabel met slechts 2 kolommen is, maak van de eerste rij ook gewone cellen of beter: plaats het telefoonnummer in dit geval buiten de tabel.

Bevinding 3: Op pagina https://www.hardinxveld-giessendam.nl/Contact_en_openingstijden wordt een koppenstructuur gebruikt die niet helemaal de juiste structuur van de content uitdrukt. Zo heeft de kop "Op donderdagavond (16.00 tot 20.00 uur) geen:" een zelfde kopniveau (2) als "Aanvraagbalie op afspraak". Het is beter om "Op donderdagavond (16.00 tot 20.00 uur) geen:" een kopniveau 3 te geven zodat dit onderdeel wordt van de kop "Aanvraagbalie op afspraak".

Bevinding 4: Op pagina https://www.hardinxveld-giessendam.nl/Contact_en_openingstijden staat halverwege de pagina de zin "Diverse producten kunt u ook online op deze website regelen.". Hierna volgt een opsomming van 3 producten. Deze is nu niet opgemaakt met de juiste code. Gebruik het ul- en li-element om opsommingen weer te geven.

Bevinding 5: De PDF https://www.hardinxveld-giessendam.nl/Bestuur/Dagelijks_bestuur/College_van_B_W/Coalitieakkoord_2022_2026.pdf is niet getagd. Daardoor ontbreekt informatie over de structuur en de samenhang van het document. Iemand die het document niet kan zien en met hulpsoftware werkt kan daardoor bijvoorbeeld niet eenvoudig de koppenstructuur opvragen. Zorg ervoor dat het document correct getagd is.

Bevinding 6: De PDF https://www.hardinxveld-giessendam.nl/Bestuur/Bestuur/Bekendmakingen/Archief_Bekendmakingen/2023/Gemeentelijke_informatiepagina_29_november_2023.pdf is niet getagd. Daardoor ontbreekt informatie over de structuur en de samenhang van het document. Iemand die het document niet kan zien en met hulpsoftware werkt kan daardoor bijvoorbeeld niet eenvoudig de koppenstructuur opvragen. Zorg ervoor dat het document correct getagd is.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 7: Er zijn onderdelen met een te lage contrastverhouding. We hebben daarom de contrastknop in de website gebruikt om de website in hoog-contrast te controleren. In de footer ontstaan er dan contrastproblemen. Op elke pagina in de footer wordt blauw in combinatie met zwart gebruikt. Bijvoorbeeld bij "Volg ons" en "bezoekadres". Deze tekst heeft een te laag contrast. De contrastverhouding is 2,7:1 waar dit 4,5:1 moet zijn.

Bevinding 8: Op pagina https://www.hardinxveld-giessendam.nl/Home hebben de 5 toptaken-knoppen een blauwe voorgrond (#045596) met een witte achtergrond. Als je met de muis over de blokken heen gaat (hover) dan krijgen de blokken een rode achtergrondkleur (#cf343d). De tekst heeft dan een te laag contrast. De contrastverhouding is 2,7:1 waar dit 4,5:1 moet zijn.

Bevinding 9: Op elke pagina staan in de footer tekstlinks. Als de website in hoog-contrast wordt bekeken krijgen de links bij focus een blauwe tekst (#00008B). Op de blauwe achtergrond (#045596) worden de teksten op dat moment haast onleesbaar. Zorg in alle gevallen voor voldoende contrast.

Bevinding 10: Advies: laat de zogenaamde hoog-contrast-knop weg en zorg dat de website zonder extra handeling altijd voldoende contrast heeft. Dat scheelt ook dubbel testwerk als er een kleur wordt aangepast.

Bevinding 11: Advies: Op pagina https://www.hardinxveld-giessendam.nl/Zoekresultaten?freetext=test is bij laag contrast de kop niet leesbaar. Er staat een witte tekst op witte achtergrond met "125 resultaten voor ‘test’". Zorg voor voldoende contrast. Er is een toegankelijk alternatief als je de contrastknop van de website gebruikt waarna de tekst wel leesbaar is (zwart op wit).

Bevinding 12: In de PDF https://www.hardinxveld-giessendam.nl/Bestuur/Dagelijks_bestuur/College_van_B_W/Coalitieakkoord_2022_2026.pdf is op het voorblad witte tekst op witte achtergrond aanwezig, onder andere 'Coalitieakkoord gemeente Hardinxveld-Giessendam, 2022-2026'. Hierdoor wordt voor mensen die een voorleeshulp gebruiken tekst voorgelezen die niet zichtbaar is. Gebruik een andere voor- of achtergrondkleur zodat de contrastverhouding voldoende is of haal de onzichtbare tekst weg.

Bevinding 13: In de PDF https://www.hardinxveld-giessendam.nl/Bestuur/Dagelijks_bestuur/College_van_B_W/Coalitieakkoord_2022_2026.pdf is het contrast van de grijze tekst in de footer op de witte achtergrond op elke pagina te laag. De contrastverhouding is hier 2,1:1, waar dit minimaal 4,5:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden de tekst niet of moeilijk waar te nemen. Gebruik een andere voor- of achtergrondkleur zodat de contrastverhouding voldoende is

Bevinding 14: In de PDF https://www.hardinxveld-giessendam.nl/Bestuur/Dagelijks_bestuur/College_van_B_W/Coalitieakkoord_2022_2026.pdf is het contrast van de tekst witte tekst op de gele achtergrond op pagina 4 te laag. De contrastverhouding is hier 1,8:1, waar dit minimaal 3:1 voor grote letters moet zijn. Hierdoor is voor slechtzienden en kleurenblinden de tekst niet of moeilijk waar te nemen. Gebruik een andere voor- of achtergrondkleur zodat de contrastverhouding voldoende is

Bevinding 15: In de PDF https://www.hardinxveld-giessendam.nl/Bestuur/Dagelijks_bestuur/College_van_B_W/Coalitieakkoord_2022_2026.pdf is het contrast van de okergele koppen op de witte achtergrond op pagina 4 te laag. De contrastverhouding is hier 2,3:1, waar dit minimaal 3:1 voor koppen moet zijn. Hierdoor is voor slechtzienden en kleurenblinden de tekst niet of moeilijk waar te nemen. Gebruik een andere voor- of achtergrondkleur zodat de contrastverhouding voldoende is

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 16: De PDF https://www.hardinxveld-giessendam.nl/Bestuur/Dagelijks_bestuur/College_van_B_W/Coalitieakkoord_2022_2026.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.

Bevinding 17: De PDF https://www.hardinxveld-giessendam.nl/Bestuur/Bestuur/Bekendmakingen/Archief_Bekendmakingen/2023/Gemeentelijke_informatiepagina_29_november_2023.pdf heeft een documenttitel, deze luidt "Week 48.indd". Deze titel is onvolledig en bevat technische eigenschappen, ".indd" Zorg voor een titel die de inhoud van het document beschrijft en dat de titel van het document wordt getoond.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 18: Op https://www.hardinxveld-giessendam.nl/Contact_en_openingstijden/Meldingen/Melding_over_woon_of_leefomgeving_doorgeven staan call-to-action-knoppen die je onder andere naar Fixi leiden. De linktekst luidt door gebruik van aria-label in alle gevallen "opent externe website" in plaats van de tekst op die je op de link ziet staan. Zorg ervoor dat de link dezelfde naam heeft als de tekst in de link en voeg hier dan ", opent externe website" aan toe. Zie ook SC 2.5.3.
Dit probleem komt ook op andere pagina's voor zoals https://www.hardinxveld-giessendam.nl/Wonen_en_leven/Wonen/Burgerzaken/Persoonsgegevens/Verklaring_omtrent_het_gedrag_VOG onder "Manieren van aanvragen en de aanvraagformulieren" de tekstlink "de website van het Ministerie van Veiligheid en Justitie".

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 19: Op https://www.hardinxveld-giessendam.nl/Contact_en_openingstijden/Meldingen/Melding_over_woon_of_leefomgeving_doorgeven staan call-to-action-knoppen die je onder andere naar Fixi leiden. De linktekst luidt door gebruik van aria-label in alle gevallen "opent externe website" in plaats van de tekst op die je op de link ziet staan. Zorg ervoor dat de link dezelfde naam heeft als de tekst in de link en voeg hier dan ", opent externe website" aan toe. Zie ook SC 2.4.4.

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-22 09:34:39 v2.4-011