Changeset 29240

Timestamp:

07/19/2014 02:36:07 AM (7 years ago)

Author:

SergeyBiryukov

Message:

Customizer: Add screen reader text to announce that panels and sections are expandable.

props joedolson, ocean90.
fixes #27591.

File:

• trunk/src/wp-includes/class-wp-customize-section.php (modified) (2 diffs)

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

@@ -178 +178 @@
         ?>
         <li id="accordion-section-<?php echo esc_attr( $this->id ); ?>" class="<?php echo esc_attr( $classes ); ?>">
-            <h3 class="accordion-section-title" tabindex="0"><?php echo esc_html( $this->title ); ?></h3>
+            <h3 class="accordion-section-title" tabindex="0">
+                <?php echo esc_html( $this->title ); ?>
+                <span class="screen-reader-text"><?php _e( 'Press return or enter to expand' ); ?></span>
+            </h3>
             <ul class="accordion-section-content">
                 <?php if ( ! empty( $this->description ) ) : ?>
@@ -242 +245 @@
         ?>
         <li id="accordion-section-<?php echo esc_attr( $this->id ); ?>" class="control-section control-panel accordion-section">
-            <h3 class="accordion-section-title" tabindex="0"><?php echo esc_html( $this->title ); ?></h3>
+            <h3 class="accordion-section-title" tabindex="0">
+                <?php echo esc_html( $this->title ); ?>
+                <span class="screen-reader-text"><?php _e( 'Press return or enter to open panel' ); ?></span>
+            </h3>
             <span class="control-panel-back" tabindex="-1"><span class="screen-reader-text"><?php _e( 'Back' ); ?></span></span>
             <ul class="accordion-sub-container control-panel-content">