Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid van Gemeente Haarlem

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Haarlem
Datum 30 april 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op haarlem.nl.
  • Alle pagina's op haarlem.nl/duurzaam.
  • Alle PDF's op haarlem.nl.

Buiten de scope van het onderzoek valt:
  • Alle pagina's op het subdomein regelen.haarlem.nl.
  • 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: 10

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: Het PDF-document op https://haarlem.nl/sites/default/files/2022-06/Startnotitie%20Omgevingsplan%20Haarlem.pdf, op pagina 1, bevat het "Gemeente Haarlem"-logo als artefact. Ook op pagina’s 6, 7 en 10 pagina's staan informatieve afbeeldingen die verborgen zijn voor een schermlezer.
Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor de schermlezer. De informatie in deze afbeeldingen is ontoegankelijk voor blinde bezoekers en gebruikers van screenreaders. Informatieve afbeeldingen moeten via een figuur-tag worden geplaatst en worden voorzien van een beschrijving (alt-tekst). Hetzelfde probleem is aangetroffen in het volgende PDF-document op
https://haarlem.nl/file/toestemming-hoofdbewoner-inschrijving-adres-haarlem, in het logo.

Bevinding 2: Het PDF-document op https://haarlem.nl/sites/default/files/2022-06/Startnotitie%20Omgevingsplan%20Haarlem.pdf bevat op pagina 4 een informatieve afbeelding zonder een tekstalternatief (alt-tekst). Wanneer afbeeldingen aan een PDF-document worden toegevoegd met "figuur"-tags, moeten ze altijd een beschrijving (alt-tekst) hebben. Deze tag is voorbehouden aan informatieve afbeeldingen. Zonder alternatieve tekst kan de schermlezer de bezoeker niet duidelijk maken wat er in de afbeelding staat. Momenteel wordt alleen "afbeelding" voorgelezen. Blinde bezoekers kunnen de indruk krijgen dat ze inhoud missen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: In het PDF-document op https://haarlem.nl/sites/default/files/2022-06/Startnotitie%20Omgevingsplan%20Haarlem.pdf staan verschillende tussenkoppen die niet zijn gemarkeerd als koppen. Zie alle schuingedrukte kopjes, bijvoorbeeld “Tijdelijk karakter omgevingsplan van rechtswege” en meer. Zie ook “1. Ruimtelijke regels”, “2. Bruidsschat (voormalige rijksregels uit het Activiteitenbesluit, Bouwbesluit en het Besluit omgevingsrecht)”, “3. Toelichting omgevingsplan”, “4. Digitale eisen”, as well as “1. Randvoorwaarden” and “1. Tijdelijke omgevingsplan van rechtswege is het vertrekpunt,” op pagina 3.
Hetzelfde probleem is gevonden op de pagina's: 4-8, 12. Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Vervang de p-tag door de h-tag om de structuur van het document in de tags te laten overeenkomen met wat te zien is in het document.

Bevinding 4: In het PDF-document op https://haarlem.nl/sites/default/files/2022-06/Startnotitie%20Omgevingsplan%20Haarlem.pdf op pagina 3, onder het kopje “4. Resultaat” staat een lijst met 4 punten. In de tags zijn dat 4 afzonderlijke lijsten. Hetzelfde probleem is gevonden op de pagina's: 4-6, 8.

Bevinding 5: In het PDF-document op https://haarlem.nl/file/toestemming-hoofdbewoner-inschrijving-adres-haarlem staat op pagina 1 een lijst met 2 items. De juiste opmaak ontbreekt. Een lijst in de tags moet worden gemarkeerd als de lijst om een blinde bezoeker dezelfde informatiestructuur te bieden als in het document. Een ander voordeel van het gebruik van een lijst is dat de schermlezer het aantal items aankondigt voordat ze worden voorgelezen. Zo weet een blinde bezoeker hoeveel informatie er volgt. De lijst moet worden gemarkeerd met een L en LI tags.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 6: In het PDF-document op https://haarlem.nl/sites/default/files/2022-06/Startnotitie%20Omgevingsplan%20Haarlem.pdf, op pagina 9, bevatten tabellen lichtgrijze tekst (HEX#CCCCCC), zoals "Ontwerpfase", op een witte achtergrond. De kleurcontrastverhouding is te laag: 4,0:1. Daarnaast wordt lichtgrijze tekst (HEX#CCCCCC) gebruikt op een grijze achtergrond (HEX#7F7F7F), wat resulteert in een contrastverhouding van 2,5:1. Het contrast moet minstens 4,5:1 zijn.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 7: In het PDF-document op https://haarlem.nl/sites/default/files/2022-06/Startnotitie%20Omgevingsplan%20Haarlem.pdf, op pagina 11, staat een afbeelding met ingesloten tekst. Een tekst die onderdeel is van een afbeelding kan ontoegankelijk zijn voor vele groepen bezoekers. Het is beter om deze tekst als gewone tekst in het document te plaatsen. Dan kunnen mensen die slechtziend zijn de teksteigenschappen aanpassen, zodat het beter leesbaar is voor hen. Dat kan nu niet, omdat de tekst in een afbeelding staat.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://haarlem.nl/duurzaam/school-vereniging gebruiken links in de lopende tekst (zoals "Je huis en tuin vergroenen") een aangepaste groene kleur (HEX#6EBFA2) in onderstreping met onvoldoende contrast tegen de witte achtergrond (2,2:1). Zorg dat het contrast tussen de kleur van de onderstreping en de achtergrond minimaal 3,0:1 is.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 9: Het PDF-document op https://haarlem.nl/sites/default/files/2022-06/Startnotitie%20Omgevingsplan%20Haarlem.pdf heeft geen titel. Een PDF-document moet een titel bevatten die duidelijk het onderwerp of het doel van het document beschrijft. Daarnaast dient deze titel in de titelbalk te worden getoond in plaats van de bestandsnaam (stel dit in bij de documenteigenschappen). Dit is belangrijk voor bezoekers met verschillende beperkingen omdat het hen in staat stelt snel en gemakkelijk vast te stellen of de informatie in het document relevant is voor hen. Dit kan worden opgelost door dit aan te passen in de bestandseigenschappen van het bronbestand of van het PDF-document.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 10: Aangepaste bevinding naar aanleiding van hercontrole: Op pagina https://haarlem.nl/moving-abroad is de taal ingesteld op Engels, wat overeenkomt met de taal van de content. De taal in de footer wijkt hier echter vanaf, deze is Nederlands. Daarom moet hier een afwijkende taalcode (lang="nl") worden ingesteld.

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-22 15:43:35 v2.4-011