# WCAG 2.2 AA-audit — Aquizzit

**Auditdatum:** 28 juli 2026  
**Domeinen:** [aquizzit.nl](https://aquizzit.nl) en [aquizzit.com](https://aquizzit.com)  
**Beoogd niveau:** WCAG 2.2, niveau A en AA  
**Auditconclusie vóór herstel:** **voldeed nog niet volledig aan WCAG 2.2 AA**  
**Huidige status:** **P0 hersteld; handmatige P1/P2-verificatie staat nog open**

## Herstelupdate — 28 juli 2026

De vier P0-probleemgroepen uit deze audit zijn inmiddels hersteld op
aquizzit.nl en aquizzit.com:

- portaal-honeypot toegankelijk gemaakt en visueel verborgen;
- persoonlijke portaalvelden voorzien van correcte `autocomplete`-waarden;
- bevestigde tekstcontrastproblemen gecorrigeerd;
- ongeldige `aria-label`-constructies vervangen door geldige semantiek.

De hernieuwde axe-controle gaf op de zeven eerder getroffen kernroutes in beide
talen **nul WCAG A/AA DOM-overtredingen en nul resterende ARIA-waarschuwingen**.
De productiebuilds, HTML-tests en lintcontroles zijn geslaagd. Een formele
WCAG 2.2 AA-conformiteitsclaim blijft afhankelijk van de handmatige controles
onder “Handmatig te bevestigen punten”.

## Managementsamenvatting

De technische basis is bovengemiddeld goed: de onderzochte pagina’s hebben een
correcte taalcode, paginatitel, één hoofdgebied en één H1. Er is een skiplink,
toetsenbordfocus is grotendeels zichtbaar, animaties worden gereduceerd bij
`prefers-reduced-motion`, primaire formulieren hebben labels en interactieve
resultaten gebruiken statusmeldingen.

Tijdens de eerste auditronde zijn vier probleemgroepen gevonden die een formele
WCAG 2.2 AA-conformiteitsverklaring verhinderden:

1. verschillende kleine teksten hadden onvoldoende kleurcontrast;
2. meerdere generieke elementen gebruikten een `aria-label` zonder passende rol;
3. het aanvraagformulier voor het klantportaal bevatte een ongelabeld
   honeypotveld dat niet visueel werd verborgen;
4. dezelfde portaalvelden misten herkenbare `autocomplete`-waarden.

Deze vier P0-probleemgroepen zijn op 28 juli 2026 op de Nederlandse en Engelse
site hersteld. De geautomatiseerde hertest is geslaagd. De resterende
handmatige P1/P2-controles bepalen of daarna een volledige conformiteitsclaim
kan worden gedaan.

## Scope en methode

Er zijn 24 publieke paginarenderingen onderzocht: twaalf Nederlandse en twaalf
Engelse pagina’s. Daaronder vallen de homepage, alle zes Intelligence-tools,
het Kenniscentrum, het openbare klantportaal, privacy, toegankelijkheid en de
bedankpagina.

De controle bestond uit:

- inspectie van de actuele productiebron en gerenderde HTML;
- een geautomatiseerde DOM-audit met axe-core 4.11.4 voor WCAG 2.0, 2.1 en 2.2
  niveau A/AA;
- berekening van contrastverhoudingen voor de gebruikte kleurcombinaties;
- broncontrole van toetsenbordbediening, labels, focus, statusmeldingen,
  animaties, formulieren en responsieve regels;
- een productiebuild en lintcontrole van beide sites.

De beveiligde klantomgeving zelf, externe FormSubmit/Make-pagina’s,
bronwebsites en downloadbare Word-documenten vallen buiten deze webaudit.

## Bevestigde bevindingen

### A-01 — Onvoldoende tekstcontrast

**Ernst:** serieus  
**WCAG:** [1.4.3 Contrast (minimum), niveau AA](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html)  
**Omvang:** sitebreed, NL en EN  
**Status:** hersteld op 28 juli 2026

Voorbeelden uit de eerste audit:

| Combinatie | Gemeten | Vereist voor normale tekst |
|---|---:|---:|
| `#7E878E` op `#F7F8F8` | 3,44 : 1 | 4,5 : 1 |
| `#007FAC` op `#F7F8F8` | 4,26 : 1 | 4,5 : 1 |
| 47% wit op de donkere footer | circa 3,97 : 1 | 4,5 : 1 |
| 48% wit op het portaalblok | circa 4,12 : 1 | 4,5 : 1 |
| 52% wit op het contactblok | circa 4,46 : 1 | 4,5 : 1 |

Het herstel gebruikt onder meer een donkerder `--ink-faint`, een donkerdere
blauwe tekstvariant en hogere dekking voor kleine witte tekst.

### A-02 — ARIA-labels zonder geldige rol

**Ernst:** serieus  
**WCAG:** [4.1.2 Naam, rol, waarde, niveau A](https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html)  
**Status:** hersteld op 28 juli 2026

De audit vond `aria-label`-attributen op gewone `div`-elementen zonder
semantische rol, onder meer in contractimpactweergaven, filters en
feitenblokken. De ongeldige constructies zijn vervangen door passende
semantiek en toegankelijke namen.

### A-03 — Ongelabeld en zichtbaar honeypotveld

**Ernst:** kritiek  
**WCAG:** 3.3.2 Labels of instructies en 4.1.2 Naam, rol, waarde  
**Pagina’s:** `/portal` op NL en EN  
**Status:** hersteld op 28 juli 2026

De spamval in het portaalformulier had geen label en werd niet betrouwbaar
verborgen. Het veld is nu ontoegankelijk voor normale interactie, uit de
toegankelijkheidsboom gehaald en visueel verborgen.

### A-04 — Invoerdoel niet programmatisch herkenbaar

**Ernst:** serieus  
**WCAG:** [1.3.5 Invoerdoel identificeren, niveau AA](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html)  
**Pagina’s:** `/portal` op NL en EN  
**Status:** hersteld op 28 juli 2026

De velden voor voornaam, achternaam, organisatie en e-mail hebben nu de tokens
`given-name`, `family-name`, `organization` en `email`.

### A-05 — Alternatief voor geanimeerde Q-objecten

**Ernst:** middel  
**WCAG:** 1.1.1 Niet-tekstuele content en 4.1.2 Naam, rol, waarde  
**Status:** opnemen in P1 en handmatige verificatie

Per logo moet één consistente strategie gelden: volledig decoratief en
verborgen voor hulptechnologie, of informatief met één duidelijke naam en
robuuste fallback.

## Handmatig te bevestigen punten

Deze onderdelen vereisen nog een echte browser- en schermlezersessie voordat
conformiteit kan worden verklaard:

1. toetsenbordvolgorde en zichtbaarheid van focus bij sticky headers en
   dropdownmenu’s;
2. 200% tekstvergroting en 400% zoom/reflow tot 320 CSS-pixels;
3. minimale klikdoelen van 24 × 24 CSS-pixels en voldoende onderlinge ruimte;
4. VoiceOver/NVDA-uitspraak van radar, leverancierszoeker, scanvragen en
   dynamische resultaten;
5. focusverplaatsing wanneer “Vraag Aquizzit” wordt geopend;
6. hover/focus-content en het stoppen van alle beweging bij
   `prefers-reduced-motion`;
7. foutmeldingen en successtatus tijdens een echte formulierverzending.

De leverancierszoeker gebruikt een comboboxrol, maar de volledige
pijltjestoets- en actieve-optiebediening moet nog in een echte
toetsenbordsessie worden bevestigd.

## Wat al goed is

- correcte `lang="nl"` en `lang="en"` op de onderzochte pagina’s;
- beschrijvende paginatitels, één `main` en één H1 per pagina;
- skiplink naar de hoofdinhoud;
- semantische kopstructuur zonder grote niveausprongen;
- zichtbare focusbasis en ondersteuning voor forced-colors;
- primaire knoppen en formuliervelden met minimaal 44 pixels hoogte;
- reductie van animaties bij de gebruikersvoorkeur “minder beweging”;
- labels en correcte autocompletewaarden in het hoofdcontactformulier;
- `aria-expanded`, `aria-pressed` en live statusmeldingen op veel
  interactieve onderdelen;
- kleurcoderingen in scans en radar die meestal ook met tekst zijn benoemd;
- geslaagde productiebuilds en lintcontroles.

## Prioriteit voor herstel

### P0 — afgerond op 28 juli 2026

1. portaal-honeypot toegankelijk en onzichtbaar maken;
2. portaalvelden voorzien van `autocomplete`;
3. contrasttokens en transparante kleine tekst sitebreed corrigeren;
4. ongeldige `aria-label`-constructies vervangen door passende semantiek.

### P1 — daarna

1. alle Q-objecten terugbrengen tot één consistente alternatieve-tekststrategie;
2. leverancierscombobox volledig volgens het toegankelijke comboboxpatroon
   laten werken;
3. focus bij het openen en sluiten van Vraag Aquizzit expliciet beheren.

### P2 — verificatie

Voer een handmatige hertest uit met alleen toetsenbord, VoiceOver/NVDA, 400%
zoom en mobiele touchbediening. Werk daarna de openbare
toegankelijkheidsverklaring bij met auditdatum, scope, resterende afwijkingen
en contactmogelijkheid.

## Conformiteitsbesluit

WCAG-conformiteit geldt alleen wanneer **alle** toepasselijke criteria op het
gekozen niveau slagen. A-01 tot en met A-04 zijn inmiddels hersteld en de
geautomatiseerde hertest is geslaagd. Aquizzit claimt nog geen volledige WCAG
2.2 AA-conformiteit zolang de genoemde handmatige P1/P2-controles niet zijn
afgerond.

Normatieve basis:
[WCAG 2.2 — W3C Recommendation](https://www.w3.org/TR/WCAG22/).