Bug 1231248 - Add hint that DuoSec login is probably your LDAP username

diff --git a/skins/standard/admin.css b/skins/standard/admin.css
index b6ac508c26c23e1ecc77cfb8e20ebbe53a192c5a..5567ea000664633b974c242612a7d854bb250ef8 100644 (file)
--- a/skins/standard/admin.css
+++ b/skins/standard/admin.css
@@ -315,6 +315,10 @@ input[disabled] {
     margin-right: 1em;
 }
 
+#mfa-duo-user-label {
+    cursor: help;
+}
+
 .flex {
     display: flex;
     flex-flow: row;

diff --git a/template/en/default/account/prefs/mfa.html.tmpl b/template/en/default/account/prefs/mfa.html.tmpl
index 2fbe45a6097cf7ed036d25d153ab1f8692f98d41..461d6aaafe5792323b0883c5fc5f62c653aa47a0 100644 (file)
--- a/template/en/default/account/prefs/mfa.html.tmpl
+++ b/template/en/default/account/prefs/mfa.html.tmpl
@@ -93,15 +93,15 @@
 
     <div id="mfa-auth-container" style="display:none">
       <p>
-        <label>Current Password:</label>
+        <label for="mfa-password">Current Password:</label>
         <input type="password" name="password" id="mfa-password" required>
       </p>
 
       [%# disable/recovery - totp %]
       [% IF user.mfa == "TOTP" %]
 
-        <label>Code:</label>
-        <input type="text" name="code"
+        <label for="code">Code:</label>
+        <input type="text" name="code" id="code"
                placeholder="123456" maxlength="9" pattern="\d{6,9}" size="10"
                autocomplete="off" required>
 
@@ -149,7 +149,7 @@
         Your current password is required to enable two-factor authentication.
       </p>
       <p>
-        <label>Current Password:</label>
+        <label for="mfa-password">Current Password:</label>
         <input type="password" name="password" id="mfa-password" required>
       </p>
     </div>
@@ -167,7 +167,7 @@
           Scan this QR code with your <a href="#" id="mfa-totp-apps">TOTP App</a>,
           then enter the six digit code the app generates.<br>
           <br>
-          <label>Code:</label>
+          <label id="mfa-totp-enable-code">Code:</label>
           <input type="text" name="code" id="mfa-totp-enable-code"
                   placeholder="123456" maxlength="6" pattern="\d{6}" size="10"
                   autocomplete="off">
@@ -207,7 +207,7 @@
       <div id="mfa-enable-duo" style="display:none">
 
         <p>
-          <label>Duo Username:</label>
+          <label title="This is generally your Mozilla LDAP Username" id="mfa-duo-user-label" for="mfa-duo-user">Duo Username:</label>
           <input type="text" name="username" id="mfa-duo-user">
         </p>