Keyboard interaction
| Key | Action |
|---|---|
| Digits or letters | Fill the current slot and move to the next. |
| Backspace | Deletes the character before the caret. |
| Left and right arrows | Move one slot; a filled slot is selected, so typing replaces it. |
| Paste | Fills the slots from a copied code. |
Accessibility notes
- Screen readers meet one text field. Label it with
aria-labelor a<label>. - The slots are hidden from assistive technology; the slot being edited shows the focus ring.
- Under reduced motion the caret doesn’t blink and the slots don’t hop or shake.