Changeset 39384

Timestamp:

11/30/2016 10:15:21 PM (8 years ago)

Author:

davidakennedy

Message:

Twenty Seventeen: Make screen reader text on scroll arrow more meaningful

This way screen reader users will know what to expect when they use this link.

Props rianrietveld.

Fixes #38970.

Location:

trunk/src/wp-content/themes/twentyseventeen/template-parts

Files:

• header/site-branding.php (modified) (1 diff)
• navigation/navigation-top.php (modified) (1 diff)

trunk/src/wp-content/themes/twentyseventeen/template-parts/header/site-branding.php

@@ -29 +29 @@
 
         <?php if ( ( twentyseventeen_is_frontpage() || ( is_home() && is_front_page() ) ) && ! has_nav_menu( 'top' ) ) : ?>
-        <a href="#content" class="menu-scroll-down"><?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ); ?><span class="screen-reader-text"><?php _e( 'Scroll Down', 'twentyseventeen' ); ?></span></a>
+        <a href="#content" class="menu-scroll-down"><?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ); ?><span class="screen-reader-text"><?php _e( 'Scroll down to content', 'twentyseventeen' ); ?></span></a>
     <?php endif; ?>
 

trunk/src/wp-content/themes/twentyseventeen/template-parts/navigation/navigation-top.php

@@ -18 +18 @@
 
     <?php if ( ( twentyseventeen_is_frontpage() || ( is_home() && is_front_page() ) ) && has_custom_header() ) : ?>
-        <a href="#content" class="menu-scroll-down"><?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ); ?><span class="screen-reader-text"><?php _e( 'Scroll Down', 'twentyseventeen' ); ?></span></a>
+        <a href="#content" class="menu-scroll-down"><?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ); ?><span class="screen-reader-text"><?php _e( 'Scroll down to content', 'twentyseventeen' ); ?></span></a>
     <?php endif; ?>
 </nav><!-- #site-navigation -->