Changeset 58146 for trunk/src/wp-includes/class-wp-customize-control.php

Timestamp:

05/14/2024 04:47:03 PM (7 months ago)

Author:

joedolson

Message:

Administration: A11y: Replace placeholders with visible labels.

Add visible labels to inputs that are using placeholder attributes as a substitute for visible labeling.

Labels added or made visible on the customizer theme search, customizer widget search, customizer menu item search, customizer new page UI, the search plugins screens, the media search screens, and the classic editor link inserter.

Props afercia, joedolson, rcreators, sabernhardt.
See #40331.

File:

• trunk/src/wp-includes/class-wp-customize-control.php (modified) (1 diff)

trunk/src/wp-includes/class-wp-customize-control.php

@@ -636 +636 @@
                         ?>
                     </button>
-                    <div class="new-content-item">
-                        <label for="create-input-<?php echo esc_attr( $this->id ); ?>"><span class="screen-reader-text">
-                            <?php
-                            /* translators: Hidden accessibility text. */
-                            _e( 'New page title' );
-                            ?>
-                        </span></label>
-                        <input type="text" id="create-input-<?php echo esc_attr( $this->id ); ?>" class="create-item-input" placeholder="<?php esc_attr_e( 'New page title&hellip;' ); ?>">
-                        <button type="button" class="button add-content"><?php _e( 'Add' ); ?></button>
+                    <div class="new-content-item-wrapper">
+                        <label for="create-input-<?php echo esc_attr( $this->id ); ?>"><?php _e( 'New page title' ); ?></label>
+                        <div class="new-content-item">
+                            <input type="text" id="create-input-<?php echo esc_attr( $this->id ); ?>" class="create-item-input" >
+                            <button type="button" class="button add-content"><?php _e( 'Add' ); ?></button>
+                        </div>
                     </div>
                 <?php endif; ?>