Interação por teclado

TeclaAção
Dígitos ou letrasPreenchem a caixa atual e passam para a próxima.
BackspaceApaga o caractere antes do cursor.
Setas para a esquerda e para a direitaMovem uma caixa; uma caixa preenchida fica selecionada, então digitar a substitui.
ColarPreenche as caixas com um código copiado.

Notas de acessibilidade

  • Os leitores de tela encontram um único campo de texto. Rotule-o com aria-label ou um <label>.
  • As caixas ficam ocultas das tecnologias assistivas; a caixa em edição mostra o anel de foco.
  • Com movimento reduzido, o cursor não pisca e as caixas não pulam nem tremem.