Changeset 3665 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/user-content-voting.php

Timestamp:

07/10/2016 06:34:18 PM (9 years ago)

Author:

drewapicture

Message:

developer.wordpress.org: Include descriptive text for the benefit of screen reader users when up- or down-vote arrows or vote totals are focused within individual user contributed notes.

Props keesiemeijer.
See #1819.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/user-content-voting.php (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/user-content-voting.php

@@ -297 +297 @@
         echo '">';
         echo '<span class="dashicons dashicons-arrow-up"></span>';
+        echo '<span class="screen-reader-text">' . $title .  '</span>';
         echo "</{$tag}>";
 
@@ -308 +309 @@
             . 'class="user-note-voting-count ' . esc_attr( $class ) . '" '
             . 'title="' . esc_attr( $title ) . '">'
+            . '<span class="screen-reader-text">' . __( 'Vote results for this note: ', 'wporg' ) .  '</span>'
             . self::count_votes( $comment_id, 'difference' )
             . '</span>';
@@ -335 +337 @@
         echo '">';
         echo '<span class="dashicons dashicons-arrow-down"></span>';
+        echo '<span class="screen-reader-text">' . $title .  '</span>';
         echo "</{$tag}>";