Changeset 5394 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/section.php

Timestamp:

04/20/2017 03:44:38 PM (8 years ago)

Author:

ocean90

Message:

Plugin Directory: Provide more context for "Read more" and "Show less" buttons to improve accessibility.

Props SergeyBiryukov, joedolson.
Fixes #2292.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/section.php (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/section.php

@@ -16 +16 @@
     class="plugin-<?php echo esc_attr( $section_slug ); ?> section <?php if ( $section_read_more ) { echo 'read-more'; } ?>"
 >
-    <h2><?php echo $section['title']; ?></h2>
+    <h2 id="<?php echo esc_attr( $section_slug . '-header' ); ?>"><?php echo $section['title']; ?></h2>
     <?php echo $section_content; ?>
 </div>
@@ -24 +24 @@
     class="button-link section-toggle"
     aria-controls="<?php echo esc_attr( $section_slug ); ?>"
+    aria-describedby="<?php echo esc_attr( $section_slug . '-header' ); ?>"
     aria-expanded="false"
     data-show-less="<?php esc_attr_e( 'Show less', 'wporg-plugins' ); ?>"