Ticket #40733: 40733.diff

src/wp-admin/css/dashboard.css

@@ -440 +440 @@
         color: #ddd;
 }
 
+/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
+.community-events-footer .screen-reader-text {
+        height: inherit;
+        white-space: nowrap;
+}
+
 /* Dashboard WordPress news */
 
 #dashboard_primary .inside {

src/wp-admin/includes/dashboard.php

@@ -1126 +1126 @@
 
         <p class="community-events-footer">
                 <a href="https://make.wordpress.org/community/meetups-landing-page" target="_blank">
-                        <?php _e( 'Meetups' ); ?> <span class="dashicons dashicons-external"></span>
+                        <?php _e( 'Meetups' ); ?> <span aria-hidden="true" class="dashicons dashicons-external"></span>
+                        <span class="screen-reader-text"><?php
+                                /* translators: accessibility text */
+                                _e( '(opens in a new window)' );
+                        ?></span>
                 </a>
 
                 |
 
                 <a href="https://central.wordcamp.org/schedule/" target="_blank">
-                        <?php _e( 'WordCamps' ); ?> <span class="dashicons dashicons-external"></span>
+                        <?php _e( 'WordCamps' ); ?> <span aria-hidden="true" class="dashicons dashicons-external"></span>
+                        <span class="screen-reader-text"><?php
+                                /* translators: accessibility text */
+                                _e( '(opens in a new window)' );
+                        ?></span>
                 </a>
 
                 |
@@ -1139 +1147 @@
 
                 <?php // translators: If a Rosetta site exists (e.g. https://es.wordpress.org/news/), then use that. Otherwise, leave untranslated. ?>
                 <a href="<?php _e( 'https://wordpress.org/news/' ); ?>" target="_blank">
-                        <?php _e( 'News' ); ?> <span class="dashicons dashicons-external"></span>
+                        <?php _e( 'News' ); ?> <span aria-hidden="true" class="dashicons dashicons-external"></span>
+                        <span class="screen-reader-text"><?php
+                                /* translators: accessibility text */
+                                _e( '(opens in a new window)' );
+                        ?></span>
                 </a>
         </p>
 

src/wp-admin/includes/meta-boxes.php

@@ -58 +58 @@
 $preview_button = sprintf( '%1$s<span class="screen-reader-text"> %2$s</span>',
         $preview_button_text,
         /* translators: accessibility text */
-        __( '(link opens in a new window)' )
+        __( '(opens in a new window)' )
 );
 ?>
 <a class="preview button" href="<?php echo $preview_link; ?>" target="wp-preview-<?php echo (int) $post->ID; ?>" id="post-preview"><?php echo $preview_button; ?></a>

src/wp-includes/class-wp-customize-manager.php

@@ -4144 +4144 @@
                                 __( 'CSS allows you to customize the appearance and layout of your site with code. Separate CSS is saved for each of your themes. In the editing area the Tab key enters a tab character. To move below this area by pressing Tab, press the Esc key followed by the Tab key.' ),
                                 esc_url( __( 'https://codex.wordpress.org/CSS' ) ),
                                 __( 'Learn more about CSS' ),
-                                __( '(link opens in a new window)' )
+                                /* translators: accessibility text */
+                                __( '(opens in a new window)' )
                         ),
                 ) );