keycloak/keycloak

Visual feedback on required fields at logon

Open

#44.912 aperta il 15 dic 2025

Vedi su GitHub
 (6 commenti) (0 reazioni) (0 assegnatari)Java (8346 fork)batch import
help wantedkind/enhancement

Metriche repository

Star
 (34.398 star)
Metriche merge PR
 (Merge medio 6g 19h) (384 PR mergiate in 30 g)

Descrizione

Description

Hi, i would like to propose to provide a better UX:

  1. the mandatory fields (password, Password, OTP) are not perceivable to blind users because the semantic marking with the "required" attribute is missing
  2. The confirm button is active without any input - user can click on it while the form is empty
  3. [optional] The password is not validated until it has been sent

Value Proposition

  1. when the email is not filled, there could be a message saying "this field is required" and there shall be "required" attribute at the mandatory fields. This would be helpful for people with screen readers
  2. button shall be disabled (unclickable) if there is one or more of mandatory fields empty
  3. Frontend UI could validate the password against the password rules set in keycloak (no backend call)

Goals

provide better User Experience

Non-Goals

anything I didn't mention

Discussion

No response

Notes

No response

Guida contributor

Direzione di ricerca
Esplora i modelli del tema di login di Keycloak (ad esempio login.ftl) e identifica dove aggiungere l'attributo `required` ai campi obbligatori. Inoltre, aggiungi JavaScript per disabilitare il pulsante di invio finché tutti i campi obbligatori non sono compilati. Per la convalida facoltativa della password, esamina l'endpoint delle politiche delle password di Keycloak.
Tech stack
javascript
Dominio
authenticationaccessibilityfrontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
HTMLJavaScriptKeycloak themes
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65