Changeset 54191 for trunk/src/wp-activate.php

Timestamp:

09/16/2022 11:11:41 PM (3 years ago)

Author:

joedolson

Message:

Login and Registration: Access improvements to network signup.

Fix a variety of accessibility issues with the network registration and activation screens. Fix associations between error messages and fields, improve labels for radio buttons, add fieldset and legend to properly group fields.

Props afercia, allisonplus, sabernhardt.
Fixes #40361.

File:

• trunk/src/wp-activate.php (modified) (3 diffs)

trunk/src/wp-activate.php

@@ -106 +106 @@
     ?>
     <style type="text/css">
-        form { margin-top: 2em; }
-        #submit, #key { width: 90%; font-size: 24px; }
-        #language { margin-top: .5em; }
-        .error { background: #f66; }
+        .wp-activate-container { width: 90%; margin: 0 auto; }
+        .wp-activate-container form { margin-top: 2em; }
+        #submit, #key { width: 100%; font-size: 24px; box-sizing: border-box; }
+        #language { margin-top: 0.5em; }
+        .wp-activate-container .error { background: #f66; color: #333; }
         span.h3 { padding: 0 8px; font-size: 1.3em; font-weight: 600; }
     </style>
@@ -131 +132 @@
             <p>
                 <label for="key"><?php _e( 'Activation Key:' ); ?></label>
-                <br /><input type="text" name="key" id="key" value="" size="50" />
+                <br /><input type="text" name="key" id="key" value="" size="50" autofocus="autofocus" />
             </p>
             <p class="submit">
@@ -214 +215 @@
     </div>
 </div>
-<script type="text/javascript">
-    var key_input = document.getElementById('key');
-    key_input && key_input.focus();
-</script>
 <?php
 get_footer( 'wp-activate' );