Toevoegen [type=email] op emailadres/gebruikersnaam veld

[_Rope]

1. Welk probleem ervaar je?

Ontbreken van input[type=email] op login input element.

2. Waarom is dat een probleem?

Wachtwoordkluis snapt niet dat het om een login poging gaat.

3. Hoe vaak loop je er tegenaan?

Tijdens elke login poging.

4. Hoe ziet de ideale oplossing er voor jou uit?

Toevoegen van input[type=email] op emailadres/gebruikersnaam veld.

Zou in de praktijk geen invloed moeten hebben op gebruikers die een gebruikersnaam invullen en je wint er veel mee. Want, minder typen is meer beter.

[crisp]

Dan kan je niet meer inloggen met alleen je gebruikersnaam:



Wat voor wachtwoordmanager gebruik je? De mijne (Bitwarden) heeft er geen moeite mee om mijn login in te vullen.

[_Rope]

crisp schreef op zondag 5 januari 2025 @ 21:15:
Dan kan je niet meer inloggen met alleen je gebruikersnaam:

[Afbeelding]

Wat voor wachtwoordmanager gebruik je? De mijne (Bitwarden) heeft er geen moeite mee om mijn login in te vullen.

Bij mijn weten kan nog steeds inloggen met gebruikersnaam als je dat type gebruikt. Zit geen standaard input validatie op zover ik weet.
Ik gebruik Proton Pass, en heb er eigenlijk geen problemen ermee, kwam dit nu toevallig tegen dus dacht ik schiet het gewoon in.

[killercow]

crisp schreef op zondag 5 januari 2025 @ 21:15:
Dan kan je niet meer inloggen met alleen je gebruikersnaam:

[Afbeelding]

Wat voor wachtwoordmanager gebruik je? De mijne (Bitwarden) heeft er geen moeite mee om mijn login in te vullen.

Het kan een email veld zijn *en* daarnaast kan validatie uit staan zodat usernames ook mogelijk blijven.

code:

<input type="email" novalidate>

Op die manier krijg je op mobile ook netjes een email-centered keyboard.
Zowieso zijn de native validation-errors van browsers niet accessible genoeg omdat ze te kort zichtbaar blijven.

[crisp]

killercow schreef op zondag 5 januari 2025 @ 21:26:
[...]

Het kan een email veld zijn *en* daarnaast kan validatie uit staan zodat usernames ook mogelijk blijven.

code:

<input type="email" novalidate>

Op die manier krijg je op mobile ook netjes een email-centered keyboard.
Zowieso zijn de native validation-errors van browsers niet accessible genoeg omdat ze te kort zichtbaar blijven.

novalidate kan je alleen gebruiken op <form>-niveau. Nu denk ik niet dat we expliciet clientside validation gebruiken op het inlogformulier, dus dat zou wellicht nog een optie zijn, maar het voelt toch als iets dat niet nodig zou moeten zijn. We geven zelfs een autocomplete="username" hint op het veld, dus browsers zouden in staat moeten zijn dat veld te onthouden.