HIGHNEWA11Y-NAME-INP-01

Input zonder label: <input>

Dit invoerveld is niet gekoppeld aan een label. Schermlezer-gebruikers horen niet wat er ingevuld moet worden.

Screenshot

Geen visual evidence beschikbaar

Geen screenshot

Deze finding komt uit een passive HTTP check zonder visuele observatie. Start een ACTIVE_BROWSER of AUTHENTICATED_BROWSER scan om screenshots te verzamelen.

Waarom dit belangrijk is

Formulieren zijn voor gebruikers met schermlezers, stemherkenning of dyslexie nauwelijks te gebruiken. Vooral op registratie- en checkout-schermen is dit kritiek.

Hoe je dit oplost

Koppel elke input met een zichtbaar `<label for="fieldId">`. Als design het label visueel verbergt: gebruik nog steeds `<label>` met `sr-only` styling of een `aria-label`.

<label for="email">E-mailadres</label>
<input id="email" type="email" required autocomplete="email" />

AI-uitleg (ondersteunend)

Laat een taalmodel deze finding vertalen naar mensentaal en een concreet fix-voorstel.

Geen AI-uitleg gegenereerd. Dit is optioneel en alleen ondersteunend — de scan-bevindingen blijven leidend.

DOM context

Selector: div.flex > form.flex > div.flex-1 > input.w-full

<input type="email" placeholder="[email protected]" required class="w-full pl-10 pr-4 py-2.5 rounded-2xl text-sm outline-none transition-all duration-200 bg-white tex…

Technische observatie

Alleen lezende waarnemingen

tag
input
html
<input type="email" placeholder="[email protected]" required class="w-full pl-10 pr-4 py-2.5 rounded-2xl text-sm outline-none transition-all duration-200 bg-white tex…
name

Locatie

Selector
div.flex > form.flex > div.flex-1 > input.w-full
Flow
Stap

Mapping

WCAG 2.2
3.3.2 Labels of instructies (A)

Historie

Nog geen statuswijzigingen.