Skip to content We're live on Product Hunt today Upvote
install

diagnostic · one of 36 free, no counter

Forms

Which fields on this form have no accessible name?

A form is two readings that people usually take separately: whether each field can be identified by somebody not looking at it, and what the field will accept. Both are here, one row per field, ranked so the fields with no name at all sit above the ones that merely reject silently - and the form’s own method and action are printed with them.

Reach it Press + K on any tab and type forms. Ctrl + K on Windows and Linux

Every field, what it validates, and where the form posts
reads every field, its labels and its constraints
writes nothing
sends nothing
ranks unnamed above rejects above required
names resolved the way a screen reader resolves them
values never read - the reading is of the contract
plan free
section#about

What this actually is

Before any form ships, and on a form that is rejecting input for a reason nobody can see. The contract panel is also the fastest way to find out where a form actually posts on a page built by somebody else.

section#asked

Asked about this diagnostic

Does it read what I have typed into the form?

No. It reads the fields, their labels and their constraints. Values are never read, which is also why a password field is no different here from any other.

Why is a placeholder not a label?

Because it disappears the moment somebody types, and it is not announced as a name by most screen readers. A field whose only identification is a placeholder is reported as unnamed, which is what it is.

What does the contract panel show?

The form’s method and action - where the input actually goes. On a page with several forms that is often the fastest way to tell which one you are looking at.

It says a field rejects silently. What does that mean?

The field has a pattern or a min/max with no message and no visible description, so a person who fails it gets a browser bubble at best and nothing at worst.

how to use forms

  1. Open Forms on the page carrying the form.
  2. Read the ranking: fields with no accessible name sit above the ones that merely reject silently.
  3. Check each name the way a screen reader resolves it, rather than the way the label looks.
  4. Read the contract panel for the method and the action - where the form actually posts.