MEDIUMNEWA11Y-NAME-BTN-01

Icon-button zonder aria-label op de topbar

De zoek-knop in de topbar heeft geen toegankelijke naam. Schermlezer-gebruikers horen alleen "button".

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

Icon-only knoppen zonder aria-label zijn onbruikbaar voor blinde of slechtziende gebruikers.

Hoe je dit oplost

Voeg aria-label="Zoek" toe aan de knop, of geef hem een verborgen tekstlabel.

<button aria-label="Zoek">
  <SearchIcon aria-hidden="true" />
</button>

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: header > button.icon-search

<button class="icon-search"><svg…/></button>

Technische observatie

Alleen lezende waarnemingen

html
<button class="icon-search"><svg…/></button>

Locatie

URL
https://app.acme.example/
Selector
header > button.icon-search
Flow
—
Stap
—

Mapping

WCAG 2.2
4.1.2 Naam, rol, waarde (A)

Historie

Nog geen statuswijzigingen.