Changeset 42793

Timestamp:

03/07/2018 07:40:58 PM (8 years ago)

Author:

afercia

Message:

Accessibility: Networks and Sites: mark the New Site required form fields as required.

Also, adds an aria-describedby attribute to associate the Admin Email field with its description.

Props dipesh.kakadiya, jackreichert, rianrietveld.
Fixes #37331.

File:

• trunk/src/wp-admin/network/site-new.php (modified) (3 diffs)

trunk/src/wp-admin/network/site-new.php

@@ -213 +213 @@
 }
 ?>
+<p><?php
+printf(
+        /* translators: %s: asterisk to mark required form fields. */
+        __( 'Required fields are marked %s' ),
+        '<span class="required">*</span>'
+);
+?></p>
 <form method="post" action="<?php echo network_admin_url( 'site-new.php?action=add-site' ); ?>" novalidate="novalidate">
 <?php wp_nonce_field( 'add-blog', '_wpnonce_add-blog' ); ?>
         <table class="form-table">
                 <tr class="form-field form-required">
-                        <th scope="row"><label for="site-address"><?php _e( 'Site Address (URL)' ); ?></label></th>
+                        <th scope="row"><label for="site-address"><?php _e( 'Site Address (URL)' ); ?> <span class="required">*</span></label></th>
                         <td>
                         <?php if ( is_subdomain_install() ) { ?>
-                                <input name="blog[domain]" type="text" class="regular-text" id="site-address" aria-describedby="site-address-desc" autocapitalize="none" autocorrect="off"/><span class="no-break">.<?php echo preg_replace( '|^www\.|', '', get_network()->domain ); ?></span>
+                                <input name="blog[domain]" type="text" class="regular-text" id="site-address" aria-describedby="site-address-desc" autocapitalize="none" autocorrect="off" required /><span class="no-break">.<?php echo preg_replace( '|^www\.|', '', get_network()->domain ); ?></span>
                         <?php
 } else {
         echo get_network()->domain . get_network()->path
         ?>
-                                <input name="blog[domain]" type="text" class="regular-text" id="site-address" aria-describedby="site-address-desc"  autocapitalize="none" autocorrect="off" />
+                                <input name="blog[domain]" type="text" class="regular-text" id="site-address" aria-describedby="site-address-desc" autocapitalize="none" autocorrect="off" required />
 <?php
 }
@@ -233 +240 @@
                 </tr>
                 <tr class="form-field form-required">
-                        <th scope="row"><label for="site-title"><?php _e( 'Site Title' ); ?></label></th>
-                        <td><input name="blog[title]" type="text" class="regular-text" id="site-title" /></td>
+                        <th scope="row"><label for="site-title"><?php _e( 'Site Title' ); ?> <span class="required">*</span></label></th>
+                        <td><input name="blog[title]" type="text" class="regular-text" id="site-title" required /></td>
                 </tr>
                 <?php
@@ -268 +275 @@
                 <?php endif; // Languages. ?>
                 <tr class="form-field form-required">
-                        <th scope="row"><label for="admin-email"><?php _e( 'Admin Email' ); ?></label></th>
-                        <td><input name="blog[email]" type="email" class="regular-text wp-suggest-user" id="admin-email" data-autocomplete-type="search" data-autocomplete-field="user_email" /></td>
+                        <th scope="row"><label for="admin-email"><?php _e( 'Admin Email' ); ?> <span class="required">*</span></label></th>
+                        <td><input name="blog[email]" type="email" class="regular-text wp-suggest-user" id="admin-email" data-autocomplete-type="search" data-autocomplete-field="user_email" aria-describedby="site-admin-email" required /></td>
                 </tr>
                 <tr class="form-field">
-                        <td colspan="2"><?php _e( 'A new user will be created if the above email address is not in the database.' ); ?><br /><?php _e( 'The username and a link to set the password will be mailed to this email address.' ); ?></td>
+                        <td colspan="2"><p id="site-admin-email"><?php _e( 'A new user will be created if the above email address is not in the database.' ); ?><br /><?php _e( 'The username and a link to set the password will be mailed to this email address.' ); ?></p></td>
                 </tr>
         </table>