VBC-123: placeholder-as-label

warning

Category: ux-dx
Analysis: Regex (whole file)
File types: .html, .js, .ts, .tsx, .astro
Scope: source code only, ignoring anything inside strings and comments
Tags: ux accessibility

What it reports

Using placeholder as the only label at line {line} is bad for accessibility.

Flagged

<input
  type="email"
  placeholder="Email"
/>

Not flagged

<label for="email">Email</label>
<input id="email" placeholder="you@example.com" />

Pattern

<input\b(?![^>]*(?:aria-label|aria-labelledby|\bid\s*=))[^>]*\bplaceholder\s*=