1. Doel van deze verklaring
Kahlo Websites wil dat iedereen onze website kan gebruiken – ook mensen met een tijdelijke of blijvende beperking.
Daarom bouwen en onderhouden wij onze website volgens de Web Content Accessibility Guidelines (WCAG) 2.1, niveau AA(opent in nieuw venster).
2. Toepassingsgebied
Deze verklaring geldt voor de website kahlowebsites.nl(opent in nieuw venster) en alle onderliggende pagina’s die door Kahlo Websites worden beheerd.
3. Status van toegankelijkheid
De website is grotendeels toegankelijk en voldoet aan het merendeel van de WCAG 2.1 AA-richtlijnen.
Er zijn nog enkele punten in ontwikkeling en optimalisatie.
Waarneembaar
De gebruiker moet alle informatie kunnen waarnemen, ongeacht zintuiglijke beperking.
Afbeeldingen, audio en video
- SC 1.1.1 Non-text Content – Afbeeldingen hebben betekenisvolle alt-teksten; decoratieve afbeeldingen gebruiken
alt=""
of worden via CSS weergegeven.
Structuur en presentatie
- SC 1.3.1 Info and Relationships – Koppen, lijsten en tabellen zijn semantisch correct opgebouwd (
<h1>
,<ul>
,<th>
). - SC 1.3.2 Meaningful Sequence – De leesvolgorde in de code is logisch.
- SC 1.3.3 Sensory Characteristics – Instructies verwijzen niet alleen naar kleur of positie (“klik op de groene knop”).
- SC 1.4.1 Use of Color – Kleur wordt niet als enige middel gebruikt om informatie over te brengen.
- SC 1.4.3 Contrast (Minimum) – Tekstcontrast minimaal 4.5:1 (3:1 bij grote tekst).
- SC 1.4.4 Resize Text – Tekst kan tot 200% worden vergroot zonder verlies van inhoud of werking.
- SC 1.4.10 Reflow (AA nieuw) – Pagina blijft bruikbaar op smalle schermen (responsief ontwerp).
- SC 1.4.11 Non-text Contrast – Iconen, knoppen en focusranden hebben voldoende contrast.
- SC 1.4.12 Text Spacing – Tekst blijft leesbaar bij aangepaste letter- en regelafstand.
Hier wordt nog aan gewerkt:
- SC 1.2.1 Audio-only & Video-only – Audio of video zonder beeld heeft een transcript of beschrijving.
- SC 1.2.2 Captions (Prerecorded) – Video’s hebben ondertiteling.
- SC 1.2.3 Audio Description or Media Alternative – Video met gesproken tekst heeft ook een audiobeschrijving of tekst-alternatief.
Bedienbaar
- SC 2.1.1 Keyboard – De belangrijkste onderdelen zijn bedienbaar met toetsenbord.
- SC 2.1.2 No Keyboard Trap – De gebruiker kan de focus altijd weer verlaten.
- SC 2.2.1 Timing Adjustable – Eventuele tijdslimieten kunnen gepauzeerd of verlengd worden.
- SC 2.3.1 Three Flashes or Below Threshold – Geen flitsende content die aanvallen kan veroorzaken.
- SC 2.4.1 Bypass Blocks – Er is een “Direct naar inhoud”-link of vergelijkbare voorziening aanwezig.
- SC 2.4.3 Focus Order – De tab-volgorde is logisch en voorspelbaar.
- SC 2.4.4 Link Purpose (In Context) – Links hebben beschrijvende namen (“Naar contactpagina” i.p.v. “Klik hier”).
- SC 2.4.6 Headings and Labels – Koppen en labels beschrijven duidelijk hun onderwerp of functie.
- SC 2.4.7 Focus Visible – De focusindicator is altijd zichtbaar.
- SC 2.5.3 Label in Name – De visuele labeltekst komt overeen met de toegankelijke naam (voor spraakbesturing).
- SC 2.5.5 Target Size (AA) – Klikbare elementen zijn groot genoeg (minimaal 44 × 44 pixels).
Begrijpelijk
- SC 3.1.1 Language of Page – De paginataal is correct gedefinieerd in de HTML-tag (
<html lang="nl">
). - SC 3.2.3 Consistent Navigation – Navigatie blijft consistent op alle pagina’s.
- SC 3.2.4 Consistent Identification – Gelijke elementen hebben overal dezelfde naam en functie.
- SC 3.3.1 Error Identification – Fouten worden duidelijk aangegeven.
- SC 3.3.2 Labels or Instructions – Invoervelden hebben duidelijke labels en/of instructies.
- SC 3.3.3 Error Suggestion – Gebruikers krijgen hulp om fouten te corrigeren.
Robuust
De website moet technisch goed samenwerken met browsers en hulpmiddelen.
- SC 4.1.1 Parsing – HTML-code is valide en foutloos (geen ontbrekende of verkeerd geneste tags).
- SC 4.1.2 Name, Role, Value – Interactieve componenten hebben correcte ARIA-rollen, namen en staten.
- SC 4.1.3 Status Messages (AA) – Dynamische meldingen (zoals “formulier verzonden”) worden door screenreaders aangekondigd.
Wat nog verbeterd wordt
- Bij enkele knoppen is het kleurcontrast nog onvoldoende.
- Oude blogoverzichten bevatten soms dubbele links (“redundant links”).
- Niet alle video’s hebben nog ondertiteling of een tekst-alternatief.
- Enkele toggles in Divi moeten nog worden aangepast naar echte knoppen (
<button>
i.p.v.<h4 role="button">
). - De navigatieknoppen van de slider worden nog aangepast zodat ze een correcte toegankelijke naam en rol krijgen (SC 4.1.2 Name, Role, Value). Hierdoor kunnen screenreader-gebruikers ook door de dia’s navigeren.
4. Verbeteracties
De genoemde verbeterpunten worden opgelost in Q1 2026.
Nieuwe content wordt standaard getoetst aan WCAG 2.1 AA voordat publicatie plaatsvindt.
Toetsing gebeurt handmatig (toetsenbord + screenreader) en automatisch met axe DevTools.
5. Contact
Ervaar je een probleem met de toegankelijkheid van onze website? Laat het ons weten:
Wij reageren binnen vijf werkdagen.
6. Laatste beoordeling
- Laatste interne audit: september 2025
- Laatste update verklaring: oktober 2025
7. Ondersteunende tools
Voor controle en continue verbetering gebruiken wij:
0 reacties