Make WordPress Core


Ignore:
Timestamp:
09/16/2022 11:11:41 PM (21 months 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:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-activate.php

    r49992 r54191  
    106106    ?>
    107107    <style type="text/css">
    108         form { margin-top: 2em; }
    109         #submit, #key { width: 90%; font-size: 24px; }
    110         #language { margin-top: .5em; }
    111         .error { background: #f66; }
     108        .wp-activate-container { width: 90%; margin: 0 auto; }
     109        .wp-activate-container form { margin-top: 2em; }
     110        #submit, #key { width: 100%; font-size: 24px; box-sizing: border-box; }
     111        #language { margin-top: 0.5em; }
     112        .wp-activate-container .error { background: #f66; color: #333; }
    112113        span.h3 { padding: 0 8px; font-size: 1.3em; font-weight: 600; }
    113114    </style>
     
    131132            <p>
    132133                <label for="key"><?php _e( 'Activation Key:' ); ?></label>
    133                 <br /><input type="text" name="key" id="key" value="" size="50" />
     134                <br /><input type="text" name="key" id="key" value="" size="50" autofocus="autofocus" />
    134135            </p>
    135136            <p class="submit">
     
    214215    </div>
    215216</div>
    216 <script type="text/javascript">
    217     var key_input = document.getElementById('key');
    218     key_input && key_input.focus();
    219 </script>
    220217<?php
    221218get_footer( 'wp-activate' );
Note: See TracChangeset for help on using the changeset viewer.