Advies- en auditbureau in digitale toegankelijkheid | WEB: properaccess.nl | TEL: 06-28742275 | MAIL: contact@properaccess.nl
Content audit digitale toegankelijkheid van website kerkrade.mijnafspraakmaken.nl
Samenvatting
Wij hebben de content van de website kerkrade.mijnafspraakmaken.nl onderzocht tussen 01 en 08 februari 2025. Op dit moment zijn 30 van de 33 succescriteria als voldoende beoordeeld. In dit rapport lees je wat er bij de overige 3 nog fout gaat, en hoe je dat kunt verbeteren.
Resultaat
In dit onderzoek hebben we 33 van de 55 toegankelijkheidseisen (succescriteria) uit de norm WCAG 2.2 onderzocht. Dit is een contentonderzoek. Daarom zijn de eisen die over de techniek gaan niet meegenomen. We hebben het onderzoek uitgevoerd volgens de onderzoeksmethode WCAG-EM.
Beoordeling
SC
Voldoet of nvt
30
Voldoet niet
3
Totaal
33
Deze succescritеria zijn afgekeurd: 1.3.1, 1.4.3, 2.4.4
Onderzocht door
Lana van Proper Access; Julia van Proper Access
In opdracht van
Gemeente Kerkrade
Leverancier techniek
JCC (mijnafspraken)
Conformiteitsdoel
WCAG 2.2, Level AA
Methodologie
WCAG-EM
Datum
8 februari 2025
Scope van het onderzoek
Alle content op pagina's op de website kerkrade.mijnafspraakmaken.nl
Niet de pagina's op kerkrade.nl
Niet in scope:
Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website
De van derden afkomstige inhoud (wettelijke uitzondering voor de overheid)
Basisniveau toegankelijkheidsondersteuning
Mozilla Firefox, versie 131
Google Chrome, versie 130
Apple Safari, versie 17
NVDA schermlezer in combinatie met Firefox
VoiceOver schermlezer in combinatie met Safari
Andere gangbare browsers en hulpapparatuur
Technologieën van de website
HTML
CSS
JavaScript
WAI-ARIA
SVG
PDF
Over dit onderzoek
Leeswijzer
Onze rapporten zijn anders. Bij het bespreken van de gevonden problemen volgen wij niet de structuur van de norm, maar die van jouw website of app. Hierdoor kun je gewoon per pagina of scherm aan de slag gaan. Wel zo makkelijk! Je vindt verderop een overzicht van alle pagina’s met problemen.
We geven je bij elk gevonden issue een paar voorbeelden, maar niet een complete lijst. Controleer zelf of het probleem ook nog op andere plekken voorkomt. Zie het rapport als een leidraad.
Gebruikte norm
Dit onderzoek laat zien in hoeverre de website op dit moment voldoet aan WCAG 2.2, niveau A en AA. WCAG staat voor Web Content Accessibility Guidelines. Dit is de internationale norm voor digitale toegankelijkheid. De Europese norm EN 301 549 bevat alle eisen van WCAG op niveau A en AA.
In dit rapport hebben we korte beschrijvingen van de succescriteria uit de norm opgenomen, met een algemene uitleg erbij. Wil je ze helemaal lezen? Bekijk dan de documentatie van WCAG.
Gebruikte onderzoeksmethode
We gebruiken de onderzoeksmethode WCAG-EM van het W3C. Het proces ziet er als volgt uit:
vaststellen wat binnen en buiten scope valt
vaststellen welke technologieën zijn gebruikt
steekproef (sample) samenstellen
steekproef onderzoeken
gevonden issues beschrijven
Het grootste deel van het onderzoek doen we met de hand. Voor een deel van de toegankelijkheidseisen gebruiken we automatische tools als ondersteuning, zoals axe-core en Chrome Developer Tools.
Belangrijk om te weten
Dit rapport helpt je om de toegankelijkheid van je website te verbeteren. Maar let op: het is geen definitieve, volledige lijst van alle aanwezige toegankelijkheidsproblemen. Dat zit zo:
Het is een steekproef
Ten eerste is het onderzoek gebaseerd op een steekproef. Die is op een betrouwbare manier genomen, en de meeste problemen zullen daardoor zeker aan het licht komen. Toch kan een probleem net buiten de steekproef vallen. Bij een volgend onderzoek kan het wel ontdekt worden.
Op basis van falsificatie
We beoordelen vanuit het principe van falsificatie. Dat houdt in dat we proberen te bewijzen dat iets niet waar is, in plaats van te bevestigen dat het klopt. ‘Voldoet’ betekent daarom dat we geen reden hebben gevonden om een punt af te keuren. Maar als we later wél een reden vinden, kan het alsnog worden afgekeurd.
Voortschrijdend inzicht
Het komt voor dat de beoordeling van een succescriterium op detailniveau verandert. De norm beschrijft namelijk niet élk mogelijk scenario. Samen met andere onderzoeksbureaus overleggen we hoe we met bepaalde situaties omgaan. Zo kan iets dat nu wordt afgekeurd, soms bij een volgend onderzoek worden goedgekeurd en andersom.
Oplossen leidt tot nieuw probleem
Ten slotte kan het gebeuren dat bij het oplossen van een probleem onbedoeld een nieuw toegankelijkheidsprobleem ontstaat. Dat komt dan bij een volgend onderzoek pas naar voren.
In stap 2, wanneer de activiteit "Aangifte erkenning" is geselecteerd, zijn de volgende kopjes gemarkeerd met een strong-element: "Wat moet u meenemen", "Extra nodig bij erkenning kind van 12 tot 16 jaar", en "Aanvullende informatie".
Het strong-element is niet bedoeld om koppen mee te markeren. Je moet dat altijd doen met een kop-element, zoals h3. Koppen gebruik je om een tekst te structureren. Alleen als je ze als kop markeert met een kop-element, begrijpt hulpsoftware die betekenis. Het strong-element gebruik je wel als je nadruk wilt geven aan enkele woorden of een zinsdeel.
Voldoet niet aan SC 1.3.1
Link heeft geen tekst, waardoor linkdoel onbekend is
Als in stap 2 de activiteit ‘Aangifte erkenning’ is geselecteerd, staat vlak voor de link met de tekst "website", een link zonder inhoud en dus zonder linkdoel. Een blinde bezoeker weet daardoor niet waar de link naartoe zal leiden.
Oplossing:
Om dit op te lossen moet je deze link content geven. Dat doe je door een tekst toe te voegen in het a-element.
Voldoet niet aan SC 2.4.4
Aanvragen Nederlandse nationaliteit
Strong-element is gebruikt voor opmaak
In stap 2, wanneer de activiteit "Aanvragen Nederlandse nationaliteit" is geselecteerd, wordt het strong-element gebruikt voor styling in teksten onder de kop “Aanvragen Nederlandse nationaliteit”. De hele zin is gemarkeerd met een strong-element.
Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (vetgedrukte tekst). Gebruik hiervoor CSS. Het probleem is ook te vinden onder het kopje "Naturalisatie" in de linktekst "de voorwaarden".
Voldoet niet aan SC 1.3.1
Strong-element in plaats van kop-element
In stap 2, wanneer de activiteit "Aanvragen Nederlandse nationaliteit" is geselecteerd, worden de volgende kopjes gemarkeerd met een strong-element: "Naturalisatie", "Wat moet ik doen?", "Wat moet ik meenemen", enzovoort.
Het strong-element is niet bedoeld om koppen mee te markeren. Je moet dat altijd doen met een kop-element, zoals h3. Koppen gebruik je om een tekst te structureren. Alleen als je ze als kop markeert met een kop-element, begrijpt hulpsoftware die betekenis. Het strong-element gebruik je wel als je nadruk wilt geven aan enkele woorden of een zinsdeel.
Voldoet niet aan SC 1.3.1
Link heeft geen tekst, waardoor linkdoel onbekend is
In stap 2, wanneer de activiteit "Aanvragen Nederlandse nationaliteit" is geselecteerd, staat vlak voor de link met tekst “de voorwaarden" een link zonder inhoud en dus zonder linkdoel. Een blinde bezoeker weet daardoor niet waar de link naartoe zal leiden. Hetzelfde probleem doet zich voor vlak voor de link met de tekst "website".
Oplossing:
Om dit op te lossen moet je de link content geven. Dat doe je door een tekst toe te voegen in het a-element.
Voldoet niet aan SC 2.4.4
Bewijs van in leven
Kopjes zijn met strong-element gemarkeerd
In stap 2, wanneer de activiteit "Bewijs van in leven" is geselecteerd, worden de volgende kopjes gemarkeerd met een strong-element: "Wat is het?", "Hoe werkt het?", "Aanvragen", enzovoort.
Het strong-element is niet bedoeld om koppen mee te markeren. Je moet dat altijd doen met een kop-element, zoals h3. Koppen gebruik je om een tekst te structureren. Alleen als je ze als kop markeert met een kop-element, begrijpt hulpsoftware die betekenis.
Het strong-element gebruik je wel als je nadruk wilt geven aan enkele woorden of een zinsdeel.
Voldoet niet aan SC 1.3.1
Strong-element is gebruikt voor opmaak
In stap 2, wanneer de activiteit "Bewijs van in leven" is geselecteerd, wordt het strong-element gebruikt voor de opmaak in teksten onder de kop "Hoe werkt het?". De hele zin "Een bewijs van in..." wordt opgemaakt met een strong-element.
Voldoet niet aan SC 1.3.1
Opsomming is niet opgebouwd met het HTML-element <ul> of <ol>
In stap 2, wanneer de activiteit "Bewijs van in leven" is geselecteerd, staat er onder de tekst "Een bewijs van in leven zijn is geldig in:" een lijst met 7 items. De juiste markering ontbreekt.
Tekst die eruitziet als een opsomming, moet ook zo in de code worden gemarkeerd.
Meestal is hier een knop voor in de content-editor in je CMS. Je gebruikt voor lijsten en opsommingen de HTML-elementen ol (lijst met cijfers) of ul (lijst met bullets). Hulpsoftware weet dan hoe de tekst is gestructureerd.
Bovendien kondigen schermlezers dan het aantal items in de lijst aan, voordat ze die gaan voorlezen. Zo weet een blinde bezoeker hoeveel informatie er nog komt.
Voldoet niet aan SC 1.3.1
Eerste aanvraag rijbewijs
Kopjes zijn met strong-element gemarkeerd
In stap 2, wanneer de activiteit "Eerste aanvraag rijbewijs" is geselecteerd, worden de volgende kopjes gemarkeerd met een strong-element: "Wat is het?", "Wat moet ik doen?", en "Rijbewijs afhalen".
Het strong-element is niet bedoeld om koppen mee te markeren. Je moet dat altijd doen met een kop-element, zoals h3. Koppen gebruik je om een tekst te structureren. Alleen als je ze als kop markeert met een kop-element, begrijpt hulpsoftware die betekenis.
Voldoet niet aan SC 1.3.1
Kop is niet gemarkeerd als koptekst
In stap 2, wanneer de activiteit "Eerste aanvraag rijbewijs" is geselecteerd, zijn de volgende teksten niet gemarkeerd als koppen: "Spoedaanvraag", "Rijbewijs voor jongeren tot 18 jaar", en "Wat heb ik nodig?".
Blinde bezoekers hebben niets aan een (tussen)kop die fungeert als kop, maar die niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren. Gebruik voor deze teksten heading-elementen, bijvoorbeeld <h3>.
Voldoet niet aan SC 1.3.1
Strong-element is gebruikt voor opmaak
In stap 2, wanneer de activiteit "Eerste aanvraag rijbewijs" is geselecteerd, wordt het strong-element gebruikt voor de opmaak in teksten onder het kopje "Wat heb ik nodig?". De hele zin "Een goedgelijkende pasfoto..." is opgemaakt met een strong-element.
Dit probleem komt ook voor bij de linktekst “pasfoto-eisen.
Voldoet niet aan SC 1.3.1
Link heeft geen tekst, waardoor linkdoel onbekend is
In stap 2, wanneer de activiteit "Eerste aanvraag rijbewijs" is geselecteerd, staat rechts voor de link met de tekst "pasfoto-eisen", een link zonder inhoud en dus zonder linkdoel. Een blinde bezoeker weet daardoor niet waar de link naartoe zal leiden.
Oplossing:
Om dit op te lossen moet je de link content geven. Dat doe je door een tekst toe te voegen in het <a>-element.
Voldoet niet aan SC 2.4.4
GPK aanvraag
Kopjes zijn met strong-element gemarkeerd
In stap 2, wanneer de activiteit "GPK aanvragen" is geselecteerd, worden de volgende kopjes gemarkeerd met een strong-element: "Wat is het?", "Wat moet ik doen?", "1.Online aanvragen", enzovoort.
Het strong-element is niet bedoeld om koppen mee te markeren. Je moet dat altijd doen met een kop-element, zoals <h3> - <h4>.
Voldoet niet aan SC 1.3.1
Link heeft geen tekst, waardoor linkdoel onbekend is
In stap 2, wanneer de activiteit "GPK aanvraag" is geselecteerd, onderaan de pagina, staat vlak voor de link met tekst “website”, een link zonder inhoud en dus zonder linkdoel. Een blinde bezoeker weet daardoor niet waar de link naartoe zal leiden.
Om dit op te lossen moet je de link content geven.
Voldoet niet aan SC 2.4.4
Legalisatie documenten
Geen bevindingen.
Naamskeuze gecombineerde geslachtsnaam
Opsomming is niet opgebouwd met het HTML-element <ul> of <ol>
In stap 2, wanneer de activiteit "Naamskeuze (gecombineerde geslachtsnaam)" is geselecteerd, verschijnt onder het kopje "Naamskeuze (gecombineerde geslachtsnaam)" een lijst met 2 items. De juiste markering ontbreekt.
Tekst die eruitziet als een opsomming, moet ook zo in de code worden gemarkeerd. Meestal is hier een knop voor in de content-editor in je CMS. Je gebruikt voor lijsten en opsommingen de HTML-elementen ol (lijst met cijfers) of ul (lijst met bullets). Hulpsoftware weet dan hoe de tekst is gestructureerd.
Bovendien kondigen schermlezers dan het aantal items in de lijst aan, voordat ze die gaan voorlezen. Zo weet een blinde bezoeker hoeveel informatie er nog komt.
Voldoet niet aan SC 1.3.1
Nederlandse Identiteitskaart jonger dan 18 jaar
Kopjes zijn met strong-element gemarkeerd
In stap 2, wanneer de “Nederlandse Identiteitskaart (jonger dan 18 jaar) - aanvraag” activiteit is geselecteerd, zijn de volgende koppen gemarkeerd met een strong-element: "Wat is het?", "Spoedaanvraag", "Hoe werkt het?", enzovoort.
Gebruik een kop-element, zoals <h3> of <h4>.
Voldoet niet aan SC 1.3.1
Strong-element is gebruikt voor opmaak
In stap 2, wanneer de activiteit "Nederlandse Identiteitskaart (jonger dan 18 jaar) - aanvraag" is geselecteerd, wordt het strong-element gebruikt voor de opmaak in teksten onder het kopje "Wat heb ik nodig?". De hele zin die begint met "Een goedgelijkende pasfoto..." is gemarkeerd met het strong-element.
Verwijder het strong-element.
Voldoet niet aan SC 1.3.1
Kleurcontrast van tekst is te laag (tekst kleiner dan 19px)
In stap 2, wanneer de “Nederlandse Identiteitskaart (jonger dan 18 jaar) - aanvraag” activiteit is geselecteerd, staat de rode tekst (#FF0000) die begint met “Een goedgelijkende pasfoto (...)” op een witte achtergrond (#FFFFFF). Het kleurcontrast is te laag: 4,0:1.
Deze tekst is kleiner dan 19px, daarom moet het contrast minimaal 4,5:1 zijn. Dit probleem komt ook voor in de teksten die beginnen met beginnen met “Schriftelijke toestemming van…”, “Kinderen moeten zelf…”, enzovoort.
Voldoet niet aan SC 1.4.3
Nederlandse identiteitskaart digitaal
Kopjes zijn met strong-element gemarkeerd
In stap 2, wanneer de activiteit "Nederlandse identiteitskaart (digitaal)" is geselecteerd, is de kop "Online aanvragen" gemarkeerd met een strong-element.
Gebruik een kop-element, zoals <h3> of <h4>.
Voldoet niet aan SC 1.3.1
Strong-element is gebruikt voor opmaak
In stap 2, wanneer de activiteit "Nederlandse identiteitskaart (digitaal)" is geselecteerd, wordt het strong-element gebruikt voor styling in teksten onder de kop “Online aanvragen”. De hele alinea die begint met “Na uw online aanvraag…” is gemarkeerd met een strong-element.
Verwijder het strong-element.
Voldoet niet aan SC 1.3.1
Rijbewijs spoedaanvraag
Kopjes zijn met strong-element gemarkeerd
In stap 2, wanneer de activiteit "Rijbewijs - spoedaanvraag" is geselecteerd, zijn de volgende kopjes gemarkeerd met een strong-element: "Wat is het?", "Spoedaanvraag", "Hoe werkt het?", enzovoort.
Gebruik een headings-element.
Voldoet niet aan SC 1.3.1
Kleurcontrast van tekst is te laag (tekst kleiner dan 19px)
In stap 2, wanneer de activiteit "Rijbewijs - spoedaanvraag" is geselecteerd, staat de rode tekst (#FF0000) “Spoedaanvraag” op een witte achtergrond (#FFFFFF). Het kleurcontrast is te laag: 4,0:1. Deze tekst is kleiner dan 19px, daarom moet het contrast minimaal 4,5:1 zijn. Dit probleem komt ook voor in de teksten die beginnen met “Als u snel uw rijbewijs…”, “Een goedgelijkende pasfoto…”.
Voldoet niet aan SC 1.4.3
Opsomming is niet opgebouwd met het HTML-element <ul> of <ol>
In stap 2, wanneer de activiteit "Rijbewijs - spoedaanvraag" is geselecteerd, staat er onder het kopje "Hoelang is mijn rijbewijs geldig?" een lijst met 4 items die begint met "Bent u jonger dan 65 jaar?...". De juiste markering ontbreekt.
Tekst die eruitziet als een opsomming, moet ook zo in de code worden gemarkeerd. Meestal is hier een knop voor in de content-editor in je CMS. Je gebruikt voor lijsten en opsommingen de HTML-elementen ol (lijst met cijfers) of ul (lijst met bullets). Hulpsoftware weet dan hoe de tekst is gestructureerd.
Bovendien kondigen schermlezers dan het aantal items in de lijst aan, voordat ze die gaan voorlezen. Zo weet een blinde bezoeker hoeveel informatie er nog komt.
Voldoet niet aan SC 1.3.1
Strong-element is gebruikt voor opmaak
In stap 2, wanneer de "Rijbewijs - spoedaanvraag" activiteit is geselecteerd, wordt het strong-element gebruikt voor styling in tekst “In de volgende situaties heeft u een Gezondheidsverklaring nodig:”. De hele zin is gemarkeerd met een strong-element. Het probleem zit in de hele zin die begint met “Een goedgelijkende pasfoto…”.
Verwijder het strong-element.
Voldoet niet aan SC 1.3.1
Uittreksel geboorte huwelijk overlijden
Kopjes zijn met strong-element gemarkeerd
In stap 2, wanneer de activiteit "Uittreksel geboorte/huwelijk/overlijden" is geselecteerd, zijn de volgende kopjes gemarkeerd met een strong-element: "Wat is het?", "Afschrift of uittreksel", "Hoe werkt het?", enzovoort.
Het strong-element is niet bedoeld om koppen mee te markeren. Je moet dat altijd doen met een kop-element, zoals h3.
Voldoet niet aan SC 1.3.1
Opsomming is niet opgebouwd met het HTML-element <ul> of <ol>
In stap 2, wanneer de activiteit "Uittreksel geboorte/huwelijk/overlijden" is geselecteerd, staat er onder het kopje "Een uittreksel aanvragen" een lijst met 3 items die begint met "Voor uzelf.". De juiste markering ontbreekt.
Tekst die eruitziet als een opsomming, moet ook zo in de code worden gemarkeerd. Meestal is hier een knop voor in de content-editor in je CMS. Je gebruikt voor lijsten en opsommingen de HTML-elementen ol (lijst met cijfers) of ul (lijst met bullets). Hulpsoftware weet dan hoe de tekst is gestructureerd.
Bovendien kondigen schermlezers dan het aantal items in de lijst aan, voordat ze die gaan voorlezen. Zo weet een blinde bezoeker hoeveel informatie er nog komt. Hetzelfde probleem komt voor onder het kopje "Iemand anders machtigen", hier staat een lijst met 4 items.
Voldoet niet aan SC 1.3.1
Vestiging vanuit het buitenland
Kopjes zijn met strong-element gemarkeerd
In stap 2, wanneer de activiteit "Vestiging vanuit het buitenland" is geselecteerd, zijn de volgende kopjes gemarkeerd met een strong-element: "Wat is het?", "Wat neemt u mee".
Het strong-element is niet bedoeld om koppen mee te markeren. Je moet dat altijd doen met een kop-element, zoals h3. Koppen gebruik je om een tekst te structureren. Alleen als je ze als kop markeert met een kop-element, begrijpt hulpsoftware die betekenis.
Voldoet niet aan SC 1.3.1
Strong-element is gebruikt voor opmaak
In stap 2, wanneer de activiteit "Vestiging vanuit het buitenland" is geselecteerd, wordt het strong-element gebruikt voor styling in tekst “Legaliseren van buitenlandse documenten voor gebruik in Nederland | Nederland Wereldwijd”. De linktekst is gemarkeerd met een strong-element. Het probleem zit hem in de hele alinea die begint met “Er zijn meertalige…” en “Vul bij stap 4 bij…”.
Verwijder het strong-element.
Voldoet niet aan SC 1.3.1
Link heeft geen tekst, waardoor linkdoel onbekend is
In stap 2, wanneer de activiteit "Vestiging vanuit het buitenland" is geselecteerd, staat rechts achter de link met tekst “Legaliseren van buitenlandse documenten voor gebruik in Nederland | Nederland Wereldwijd”, een link zonder inhoud en dus zonder linkdoel. Een blinde bezoeker weet daardoor niet waar de link naartoe zal leiden.
Om dit op te lossen moet je de link content geven.
Voldoet niet aan SC 2.4.4
Vermissing samen met aanvraag identiteitskaart
Kopjes zijn met strong-element gemarkeerd
In stap 2, wanneer de activiteit "Vermissing (aangifte verlies/diefstal) samen met aanvraag identiteitskaart" is geselecteerd, worden de volgende kopjes gemarkeerd met een strong-element: "Aangifte doen bij verzekering tegen diefstal", "Aangifte doen in het buitenland", "Noodpaspoort aanvragen", enzovoort.
Gebruik een headings-element.
Voldoet niet aan SC 1.3.1
Kleurcontrast van tekst is te laag (tekst kleiner dan 19px)
In stap 2, wanneer de “Vermissing ( aangifte verlies/diefstal) samen met aanvraag identiteitskaart” activiteit is geselecteerd, staat de rode tekst (#FF0000) “een goedgelijkende pasfoto…” op een witte achtergrond (#FFFFFF). Het kleurcontrast is te laag: 4,0:1. Deze tekst is kleiner dan 19px, daarom moet het contrast minimaal 4,5:1 zijn.
Voldoet niet aan SC 1.4.3
Strong-element is gebruikt voor opmaak
In stap 2, wanneer de activiteit "Vermissing (aangifte verlies/diefstal) samen met aanvraag identiteitskaart" is geselecteerd, wordt het strong-element gebruikt voor styling in tekst “een goedgelijkende pasfoto…”. De hele zin is gemarkeerd met een strong-element. Het probleem zit in de hele alinea die begint met “Het kan zijn dat de gemeente…”.
