← Back to Catalog

Header search placeholder visible search control

header-search-placeholder-visible-search-control

Header search may use placeholder + visible Search control — the only named placeholder-as-visible-label exception: visually hidden `<label>`, placeholder “Zoek”, submit with text and/or magnifying-glass. Does not pass on ordinary fields. Dual-cite Forms no-placeholder-as-label. Placeholder/label lock unchanged.

Description

Header search is the named exception: a visually hidden `<label>`, placeholder “Zoek”, and a submit with text and/or magnifying-glass. Ordinary fields still need a visible label; this exception does not pass elsewhere. Fail if an ordinary field uses placeholder as its only label citing this exception, or if header search lacks a visible Search control and accessible name. Apply only to site header search with a visible Search affordance.

When to use

Building the site header search field with a visible Search affordance.

Not when

Not for ordinary fields; placeholder-as-only-label remains banned elsewhere.

Agent hint

For header search only: hidden label, Zoek placeholder, and a visible Search control.

Pass

Header search: hidden `<label>` + placeholder “Zoek” + visible Search control. Ordinary fields still have a visible label (lock).

Fail

An ordinary field uses placeholder as its only label, citing this exception; or header search has no visible Search control and no accessible name.

Citations

Open UX · cited UX rules agents audit against

Privacy · Sources ·