自動入力UI (conditional-ui)

WebAuthn の自動入力UI。ログイン画面のアカウントセレクターに利用可能なパスキーを表示し、ユーザーがユーザーID欄を選ぶだけで認証を開始できる仕組み。パスワードの自動補完と同じ操作感で、ユーザーID入力も省ける。

uyBOHYAtAuM では、別名 Conditional UI として紹介される。ログイン画面でアカウントセレクターにパスキーが表示され、ユーザーはパスワードだけでなくユーザーIDの入力も省けると説明される。実装面では、PublicKeyCredential.isConditionalMediationAvailable() で対応可否を確認し、ユーザー名入力欄に autocomplete="username webauthn" を指定したうえで、ページロード時に条件を確認して navigator.credentials.get() を呼び出す手順が示される。