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

Timestamp:

04/20/2017 03:44:38 PM (7 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/client/components/plugin/sections/index.jsx (modified) (2 diffs)

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

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