Content-audit digitale toegankelijkheid van website technischecrematie.nl

Samenvatting

Wij hebben de content op de website technischecrematie.nl onderzocht op 27 maart 2026. In dit rapport lees je welke punten verbetering behoeven en hoe deze kunnen worden aangepakt.

Dit onderzoek richt zich op de content van de website. Technische aspecten zoals toetsenbordbediening, responsiveness en JavaScript-functionaliteit zijn niet onderzocht.

- Voldoet
- Afgekeurd
55 Totaal
- voldoet
Impact
Klein: 0 Medium: 0 Groot: 0
Type
Content: 0 Techniek: 0
Score per richtlijn (goed)
Waarneembaar - van 20
Bedienbaar - van 20
Begrijpelijk - van 13
Robuust - van 2
Deze SC zijn afgekeurd:
Over dit onderzoek
Onderzocht door
Proper Access
Opdrachtgever
gemeente Amersfoort
Datum rapport
27 maart 2026
Standaard
WCAG 2.2
Methodologie
WCAG-EM

Scope van het onderzoek

  • De content op de website technischecrematie.nl

Buiten scope:

  • Technische aspecten van de website (JavaScript, toetsenbordbediening, responsiveness, etc.)
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website

Basisniveau toegankelijkheidsondersteuning

  • Mozilla Firefox, versie 143
  • Google Chrome, versie 143
  • Apple Safari, versie 18
  • NVDA schermlezer in combinatie met Firefox
  • VoiceOver schermlezer in combinatie met Safari
  • Andere gangbare browsers en hulpapparatuur

Technologieën van de website

  • HTML
  • CSS
  • SVG

Voortgang opgeloste bevindingen

Samenwerken met je team

Exporteer alle bevindingen als CSV-bestand. Je kunt het in een (online) spreadsheet inladen om met je team samen te werken.

Importeer in Jira

Exporteer alle bevindingen als Jira-compatibel CSV-bestand. Je kunt het direct importeren via Jira > Issues > Import issues from CSV.

Zelf bijhouden in de browser

Houd per bevinding bij of het is opgelost. Je voortgang wordt opgeslagen in jouw browser. Niemand anders kan je resultaat zien.

Gevonden problemen

Filter bevindingen op:
Impact:
Type:

Link naar pagina: https://technischecrematie.nl

#1 - Logo zonder tekstalternatief

Impact: Groot Type: Content WCAG: 1.1.1, 2.4.4, 2.5.3, 4.1.2 EN: 9.1.1.1, 9.2.4.4, 9.2.5.3, 9.4.1.2

Op alle pagina's heeft het logo bovenaan de website geen tekstalternatief. Het logo bevat de tekst "TECHNISCHE CREMATIE" en functioneert als link. Informatieve afbeeldingen zoals een logo moeten altijd een tekstalternatief hebben. In dat tekstalternatief moet de volledige tekst staan die in het logo te zien is.

Doordat het tekstalternatief ontbreekt:

  • Weten bezoekers die de afbeelding niet kunnen zien niet wat er staat (1.1.1).
  • Is het voor bezoekers die hulpsoftware gebruiken onduidelijk naar welke pagina de link leidt (2.4.4).
  • Werkt de link niet goed met stemgestuurde systemen, omdat de zichtbare tekst niet in de toegankelijke naam voorkomt (2.5.3).
  • Is voor gebruikers van een schermlezer onduidelijk wat de bestemming of de functie van de link is (4.1.2).

Hetzelfde geldt voor het logo in de footer.

Oplossing:

Voeg een alt-tekst toe aan het logo die de volledige tekst van het logo bevat. Hiermee worden alle vier de genoemde problemen opgelost.

#2 - Onvoldoende contrast van grijze tekst

Impact: Groot Type: Content WCAG: 1.4.3 EN: 9.1.4.3

Op alle pagina's staat grijze tekst (#797A7D) op een witte achtergrond. Voorbeelden zijn links in het hoofdmenu en de footer zoals "Over ons", tekst in de footer zoals "Telefoon: (033) 469 5840" en tekst op de homepage zoals "In deze tijd zijn de wensen van onze klanten steeds meer divers."

De contrastverhouding is 4,3:1. Omdat deze tekst kleiner is dan 24px en niet vetgedrukt, moet het contrast minimaal 4,5:1 zijn.

Oplossing:

Pas de tekstkleur aan zodat het contrast minimaal 4,5:1 is ten opzichte van de achtergrond.

#3 - Onvoldoende contrast van blauwe links

Impact: Groot Type: Content WCAG: 1.4.3 EN: 9.1.4.3

Op alle pagina's staan blauwe links op een witte achtergrond (of andersom), bijvoorbeeld "Inloggen" in het hoofdmenu. De contrastverhouding is 4:1.

Hetzelfde geldt voor links in de footer. Omdat deze tekst kleiner is dan 19px, moet het contrast minimaal 4,5:1 zijn.

Oplossing:

Pas de kleur van de links aan zodat het contrast minimaal 4,5:1 is ten opzichte van de achtergrond.

Link naar pagina: https://technischecrematie.nl/contact/

#4 - Koppen gemarkeerd met strong-element in plaats van kop-element

Impact: Groot Type: Content WCAG: 1.3.1 EN: 9.1.3.1

Op deze pagina zijn de volgende teksten visueel als koppen weergegeven, maar gemarkeerd met een strong-element in plaats van een kop-element: "Route", "Route met de auto vanuit Amsterdam, Hilversum:", "Route met de auto vanuit Zwolle, Apeldoorn:" en andere.

Het element strong is niet bedoeld om koppen mee te markeren. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis. Dit type element wordt vaak toegevoegd via de knop "B" (vet) in een tekstbewerker.

Oplossing:

Verwijder het strong-element en markeer deze tekst met een passend kop-element, zoals h2 of h3. De visuele opmaak kan eventueel met CSS worden toegepast.

Link naar pagina: https://technischecrematie.nl/cookies/

#5 - Em-element verkeerd gebruikt voor styling

Impact: Medium Type: Content WCAG: 1.3.1 EN: 9.1.3.1

Op deze pagina worden boven de kop "Cookies waarmee wij gebruik van de website kunnen meten" volledige zinnen in een em-element gewikkeld om ze cursief weer te geven.

Het em-element heeft een semantische betekenis: het geeft aan dat de tekst extra nadruk krijgt. Gebruik dit element daarom niet uitsluitend voor een visueel effect (cursieve tekst).

Oplossing:

Verwijder het em-element en gebruik CSS voor de visuele styling.

#6 - Lijststructuur komt niet overeen met visuele presentatie

Impact: Medium Type: Content WCAG: 1.3.1 EN: 9.1.3.1

Op deze pagina staat onder de tekst "Wij gebruiken cookies voor:" een lijst van 5 items. In de code is dit echter gemarkeerd als een geneste lijst met 1 item en 5 sub-items. Dit komt niet overeen met de visuele presentatie en kan verwarrend zijn voor gebruikers van schermlezers, die de content als een geneste lijst zullen waarnemen in plaats van een eenvoudige lijst.

Hetzelfde probleem komt voor onder de kop "Cookies om de inhoud van onze website te delen via social media".

Oplossing:

Pas de lijststructuur in de code aan zodat deze overeenkomt met de visuele presentatie: een eenvoudige lijst met 5 items.

Link naar pagina: https://technischecrematie.nl/disclaimer/

#7 - Koppenstructuur is niet logisch

Impact: Medium Type: Content WCAG: 1.3.1 EN: 9.1.3.1

Advies: Op deze pagina is de koppenstructuur niet logisch. Een h2-kop "Disclaimer" wordt gevolgd door twee h1-koppen "Links naar andere websites" en "Privacy". Dit doorbreekt de verwachte hierarchische volgorde van koppen en kan verwarring veroorzaken voor bezoekers die via koppen navigeren, met name gebruikers van schermlezers.

Oplossing:

Zorg dat koppen een logische hierarchische structuur volgen. Een h1-kop moet de hoofdkop van de pagina zijn, en volgende koppen moeten een consistente volgorde aanhouden (h1, h2, h3) zonder niveaus over te slaan of hogere niveaus na lagere niveaus te plaatsen.

Dit onderdeel betreft de pagina's Inloggen, Wachtwoord vergeten en Registreren.

#8 - Onvoldoende contrast van rode foutmeldingen

Impact: Groot Type: Content WCAG: 1.4.3 EN: 9.1.4.3

Op de pagina Inloggen verschijnt een rode foutmelding (#FF0000) op een witte achtergrond, bijvoorbeeld "Ongeldige gebruikersnaam/wachtwoord of uw account is nog niet goedgekeurd." De contrastverhouding is 4:1. Omdat deze tekst kleiner is dan 24px en niet vetgedrukt, moet het contrast minimaal 4,5:1 zijn.

Hetzelfde probleem komt voor op de pagina's Wachtwoord vergeten (met "Vul een geldig e-mailadres in." en "E-mailadres") en Registreren.

Oplossing:

Pas de kleur van de foutmeldingen aan zodat het contrast minimaal 4,5:1 is ten opzichte van de achtergrond.

#9 - Onvoldoende contrast van placeholdertekst

Impact: Groot Type: Content WCAG: 1.4.3 EN: 9.1.4.3

Op de pagina Wachtwoord vergeten staat in het invoerveld een lichtgrijze placeholdertekst (#9D9D9D) "Vul hier uw e-mailadres in" op een witte achtergrond. De contrastverhouding is 2,7:1. Deze placeholdertekst moet voldoende contrast hebben, omdat deze de grenzen van het invoerveld bepaalt.

Hetzelfde probleem komt voor op de pagina Registreren.

Oplossing:

Zorg ervoor dat de placeholdertekst een contrast van minimaal 4,5:1 heeft ten opzichte van de achtergrond.

#10 - Onvoldoende contrast van knoptekst

Impact: Groot Type: Content WCAG: 1.4.3 EN: 9.1.4.3

Op de pagina Wachtwoord vergeten staat witte tekst "Wachtwoord aanvragen" op een gele achtergrond (#F9C32B). De contrastverhouding is 1,6:1. Omdat deze tekst kleiner is dan 24px en niet vetgedrukt, moet het contrast minimaal 4,5:1 zijn.

Hetzelfde probleem komt voor op de pagina Registreren met de knop "Account aanvragen".

Oplossing:

Pas de kleuren aan zodat het contrast minimaal 4,5:1 is. Dit kan door de tekstkleur donkerder te maken of de achtergrondkleur aan te passen.

#11 - Wachtwoordinstructie alleen zichtbaar in foutmelding

Impact: Medium Type: Content WCAG: 3.3.2 EN: 9.3.3.2

Op de pagina Registreren heeft het invoerveld "Wachtwoord" een bijbehorende instructie. Deze instructie is echter niet permanent zichtbaar op de pagina; ze verschijnt alleen in een foutmelding: "Je wachtwoord moet minimaal 8 karakters lang zijn."

Oplossing:

Zorg dat instructies vooraf al zichtbaar en toegankelijk zijn voor alle bezoekers, niet alleen in foutmeldingen. Verplaats de instructie zodat deze permanent zichtbaar is in de buurt van het invoerveld.

Link naar pagina: https://technischecrematie.nl

#12 - Tekst visueel als kop maar gemarkeerd als lijst

Impact: Groot Type: Content WCAG: 1.3.1 EN: 9.1.3.1

Op de homepage staat de tekst "Cremeren" die visueel als kop wordt weergegeven, maar in de code als lijst is gemarkeerd in plaats van als h3-kop.

Voor bezoekers die hulpsoftware gebruiken, is een tekst die er visueel uitziet als kop maar niet als kop is gemarkeerd niet bruikbaar. Deze bezoekers navigeren via koppen om de inhoud te scannen of snel naar een specifieke sectie te springen. Dit is alleen mogelijk wanneer de koppen ook in de code als kop zijn vastgelegd.

Oplossing:

Markeer deze tekst met het juiste HTML-element, in dit geval een h3-kop.

Link naar pagina: https://technischecrematie.nl/over-ons/

#13 - Strong-element verkeerd gebruikt voor styling

Impact: Medium Type: Content WCAG: 1.3.1 EN: 9.1.3.1

Op deze pagina wordt onder de kop "Over ons" in de lijst het strong-element verkeerd gebruikt voor styling. Het strong-element heeft een semantische betekenis: het geeft aan dat tekst extra nadruk krijgt. Gebruik dit element daarom niet uitsluitend voor een visueel effect (vetgedrukte tekst).

Hetzelfde probleem komt voor op de pagina Cookies, waar een volledige zin in een strong-element is gewikkeld: "Websites hanteren handige en nuttige technieken ... voor elke bezoeker".

Oplossing:

Verwijder het strong-element en gebruik CSS voor de visuele styling.

#14 - Onvoldoende contrast van groene links

Impact: Groot Type: Content WCAG: 1.4.3 EN: 9.1.4.3

Op deze pagina staan lichtgroene links (#7BB199) op een witte achtergrond, zoals "CBA Amersfoort" en "contact". De contrastverhouding is 2,4:1. Omdat deze tekst kleiner is dan 24px en niet vetgedrukt, moet het contrast minimaal 4,5:1 zijn.

Hetzelfde probleem komt voor op de pagina Cookies onder de kop "Cookies om de inhoud van onze website te delen via social media".

Oplossing:

Pas de kleur van de links aan zodat het contrast minimaal 4,5:1 is ten opzichte van de achtergrond.

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.

Hoe werkt dit rapport?

Bevindingen bekijken en filteren

Alle gevonden toegankelijkheidsproblemen staan onder Gevonden problemen. Je kunt de bevindingen filteren op:

  • Impact (Groot, Medium, Klein, Advies) — hoe ernstig is het probleem voor de gebruiker?
  • Type (Content, Techniek) — moet de inhoud of de techniek worden aangepast?
  • Status (Open, Opgelost) — welke problemen zijn al verholpen?

Voortgang bijhouden

Je kunt je voortgang op twee manieren bijhouden:

  • CSV-export — exporteer alle bevindingen als CSV-bestand en laad het in een (online) spreadsheet om met je team samen te werken.
  • Jira-export — exporteer alle bevindingen als Jira-compatibel CSV-bestand. Importeer het via Jira > Issues > Import issues from CSV. Bevindingen worden aangemaakt als bugs met prioriteit op basis van impact.
  • Registreer in de browser — activeer deze optie om per bevinding bij te houden of het is opgelost. Je voortgang wordt opgeslagen in je browser. Niemand anders kan je resultaat zien. Let op: de voortgang is gekoppeld aan je browser. Als je een andere browser of een ander apparaat gebruikt, begint de telling opnieuw.
  • Plan van aanpak — download een geprioriteerd plan van aanpak om de gevonden problemen stap voor stap op te lossen. Dit is beschikbaar bij audits vanaf maart 2026.

Link naar een specifieke bevinding delen

Bij elke bevinding verschijnt een link-icoon wanneer je er met de muis overheen gaat. Klik op dit icoon om de directe link naar die bevinding te kopiëren. Je kunt deze link plakken in een e-mail of chatbericht, bijvoorbeeld om een vraag te stellen aan Proper Access over een specifiek punt.