Clarity testpagina

Doel: veel verschillende interacties om heatmaps, recordings en insights (rage/dead clicks) te triggeren.

Status: online Experimenteel Test-UI

Formulier met verschillende inputs

Required input → probeer submit zonder naam voor validatie-events.
Type een ongeldige e-mail om browser-validatie te triggeren.
Checkbox clicks voor heatmap.
Radio changes → event stream.
Range input: 7
Password input om masking te zien in recordings (Clarity maskeert vaak automatisch).

Snelle links: scroll naar beneden · accordion · terug naar boven

Tabel + sorteerknoppen

NaamTeamScoreActie

Klik “Actie” knoppen voor click tracking en heatmaps.

Widgets

Accordion: wat test dit?

Open/close interacties, scroll, en tekstselectie.

Drag & drop upload

Sleep een bestand hierheen of gebruik de file picker.

Klik hier en typ wat tekst. Selecteer woorden, plak iets, etc.

Play/pause/seek events + focus/blur events.

Klik meerdere keren → Clarity “dead clicks”/“rage clicks” kan oppikken.

Diepe content (voor scroll / anchor gedrag)

Klik op een anchor link en scroll rond. Dit helpt om “scroll depth” en navigatie te testen.

#anchor #scroll #interactions #forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies, nunc vel scelerisque volutpat, urna odio maximus enim, sed dignissim massa massa a eros. Spring naar onder.

Probeer ook eens snel achter elkaar klikken op “Rage-click target” bovenin om Clarity-insights te triggeren.

Vul velden in, wissel tabs, open de modal, sleep een bestand, en gebruik de tabelsortering. Dit geeft veel variatie in recordings.

Grote spacer voor scroll

Onderkant bereikt. Terug naar formulier

Modal dialog

Test: focus trap, button clicks, backdrop click, en form-interacties in een overlay.

Tip: druk Esc om te sluiten.

```