アプリをOktaブラウザープラグインで検出可能にする

Okta Browser Pluginは、ほとんどのウェブアプリページのサインインフォーム要素を自動的に検出します。ただし、このプラグインがフォーム要素を検出せず、ユーザーのフィールドに入力できないことが時折あります。このトピックでは、Okta Browser Pluginがサインインフォームを確実に検出し、そのフィールドに入力できるようにするためのサインインフォーム要素のコーディング方法について説明します。

送信ボタンのコーディングのガイドライン

1. フォームの送信には、<button>、<input>、または<a> DOM要素を使用してください。このコントロールには、<div>または<img>は使用しないでください。
2. 送信ボタンはユーザーに表示されなければなりません。その高さと幅の寸法を明示的に構成してください。クリックイベントは、このボタンの親要素や子要素ではなく、このボタンに直接登録してください。
3. 送信ボタンは、ページ上でユーザー名フィールドとパスワードフィールドから物理的に近い位置になければなりません。
4. DOMツリー階層はできる限りシンプルに保ってください。そうすることで、Okta Browser Pluginが簡単にスキャンできるようになります。
5. DOMツリー階層では、送信ボタンエントリとユーザー名/パスワードエントリの間に多すぎる数の親ノードと子ノードを配置しないでください。
6. ボタンのテキストまたは値には、Continue、Go、Next、Ok、Save、Sign in、Submit、Verifyなどの英語のキーワードを使用してください。プラグインは、フォームの送信ボタン要素を探すときに以下の正規表現を使用します。
   • /^(?!forgot).(log\W(i|o)n)/i,
   • /save/i,
   • /sign\Win/i,
   • /^ok$/i,
   • /^submit$/i
   • /continue\s$/i,
   • /next\s*$/i,
   • /go\s*$/i,
   • /verify\s*$/i