Changeset 59825 for trunk/src/wp-admin/customize.php

Timestamp:

02/14/2025 08:32:48 PM (20 months ago)

Author:

joedolson

Message:

Customize: Accessibility: Restore heading semantics in sections.

Remove role="presentation" from headings in the customizer. These were needed to avoid confusing semantics when the headings also acted as buttons to control accordions, changed in [59924].

Change responsive CSS to use screen-reader-text styling rather than display: none so that mobile retains the headings hierarchy.

Props joedolson, hbhalodia, mikinc860, guillaumeturpin, rcreators, tirth03, dhrumilk .
Fixes #62215.

File:

• trunk/src/wp-admin/customize.php (modified) (1 diff)

trunk/src/wp-admin/customize.php

@@ -234 +234 @@
                                 <div id="customize-info" class="accordion-section customize-info" data-block-theme="<?php echo (int) wp_is_block_theme(); ?>">
                                         <div class="accordion-section-title">
-                                                <span class="preview-notice">
+                                                <h2 class="preview-notice">
                                                 <?php
                                                         /* translators: %s: The site/panel title in the Customizer. */
                                                         printf( __( 'You are customizing %s' ), '<strong class="panel-title site-title">' . get_bloginfo( 'name', 'display' ) . '</strong>' );
                                                 ?>
-                                                </span>
+                                                </h2>
                                                 <button type="button" class="customize-help-toggle dashicons dashicons-editor-help" aria-expanded="false"><span class="screen-reader-text">
                                                         <?php