1. Inleiding
1.1 Achtergrond
Dit rapport bevat de resultaten van het WCAG 2.2 toegankelijkheidsonderzoek voor
Duurzaam.hoorn.nl conform de Web Content Accessibility Guidelines (WCAG) 2.2 Level A en AA.
1.2 Web Content Accessibility Guidelines (WCAG) 2.2
De Web Content Accessibility Guidelines (WCAG) 2.2 zijn ontwikkeld door het World Wide Web
Consortium (W3C) en vormen de internationale standaard voor webtoegankelijkheid.
WCAG 2.2 bouwt voort op WCAG 2.1 en bevat aanvullende richtlijnen voor toegankelijkheid
op mobiele apparaten, voor mensen met een beperkt gezichtsvermogen en voor mensen met
cognitieve en leerbeperkingen.
1.3 Vier principes van WCAG 2.2
WCAG 2.2 is georganiseerd rond vier hoofdprincipes die de basis vormen voor toegankelijkheid.
Deze principes zijn:
- Waarneembaar: Informatie en gebruikersinterface-componenten moeten op een manier worden gepresenteerd die gebruikers kunnen waarnemen.
- Bedienbaar: Gebruikersinterface-componenten en navigatie moeten bedienbaar zijn.
- Begrijpelijk: Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn.
- Robuust: Inhoud moet robuust genoeg zijn om betrouwbaar geïnterpreteerd te worden door een grote verscheidenheid aan gebruikersagenten, inclusief ondersteunende technologieën.
1.4 Conformiteitsniveaus
WCAG 2.2 heeft drie conformiteitsniveaus:
- Level A: Het minimum niveau van toegankelijkheid
- Level AA: Het standaardniveau van toegankelijkheid (wettelijk vereist)
- Level AAA: Het hoogste niveau van toegankelijkheid
Dit onderzoek richt zich op Level A en AA conformiteit, zoals voorgeschreven in de Nederlandse
wetgeving voor digitale toegankelijkheid van overheidsorganisaties en in de European Accessibility Act.
1.5 Onderzochte succescriteria
In totaal zijn 32 succescriteria onderzocht,
verdeeld over de vier WCAG principes. Van deze criteria zijn:
- 17 criteria die voldoen aan de eisen
- 4 criteria die niet voldoen aan de eisen
- 11 criteria die niet van toepassing zijn
- 0 criteria die nog in behandeling zijn
2. Onderzoeksresultaat
Slaagpercentage
87,5%
Van de beoordeelde criteria
Aandachtspunten
4
4 criteria afgekeurd
3. Onderzoeksgegevens
3.1 Onderzoeksmethode en toegepaste norm
Dit onderzoek is uitgevoerd volgens de Website Accessibility Conformance Evaluation Methodology (WCAG-EM) 1.0.
Deze methodologie is ontwikkeld door het W3C om een gestructureerde en reproduceerbare manier te bieden voor het evalueren van de toegankelijkheid van websites.
De toegankelijkheid is getoetst aan de Web Content Accessibility Guidelines (WCAG) 2.2 op niveau A en AA.
WCAG 2.2 is de meest recente versie van de internationale standaard voor webtoegang ankelijkheid en wordt wereldwijd erkend als de norm voor digitale toegankelijkheid.
3.2 Basisniveau van toegankelijkheidsondersteuning
Voor dit onderzoek is uitgegaan van het basisniveau van toegankelijkheidsondersteuning zoals gedefinieerd in WCAG-EM.
Dit betekent dat de website is getest met standaard instellingen van browsers en ondersteunende technologieën, zonder gebruik te maken van geavanceerde of experimentele functies.
https://duurzaam.hoorn.nl/ voldoet wel aan het basisniveau van toegankelijkheidsondersteuning.
3.3 Gebruikte technieken
Bij de evaluatie zijn de sufficient techniques en advisory techniques uit de
WCAG 2.2 Techniques
als leidraad gebruikt. Deze technieken bieden concrete implementatiemethoden om aan de WCAG-succescriteria te voldoen.
3.4 Ondersteunende technieken
De volgende webstandaarden zijn gebruikt bij het onderzoek:
- HTML5 - Voor de structuur en semantiek van webpagina's
- WAI-ARIA - Voor verbeterde toegankelijkheid van dynamische content
- CSS - Voor visuele presentatie en responsive design
- DOM (Document Object Model) - Voor dynamische interacties
- SVG - Voor schaalbare vector graphics
3.5 Webbrowsers (useragents)
Het onderzoek is uitgevoerd met de volgende browsers:
- Google Chrome (versie 143)
- Mozilla Firefox (versie 146)
- Microsoft Edge (versie 143)
- Adobe Acrobat Pro 2025
- Colour Contrast Analyser (versie 3.5.5)
Deze browsers zijn geselecteerd omdat ze breed worden gebruikt en goede ondersteuning bieden voor moderne webstandaarden en toegankelijkheidsfuncties.
4. Scope van het onderzoek
4.1 Binnen scope
De content van duurzaam.hoorn.nl.
4.2 Buiten scope
Niet gespecificeerd
5. Steekproef
Steekproef: 15 pagina's.
Principe 1: Waarneembaar
Informatie en componenten van de gebruikersinterface moeten toonbaar zijn aan gebruikers op voor hen waarneembare wijze.
Richtlijn 1.1 Tekstalternatieven
Beschrijving van het criterium:
Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de specifiek vermelde situaties.
❌ Afgekeurde bevinding:
Onjuiste alternatieve tekst voor informatieve afbeelding.
URL: https://duurzaam.hoorn.nl/
De afbeeldingen op de homepagina bevatten een irrelevante alternatieve tekst. Hierdoor horen gebruikers van een schermlezer irrelevante informatie. Zorg dat alle informatieve afbeeldingen op de juiste manier van een beschrijvende tekst zijn voorzien, zodat gebruikers van schermlezers weten wat er in de afbeelding staat.
De alternatieven teksten zijn bijvoorbeekd: Spouwmuurisolatie 4, Regenton, Digitaal scherm nieuw Energieloketten loket DEF, aandeslag. Deze teksten beschrijven de inhoud te weinig. Voeg óf een meer beschrijvende alternatieve tekst toe, óf laat het alt-attribuut leeg om de afbeeldingen als decoratief aan te merken.
Dit gaat bij alle informatieve afbeeldingen op de homepage niet goed.
Richtlijn 1.2 Op tijd gebaseerde media
Beschrijving van het criterium:
Voor vooraf opgenomen media die alleen uit geluid bestaat, moet een tekstueel alternatief worden geboden. Dit alternatief moet dezelfde informatie geven als de vooraf opgenomen audio content. Voor vooraf opgenomen media die alleen uit video bestaat, moet een tekstueel alternatief worden geboden. Ook dit alternatief moet dezelfde informatie geven als de vooraf opgenomen video content.
Beschrijving van het criterium:
Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Beschrijving van het criterium:
Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Beschrijving van het criterium:
Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.
Beschrijving van het criterium:
Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.
Richtlijn 1.3 Aanpasbaar
Beschrijving van het criterium:
Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.
Beschrijving van het criterium:
Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.
Beschrijving van het criterium:
Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.
Richtlijn 1.4 Onderscheidbaar
Beschrijving van het criterium:
Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.
Beschrijving van het criterium:
Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsniveau onafhankelijk van het algehele systeemvolumeniveau te regelen.
Beschrijving van het criterium:
De visuele presentatie van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve voor de volgende gevallen: Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1; Bijzaak: Tekst of afbeeldingen van tekst die onderdeel zijn van een inactieve component van de gebruikersinterface, die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significante andere visuele content bevat, hebben geen contrastvereiste; Logotypes: Tekst die onderdeel is van een logo of merknaam heeft geen minimum contrastvereiste.
❌ Afgekeurde bevinding:
Tekstkleur heeft onvoldoende contrast ten opzichte van de achtergrondkleur.
URL: https://duurzaam.hoorn.nl/
De actieve link (zie screenshot) heeft onvoldoende contrast.
De kleurencombinatie #00a99d en #eaebf6 contrasteert niet voldoende (2,47:1). Dit zorgt ervoor dat deze mogelijk slecht leesbaar is voor sommige bezoekers.
Zorg daarom voor een minimale kleurcontrastverhouding van 4,5:1 voor normale, lopende tekst.
Voor grote of dikgedrukte tekst geldt een minimum van 3,0:1. Grote tekst is gedefinieerd als tekst van minimaal 18pt (24px) voor normale tekst, of 14pt (19px) voor dikgedrukte tekst (font-weight 700 of hoger). Voor grote tekst gelden lagere contrastvereisten.
Tekstkleur heeft onvoldoende contrast ten opzichte van de achtergrondkleur.
URL: https://duurzaam.hoorn.nl/?s=zoek
De kleurencombinatie #0389D4 en #FFFFFF contrasteert niet voldoende (3,8:1) bij de tekst: '6 resultaat resultaten gevonden voor de zoekterm "zoek"'
Dit zorgt ervoor dat deze mogelijk slecht leesbaar is voor sommige bezoekers. Zorg daarom voor een minimale kleurcontrastverhouding van 4,5:1 voor normale, lopende tekst. Voor grote of dikgedrukte tekst geldt een minimum van 3,0:1.
Grote tekst is gedefinieerd als tekst van minimaal 18pt (24px) voor normale tekst, of 14pt (19px) voor dikgedrukte tekst (font-weight 700 of hoger). De huidige font-weight is 500.
Tekstkleur heeft onvoldoende contrast ten opzichte van de achtergrondkleur.
URL: https://duurzaam.hoorn.nl/veelgestelde-vragen/
De kleurencombinatie #d52d4b en #f0f0f0 van de grijze linktekst op een grijze achtergrond in de lopende tekst contrasteert niet voldoende (4,28:1).
Dit zorgt ervoor dat deze mogelijk slecht leesbaar is voor sommige bezoekers. Zorg daarom voor een minimale kleurcontrastverhouding van 4,5:1 voor normale, lopende tekst. Voor grote of dikgedrukte tekst geldt een minimum van 3,0:1. Grote tekst is gedefinieerd als tekst van minimaal 18pt (24px) voor normale tekst, of 14pt (19px) voor dikgedrukte tekst (font-weight 700 of hoger). Voor grote tekst gelden lagere contrastvereisten.
Tekstkleur heeft onvoldoende contrast ten opzichte van de achtergrondkleur.
URL: https://duurzaam.hoorn.nl/samenwerken/
De kleurencombinatie #d52d4b en #f0e6f8 van de rode hyperlinks contrasteert niet voldoende met de licht-paarse achtergrond(4,04:1). Dit zorgt ervoor dat deze mogelijk slecht leesbaar is voor sommige bezoekers.
Dit gaat op meerdere vergelijkbare plekken in de website niet goed.
Beschrijving van het criterium:
Als de gebruikte technologieën de visuele presentatie kunnen realiseren, wordt tekst gebruikt om informatie over te brengen in plaats van afbeeldingen van tekst, behalve voor de volgende gevallen: Aanpasbaar: De afbeelding van tekst kan visueel aangepast worden aan de vereisten van de gebruiker; Essentieel: Een bepaalde presentatie van tekst is essentieel voor de informatie die overgebracht wordt.
Beschrijving van het criterium:
Content kan gepresenteerd worden zonder verlies van informatie of functionaliteit, en zonder dat scrollen in twee dimensies vereist is voor: Verticaal scrollende content bij een breedte gelijk aan 320 CSS pixels; Horizontaal scrollende content bij een hoogte gelijk aan 256 CSS pixels. Behalve voor onderdelen van de content waarvoor tweedimensionale lay-out vereist is voor gebruik of betekenis.
Beschrijving van het criterium:
De visuele presentatie van de volgende heeft een contrastverhouding van ten minste 3:1 tegen aangrenzende kleur(en): Componenten van de gebruikersinterface: Visuele informatie die vereist is om componenten van de gebruikersinterface en toestanden te identificeren, behalve voor inactieve componenten of waar het uiterlijk van de component bepaald wordt door de user agent en niet aangepast wordt door de auteur; Grafische objecten: Onderdelen van grafische objecten die vereist zijn om de content te begrijpen, behalve wanneer een bepaalde presentatie van grafische objecten essentieel is voor de informatie die overgebracht wordt.
Principe 2: Bedienbaar
Componenten van de gebruikersinterface en navigatie moeten bedienbaar zijn.
Richtlijn 2.1 Toetsenbordtoegankelijk
Beschrijving van het criterium:
Als toetsenbordfocus verplaatst kan worden naar een component van de pagina met behulp van een toetsenbordinterface, kan focus wegbewogen worden van die component door alleen een toetsenbordinterface te gebruiken, en, als het meer vereist dan ongewijzigde pijl- of tabtoetsen of andere standaard afsluitmethoden, wordt de gebruiker geïnformeerd over de methode om focus weg te bewegen.
Beschrijving van het criterium:
Als een sneltoets geïmplementeerd is in content door alleen een letter (inclusief hoofdletters en kleine letters), leesteken, cijfer, of symboolkarakter te gebruiken, dan geldt ten minste één van de volgende: Uitschakelen: Er is een mechanisme beschikbaar om de sneltoets uit te schakelen; Opnieuw toewijzen: Er is een mechanisme beschikbaar om de sneltoets opnieuw toe te wijzen om één of meer niet-afdrukbare toetsenbordkarakters te gebruiken (bijvoorbeeld Ctrl, Alt, etc.); Actief alleen bij focus: De sneltoets voor een component van de gebruikersinterface is alleen actief wanneer die component focus heeft.
Richtlijn 2.2 Genoeg tijd
Beschrijving van het criterium:
Voor bewegende, knipperende, scrollende, of auto-updatende informatie geldt het volgende: Bewegend, knipperend, scrollend: Voor alle bewegende, knipperende of scrollende informatie die (1) automatisch start, (2) langer dan vijf seconden duurt, en (3) parallel gepresenteerd wordt met andere content, is er een mechanisme voor de gebruiker om het te pauzeren, stoppen, of verbergen, tenzij de beweging, het knipperen, of scrollen onderdeel is van een activiteit waar het essentieel is; Auto-updatend: Voor alle auto-updatende informatie die (1) automatisch start en (2) parallel gepresenteerd wordt met andere content, is er een mechanisme voor de gebruiker om het te pauzeren, stoppen, of verbergen of om de frequentie van de update te regelen, tenzij de auto-update onderdeel is van een activiteit waar het essentieel is.
Richtlijn 2.3 Toevallen en fysieke reacties
Beschrijving van het criterium:
Webpagina's bevatten niets dat meer dan drie keer flitst in een periode van één seconde, of de flits is onder de algemene flits- en rodeflitsdrempels.
Richtlijn 2.4 Navigeerbaar
Beschrijving van het criterium:
Webpagina's hebben titels die het onderwerp of doel beschrijven.
Beschrijving van het criterium:
Het doel van elke link kan bepaald worden uit de linktekst alleen of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve waar het doel van de link dubbelzinnig zou zijn voor gebruikers in het algemeen.
❌ Afgekeurde bevinding:
Het logo bevat een hyperlink zonder toegankelijke naam.
URL: https://duurzaam.hoorn.nl/
Het logo in de headernavigatie is voorzien van een link naar de homepagina. De hyperlink bevat geen toegankelijke tekst. De alternatieve tekst van het logo bevat alleen informatie over de inhoud van de afbeelding. Hierdoor is het doel van de link mogelijk onduidelijk voor gebruikers van schermlezers.
Plaats daarom meer informatie in het titel-attribuut van de hyperlink of de alternatieve tekst van het logo.
Voorbeeld zoals het zou moeten zijn: "Logo gemeente Hoorn - naar homepage"
Linktekst onduidelijk
URL: https://duurzaam.hoorn.nl/samenwerken/
De huidige linktekst 'Bekijk de website' beschrijft het doel van de linktekst onvoldoende aan gebruikers van schermlezers. Deze groep hoort alleen de interactieve tekst, in plaats van 'Ga naar de website www.website.nl' horen ze nu 'Bekijk de website'. Zorg dat het doel van de link voor alle gebruikers duidelijk is.
Linktekst onduidelijk
URL: https://duurzaam.hoorn.nl/subsidies/
De huidige linktekst 'website' beschrijft het doel van de linktekst onvoldoende aan gebruikers van schermlezers. Deze groep hoort alleen de interactieve tekst, in plaats van 'website van www.website.nl' horen ze nu 'website'. Zorg dat het doel van de link voor alle gebruikers duidelijk is.
Deze linktekst komt voor op vergelijkbare pagina's
Linktekst onduidelijk
URL: https://duurzaam.hoorn.nl/samenwerken/
De huidige linktekst 'hier' beschrijft het doel van de linktekst onvoldoende aan gebruikers van schermlezers. Deze groep hoort alleen de interactieve tekst, in plaats van 'Jan en Hester over het inzetten voor een groene en schone stad' horen ze nu 'hier'. Zorg dat het doel van de link voor alle gebruikers duidelijk is.
Deze linktekst komt voor op vergelijkbare pagina's
Beschrijving van het criterium:
Koppen en labels beschrijven het onderwerp of doel.
Richtlijn 2.5 Input Modaliteiten
Beschrijving van het criterium:
Voor componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel weergegeven wordt.
Beschrijving van het criterium:
Het aanwijsgebied voor elk aanwijzerdoel is ten minste 24 bij 24 CSS pixels, behalve wanneer: Gelijkwaardig: Het aanwijzerdoel is beschikbaar via een gelijkwaardig link of besturingselement op dezelfde pagina dat ten minste 24 bij 24 CSS pixels is; Inline: Het aanwijzerdoel bevindt zich in een zin of blok tekst; Bepaald door user agent: De grootte van het aanwijsgebied wordt bepaald door de user agent en wordt niet aangepast door de auteur; Essentieel: Een bepaalde presentatie van het aanwijzerdoel is essentieel of wettelijk vereist voor de informatie die wordt overgebracht.
Principe 3: Begrijpelijk
Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn.
Richtlijn 3.1 Leesbaar
Beschrijving van het criterium:
De standaard menselijke taal van elke webpagina kan door software bepaald worden.
Beschrijving van het criterium:
De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve voor eigennamen, technische termen, woorden van onbepaalde taal, en woorden of zinnen die onderdeel zijn geworden van de volkstaal van de onmiddellijk omringende tekst.
Richtlijn 3.2 Voorspelbaar
Beschrijving van het criterium:
Componenten die dezelfde functionaliteit hebben binnen een set webpagina's worden consistent geïdentificeerd.
Richtlijn 3.3 Assistentie bij invoer
Beschrijving van het criterium:
Als een invoerfout automatisch gedetecteerd wordt, wordt het item dat fout is geïdentificeerd en wordt de fout aan de gebruiker beschreven in tekst.
Beschrijving van het criterium:
Labels of instructies worden geleverd wanneer content gebruikersinvoer vereist.
Beschrijving van het criterium:
Als een invoerfout automatisch gedetecteerd wordt en suggesties voor correctie bekend zijn, worden de suggesties aan de gebruiker geleverd, tenzij het de veiligheid of het doel van de content in gevaar zou brengen.
Beschrijving van het criterium:
Wanneer een proces vereist dat gebruikers dezelfde informatie meer dan eens invoeren in dezelfde sessie, wordt die informatie automatisch ingevuld, of is die informatie beschikbaar voor de gebruiker om te selecteren. Behalve wanneer: Het opnieuw invoeren van de informatie is essentieel; De veiligheid van de informatie is vereist; Eerder ingevoerde informatie is niet langer geldig.
Principe 4: Robuust
Content moet robuust genoeg zijn om betrouwbaar geïnterpreteerd te kunnen worden door een grote verscheidenheid aan user agents, inclusief hulptechnologieën.
Richtlijn 4.1 Compatibel
Beschrijving van het criterium:
Voor alle componenten van de gebruikersinterface (inclusief maar niet beperkt tot: formulierelementen, links en componenten gegenereerd door scripts), kunnen de naam en rol door software bepaald worden; toestanden, eigenschappen, en waarden die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en meldingen van wijzigingen aan deze items zijn beschikbaar voor user agents, inclusief hulptechnologieën.
❌ Afgekeurde bevinding:
Drop down menu bevat geen ARIA-expanded attribuut.
URL: https://duurzaam.hoorn.nl/
De knop voor het openen / sluiten van het menu op kleinere schermen en mobiele apparaten is niet voorzien van het aria-expanded attribuut. Hierdoor weten gebruikers van assisterende software niet of het menu geopend of gesloten is. Zorg dat het voor alle bezoekers duidelijk is of ze met de knop met menu openen of sluiten.
