WCAG 2.2 AA Deelonderzoek content website Heerlen

Dit deelonderzoek heeft uitsluitend betrekking op de content van de website die door de organisatie via het beheersysteem kan worden ingevoerd of aangepast.

Bij dit onderzoek zijn 30 van de 55 succescriteria van WCAG 2.2 niveau A en AA beoordeeld.

De overige 25 succescriteria hebben betrekking op de technische basis van de website en worden beoordeeld in het afzonderlijk deelonderzoek techniek.

Beide deelonderzoeken vormen gezamenlijk de volledige beoordeling van de website .

Succescriteria beoordeeld in het technisch deelonderzoek

Onderstaande succescriteria zijn in dit contentonderzoek niet beoordeeld en vallen onder het afzonderlijke deelonderzoek techniek:

Het onderzoek is uitgevoerd op basis van een representatieve steekproef . Binnen deze steekproef zijn de aangetroffen toegankelijkheidsproblemen zo concreet mogelijk beschreven. Waar mogelijk is een aanbeveling opgenomen om de afwijking te verhelpen.

Dit onderzoek biedt geen uitputtend overzicht van alle mogelijke toegankelijkheidsproblemen. De bevindingen vormen een momentopname van de situatie ten tijde van het onderzoek.

WCAG (Web Content Accessibility Guidelines) zijn internationaal erkende richtlijnen voor digitale toegankelijkheid, opgebouwd rond vier principes: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Binnen deze principes zijn meetbare succescriteria vastgesteld.
Meer informatie: WCAG 2.2 (Nederlandse vertaling)

De tabel hieronder laat per WCAG-principe en per WCAG-niveau zien hoeveel succescriteria zijn getoetst en hoeveel daarvan goedgekeurd zijn.

https://www.heerlen.nl/anne-rose-orbons

Op de pagina staat een portretfoto van Anne Rose Orbons met een leeg tekstalternatief (alt=""). Daardoor wordt de afbeelding door hulpsoftware overgeslagen. Dit is onjuist omdat hier een portret staat van de persoon die centraal staat op de pagina. Schermlezer-gebruikers krijgen hierdoor niet mee dat er een afbeelding op de pagina staat en wie daarop te zien is.

Advies

Geef de portretfoto een passend tekstalternatief met de naam van de persoon, bijvoorbeeld alt="Portret van Anne Rose Orbons".

https://www.heerlen.nl/circular-building-convert-oud-dsm-kantoor-wordt-woningen

Op de pagina staat het logo van het Interreg-project. Het tekstalternatief is "logo van Interreg Noord-West Europa". Het logo bevat echter ook de naam "Circular Building Convert" en de zin "Co-funded by the European Union". Deze informatie ontbreekt in het tekstalternatief, waardoor schermlezer-gebruikers niet meekrijgen welk project en welke financier in het logo staan.

Advies

Geef het logo een tekstalternatief dat alle namen weergeeft die in het logo staan, bijvoorbeeld alt="Interreg North-West Europe – Circular Building Convert, mede-gefinancierd door de Europese Unie".

https://www.heerlen.nl

In de footer staat onder de kop "Volg ons" een rij met vier links naar sociale media: LinkedIn, Facebook, Instagram en YouTube. Visueel is dit een opsomming, maar in de code staan de links los achter elkaar in een alinea (p-element) en niet in een lijst (ul met li). Hierdoor kan hulpsoftware niet aankondigen dat het om een lijst gaat en uit hoeveel items deze bestaat.

Advies

Plaats de sociale-media-links in een ongeordende lijst, met elke link in een eigen list-item.

https://www.heerlen.nl/trouwen-en-partnerschap

Op de pagina staan onder de h2-kop "Trouwambtenaren" negen kaarten met de namen van de trouwambtenaren, zoals Anne Rose Orbons, Arris Matlega en Eva Tholen. Deze namen zijn opgemaakt als h2-koppen. Omdat zij ondergeschikt zijn aan de h2 erboven horen ze h3 te zijn. Hierdoor klopt de koppenhiërarchie niet en kunnen schermlezer-gebruikers de structuur van de pagina niet goed bepalen.

Advies

Maak van de namen van de trouwambtenaren h3-koppen, zodat zij ondergeschikt zijn aan de h2 "Trouwambtenaren".

https://digitaalpubliceren.com/heerlen/21179/1/files/assets/common/downloads/Heerlen%20Stadskrant.pdf

Het PDF-document Heerlen Stadskrant maart 2026 is niet getagd. Dit wil zeggen dat er geen structuur is aangegeven in het bestand door middel van tags. Hulpsoftware (zoals een schermlezer) kan hierdoor niet bepalen wat koppen, alinea's, lijsten en andere onderdelen zijn.

Advies

Tag het PDF-document. Zorg dat de structuur (koppen, alinea's, lijsten, afbeeldingen) als tags is vastgelegd, zodat hulpsoftware de inhoud goed kan voorlezen en doorzoeken.

https://digitaalpubliceren.com/heerlen/21179/1/files/assets/common/downloads/Heerlen%20Stadskrant.pdf

In het PDF-document staat op meerdere plekken tekst met onvoldoende contrast:

Op de cover de handgeschreven tekst "Goed gestemd?!" in lichtblauw (#3BADEB) op een witte achtergrond (#FFFFFF). Het kleurcontrast is 2,5:1. Op pagina 2 (rechterkant van de spread) in het artikel "Samen aan de slag in Eikenderveld" witte tekst (#FFFFFF) op een groen verloop dat van licht- naar donkergroen loopt. Op de lichtgroene delen (#92BD10) is het kleurcontrast 2,2:1. De oranje koppen (#EC9100) op witte achtergrond (#FFFFFF), bijvoorbeeld op pagina 4 (linkerkant van de spread). Het kleurcontrast is 2,4:1. Op pagina 5 de kop "Heerlen laat haar stem horen" in wit (#FFFFFF) op een zacht roze achtergrond (#F1B8D5). Het kleurcontrast is 1,7:1.

Hierdoor is de tekst slecht leesbaar voor mensen met een verminderd gezichtsvermogen.

Advies

Het contrast van normale tekst moet minimaal 4,5:1 zijn en voor grote tekst minimaal 3,0:1. Maak de groene achtergrondkleur donkerder zodat het contrast met de witte tekst voldoet aan de eis.

https://digitaalpubliceren.com/heerlen/21179/1/files/assets/common/downloads/Heerlen%20Stadskrant.pdf

Het PDF-document Heerlen Stadskrant heeft een titel ingevuld in de bestandseigenschappen ("Heerlen Stadskrant"). Deze titel beschrijft echter niet welke uitgave het betreft (maart 2026). Daarnaast staat de weergave-instelling op "bestandsnaam", waardoor PDF-lezers en hulpsoftware de bestandsnaam tonen in plaats van de titel. Schermlezer-gebruikers horen daardoor geen beschrijvende documenttitel.

Advies

Vul een beschrijvende titel in die ook de uitgave benoemt, bijvoorbeeld "Heerlen Stadskrant - maart 2026 - Goed gestemd?!". Stel daarnaast in de PDF-eigenschappen (Bestand > Eigenschappen > Initiële weergave) bij "Toon" de optie "Documenttitel" in, zodat de titel wordt getoond in plaats van de bestandsnaam. Doe dit bij voorkeur al in het bronbestand voordat je exporteert naar PDF.

https://www.heerlen.nl

Rechtsboven in de header staan vier links naar andere taalversies van de website: NL, EN, DE en FR. De linktekst bestaat alleen uit een afkorting van twee letters. Hulpsoftware leest "link, NL", "link, EN", enzovoort voor; daaruit is niet duidelijk dat het om taalwisselaars gaat en welke taal er precies bedoeld wordt. De links staan bovendien in een nav met aria-label "Snelmenu" samen met "Contact". Ook in de tekst eromheen staat dus nergens dat dit een taalkeuze is.

Advies

Gebruik voor elke taallink de volledige naam van de taal in die taal zelf, bijvoorbeeld "Nederlands", "English", "Deutsch" en "Français". Voeg op elke link het lang-attribuut toe met de juiste taalcode (lang="en", lang="de", lang="fr"), zodat hulpsoftware de naam in de juiste taal uitspreekt.

https://www.heerlen.nl

In de footer onder de kop "Volg ons" staan vier links naar sociale media met als toegankelijke naam alleen de naam van het platform: "LinkedIn", "Facebook", "Instagram" en "YouTube". Een schermlezer leest "link, LinkedIn" voor. Daaruit blijkt dat de link naar LinkedIn gaat, maar niet dat het specifiek de pagina van de gemeente Heerlen op dat platform is.

Advies

Vul de toegankelijke naam van elke link aan met de organisatie, bijvoorbeeld "Gemeente Heerlen op LinkedIn" of "LinkedIn-pagina gemeente Heerlen".

https://digitaalpubliceren.com/heerlen/21179/1/files/assets/common/downloads/Heerlen%20Stadskrant.pdf

Het PDF-document is niet getagd. Hierdoor zijn informatieve afbeeldingen niet gemarkeerd als Figure en hebben zij geen tekstalternatief. Mensen die blind zijn en een schermlezer gebruiken krijgen deze informatie daardoor niet aangeboden. Omdat het document niet is getagd, is niet vast te stellen of afbeeldingen correct zijn verwerkt. Hierdoor wordt dit nu niet afgekeurd. Zodra het document is getagd, kan dit opnieuw beoordeeld worden.

Advies

Zorg dat de PDF wordt voorzien van een volledige tags-structuur en maak daarbij onderscheid tussen informatieve en decoratieve afbeeldingen. Tag informatieve afbeeldingen als Figure en voorzie deze van een kort en beschrijvend tekstalternatief. Markeer decoratieve afbeeldingen als Artifact zodat hulpsoftware ze overslaat.

https://www.heerlen.nl/contact

Op de contactpagina staan onder de koppen "Bezoek ons:" en "Postadres:" adressen in een lijst met één item. Een lijst hoort twee of meer items te bevatten. De tekst kan beter als alinea worden opgemaakt.

Advies

Vervang de lijst onder de kop door een alinea.

https://www.heerlen.nl/ondernemershuis

Op de pagina staan onder de kop "Maak een afspraak" het telefoonnummer en het e-mailadres in één alinea (p-element), gescheiden door een br-tag. Het zijn twee verschillende soorten contactinformatie die elk hun eigen alinea zouden moeten zijn, of die beter in een lijst kunnen worden geplaatst (zoals op de Contact-pagina).

Advies

Plaats het telefoonnummer en het e-mailadres elk in een eigen alinea, of beter nog in een ul-lijst zoals op de Contact-pagina.

Op de website is een versie voor hoog contrast aanwezig. Deze is aan te zetten door middel van een zogenaamde "contrast switch". Dit succescriterium is volledig getest in de modus voor hoog contrast. De versie voor hoog contrast wordt gezien als een alternatief voor de standaard versie.

Hierdoor kunnen er contrastproblemen zijn in de standaard versie. Deze zijn verder niet beoordeeld.

Advies

We adviseren om ook de standaard versie te voorzien van voldoende kleurcontrast in alle teksten. Dit bevorderd de toegankelijkheid van de website voor bezoekers met een zichtbeperking.

Teksten met voldoende kleurcontrast lezen ook makkelijker voor alle lezers. Het lezen is hierdoor minder intensief, kost minder energie en het lezen wordt (onbewust) als prettiger ervaren. Hierdoor is de lezer eerder geneigd om over te gaan tot activatie.

De versie voor hoog contrast kan dan vervolgens ingezet worden voor een "verhoogd contrast", waarbij wordt voldaan aan succescriterium WCAG 1.4.6 Verhoogd contrast (niveau AAA).

Op de website is een versie voor hoog contrast aanwezig. Deze is aan te zetten door middel van een zogenaamde "contrast switch".
Dit succescriterium is volledig getest in de modus voor hoog contrast. De versie voor hoog contrast wordt gezien als een alternatief voor de standaard versie.
Hierdoor kunnen er contrastproblemen zijn met grafische elementen in de standaard versie. Deze zijn verder niet beoordeeld.

Advies

We adviseren om ook de standaard versie te voorzien van voldoende contrast voor grafische elementen, zoals iconen, knoppen en formuliervelden. Dit bevordert de toegankelijkheid van de website voor bezoekers met een zichtbeperking.
De versie voor hoog contrast kan dan vervolgens ingezet worden voor een "verhoogd contrast".

• https://www.heerlen.nl
• https://en.heerlen.nl

In de header staat het logo van de gemeente Heerlen als link naar de homepage. Het tekstalternatief is "Beeldmerk van de gemeente Heerlen" (op de Engelse versie: "Logo of the Municipality of Heerlen"). Dit beschrijft het type grafisch element en niet het linkdoel. Een schermlezer leest "link, Beeldmerk van de gemeente Heerlen" voor; daaruit is niet meteen duidelijk dat de link naar de homepage gaat.

Advies

Vervang het tekstalternatief door alleen de organisatienaam, bijvoorbeeld "Gemeente Heerlen". Een schermlezer-gebruiker hoort dan kort en duidelijk waar de link heen gaat.

• https://www.heerlen.nl/trouwen-en-partnerschap
• https://www.heerlen.nl

Op meerdere pagina's staat de kop "Of zoekt u…" boven een lijst met onderwerpen, bijvoorbeeld op de homepage met onderwerpen zoals "Niet ingezetenen (RNI)", "Parkeren" en "Uittreksels". Dit is geen beschrijvende kop. De kop maakt niet duidelijk welke informatie er onder staat.

Advies

Kies een kop die beschrijft wat er onder staat, bijvoorbeeld "Onderwerpen" of "Naar onderwerp".