Ordem de tabulação de login e Pular senha / envie-me um link de login por e-mail

Alguns de nossos usuários reclamaram sobre o comportamento da tecla TAB ao fazer login.
Segundo eles, após digitar o nome de usuário e pressionar a tecla TAB, o cursor deve pular para o campo senha e não para o link Pular senha.

Nosso fórum é frequentado principalmente por desenvolvedores que estão acostumados a usar a tecla TAB para fazer login. E eu sei que, no caso do Discourse, eles poderiam pressionar a tecla TAB duas vezes para chegar ao campo de senha…

Mas me pergunto se o comportamento atual segue algum design específico ou se é apenas um efeito colateral de alguma alteração.
Vocês receberam comentários semelhantes?

5 curtidas

Acho que a ordem de tabulação está correta aqui; é a ordem natural dos elementos interativos no modal… Se eu dependesse exclusivamente do teclado para navegação, poderia ser frustrante acessar esse link caso a ordem de tabulação fosse arbitrária.

Especialistas em acessibilidade recomendam evitar alterar a ordem de tabulação dos elementos de uma página, a menos que seja absolutamente necessário. Using the tabindex attribute - Vispero

2 curtidas

Entendo… Bem, então a questão é se a opção link de login está na posição recomendada ou se seria melhor colocá-la mais abaixo no modal. Talvez logo abaixo do campo de senha?
Não me entenda mal, acho que a opção link de login é interessante, só parece quebrar um pouco o caso de uso quase universal de acessar o campo de senha com duas teclas TAB.

2 curtidas

Concordo com o autor da postagem: quando uso um gerenciador de senhas, a “API” típica entre o gerenciador de senhas e o formulário de login é (1) colar o nome de usuário, (2) TAB, (3) colar a senha, (4) ENTER.

Com o link “Pular” intercalado (que, surpreendentemente, aparece apenas depois que eu - ou melhor, meu gerenciador de senhas - começo a digitar meu nome de usuário), essa sequência é quebrada.

Sim, a maioria dos gerenciadores de senhas permite alterar a sequência padrão, mas isso exige uma alteração manual em uma “API” que, de outro modo, é amplamente aceita. Isso é um incômodo para os experientes e inviável para os iniciantes, resultando em menor uso de gerenciadores de senhas, o que, por fim, reduzirá a segurança geral ao usar o Discourse. (Estou falando como um usuário do fórum Fairphone.)

Do ponto de vista da UX, não vejo motivo para que o link “Pular” precise estar posicionado exatamente ali. É um recurso provavelmente usado raramente, quando a senha foi esquecida. (Não sei se você tem estatísticas que indiquem o contrário, no entanto.)

Portanto, recomendo fortemente manter o design anterior.

Obrigado e saudações de
nobi

3 curtidas

Concordo, foi bastante chato ter que reconfigurar meu gerenciador de senhas para cada fórum Discourse que uso.

@awesomerobot Poderíamos considerar mover o link abaixo do campo de senha?

5 curtidas

@awesomerobot o que você acha que devemos fazer aqui?

  1. Podemos mover essa dica “pular senha” para outro lugar?
  2. Podemos ajustar a ordem de tabulação e fazer com que “pular a senha” receba foco apenas após a senha?
  3. Podemos migrar para um login em múltiplas etapas, estilo “Google”, onde a primeira tela tenha apenas o nome de usuário e a próxima tenha a senha e o botão?
  4. Podemos não fazer nada.

Concordo que isso é um pouco surpreendente agora para pessoas que já têm memória muscular estabelecida.

2 curtidas

Acho que colocamos no lugar certo, na hora certa, para a maioria das pessoas. Mas, considerando que a maioria não usa gerenciadores de senhas nem navegação por teclado, podemos removê-lo da ordem de tabulação para contornar essa reclamação específica?

1 curtida

Eu diria que, entre fiddle e remove, a ordem de tabulação pode ser:

Usuário
Senha
Entrar
Pular senha
Esqueci a senha
Criar nova conta

2 curtidas

Essa nova ordem de guias para o modal de login já está ativa no Meta e estará disponível na próxima vez que você atualizar o Discourse.

2 curtidas