Changeset 42793

Timestamp:

03/07/2018 07:40:58 PM (7 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>