Sign-in

Sign in and sign up on one plate: Google and GitHub keys with their marks stamped in monochrome, an email route underneath, a two-way selector that re-prints the plate, and errors that say how to fix them.

Switch to New account and the plate asks for a name. Send it empty to see the errors, then fill it in.

• A real <form> with labelled fields and the right autocomplete tokens — email, current-password, and new-password when making an account — so password managers help.
• The mode is a real radio group; switching it disables the hidden fields, so neither the keyboard nor the form ever reaches them.
• Errors set aria-invalid, rewrite the hint the field points to with aria-describedby, and put the focus on the first field to fix. Nothing typed is cleared.
• The Show key is a toggle (aria-pressed) that names what it will do.
• The status line is a polite live region with words beside its lamp.