A questão da senha me levantou novamente uma dúvida.
O ícone do olho, quando cortado devo mostrar a senha? Já vi sendo aplicado dos dois jeitos, qual a lógica do uso? O icone representa o estado atual da senha ou "clique aqui para ir para este estado"?
Esse problema acontece com qualquer funcionalidade que mostra o estado mudando um ícone: o ícone atual representa o estado atual ou estado futuro?
Quando vi esse PR, fui consultar alguns aplicativos de bancos que possuem esse "olho" para mostrar/esconder os valores financeiros. Abri dois (acho que XP e Nubank) e percebi que não tratam isso da mesma forma.
O ideal é ter alguma forma auxiliar de descobrir o que o botão fará. No caso dessa funcionalidade, está com um tooltip, que apesar dos seus problemas de acessibilidade, é melhor do que nada.
Não existe um consenso sobre o uso então, mas boa a alternativa de usar um tooltip, vou colocar em meus projetos. Mas ainda prefiro que o ícone represente o estado atual, ou seja se o olho está riscado (quer dizer que não posso ver) então não mostra a senha.
Olá Selito, eu particularmente prefiro o inverso do que foi implementado, mas não acho que valeria a pena entrar nessa discussão durante a implementação, pois seria como discutir como se deve colocar o limão no espremedor.
Só como curiosidade, eu coloco como nessa imagem, mas não tenho nenhum problema com quem prefere o contrário:
Normalmente, quando a senha está visível o olho fica aberto, e quando ocultado o olho fica fechado. Pra mim, é o que faz mais sentido.
Pra mim tbm
Pra mim também, mas então implemetaram ali do outro jeito. senha visivel e olho cortado.
Ótima observação, Selitto. Eu também acho um pouco estranho, mas é isso mesmo clique aqui para ir para este estado. Para você ter noção de quanto isso me deixou confuso ao abrir a primeira PR para essa funcionalidade eu havia invertido os ícones, mas depois de consultar alguns sites que tem essa funcionalidade, percebi que o padrão usado é clique aqui para ir para este estado.
Minhas referências foram as páginas de login da Rocketseat, Udemy e Trybe.