Changeset 3726

Timestamp:

07/26/2016 05:25:49 PM (8 years ago)

Author:

coffee2code

Message:

Handbook plugin: Add screen reader text to the table of contents section anchors.

Props keesiemeijer.
Fixes #1861.

File:

• sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/inc/table-of-contents.php (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/inc/table-of-contents.php

@@ -119 +119 @@
                 $first = false;
             }
-
-            $replacement .= sprintf( '<%1$s class="toc-heading" id="%2$s" tabindex="-1">%3$s <a href="#%2$s" class="anchor">#</a></%1$s>', $tag, $id, $item[2] );
+            $a11y_text      = sprintf( '<span class="screen-reader-text">%s</span>', $item[2] );
+            $anchor         = sprintf( '<a href="#%1$s" class="anchor"><span aria-hidden="true">#</span>%2$s</a>', $id, $a11y_text );
+            $replacement   .= sprintf( '<%1$s class="toc-heading" id="%2$s" tabindex="-1">%3$s %4$s</%1$s>', $tag, $id, $item[2], $anchor );
             $replacements[] = $replacement;
         }