Ticket #2292: 2292.patch

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/plugin/sections/developers/index.jsx

@@ -15 +15 @@
 export const Developers = ( { plugin, translate } ) => (
         <div>
                 <div id="developers" className="section read-more plugin-developers">
-                        <h2>{ translate( 'Contributors & Developers' ) }</h2>
+                        <h2 id="developers-header">{ translate( 'Contributors & Developers' ) }</h2>
                         <p>
                                 { translate( 'This is open source software. The following people have contributed to this plugin.' ) }
                         </p>
@@ -36 +36 @@
                                 }
                         </p>
                 </div>
-                <button type="button" className="button-link section-toggle" aria-controls="developers" aria-expanded="false">
+                <button
+                        type="button"
+                        className="button-link section-toggle"
+                        aria-controls="developers"
+                        aria-describedby="developers-header"
+                        aria-expanded="false"
+                >
                         { translate( 'Read more' ) }
                 </button>
         </div>

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/plugin/sections/index.jsx

@@ -8 +8 @@
 export const Section = ( { content, slug, title, translate } ) => (
         <div>
                 <div id={ slug } className={ `section read-more plugin-${ slug }` }>
-                        <h2>{ title }</h2>
+                        <h2 id={ `${ slug }-header` }>{ title }</h2>
                         <div dangerouslySetInnerHTML={ { __html: content } } />
                 </div>
                 <button
@@ -15 +15 @@
                         type="button"
                         className="button-link section-toggle"
                         aria-controls={ slug }
+                        aria-describedby={ `${ slug }-header` }
                         aria-expanded="false"
                         data-show-less={ translate( 'Show less' ) }
                         data-read-more={ translate( 'Read more' ) }

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

@@ -15 +15 @@
         id="<?php echo esc_attr( $section_slug ); ?>"
         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>
 <?php if ( $section_read_more ) : ?>
@@ -23 +23 @@
         type="button"
         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' ); ?>"
         data-read-more="<?php esc_attr_e( 'Read more', 'wporg-plugins' ); ?>"